cloudservicesuploadadapter.js 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. /**
  2. * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. /* globals window, setTimeout */
  6. import ClassicTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/classictesteditor';
  7. import CloudServicesUploadAdapter from '../src/cloudservicesuploadadapter';
  8. import FileRepository from '@ckeditor/ckeditor5-upload/src/filerepository';
  9. import CloudServices from '@ckeditor/ckeditor5-cloud-services/src/cloudservices';
  10. import UploadGatewayMock from './_utils/uploadgatewaymock';
  11. import { createNativeFileMock } from '@ckeditor/ckeditor5-upload/tests/_utils/mocks';
  12. import TokenMock from '@ckeditor/ckeditor5-cloud-services/tests/_utils/tokenmock';
  13. // Store original uploader.
  14. const CSUploader = CloudServicesUploadAdapter._UploadGateway;
  15. const Token = CloudServices.Token;
  16. describe( 'CloudServicesUploadAdapter', () => {
  17. let div;
  18. before( () => {
  19. CloudServices.Token = TokenMock;
  20. CloudServicesUploadAdapter._UploadGateway = UploadGatewayMock;
  21. } );
  22. after( () => {
  23. CloudServices.Token = Token;
  24. CloudServicesUploadAdapter._UploadGateway = CSUploader;
  25. } );
  26. beforeEach( () => {
  27. div = window.document.createElement( 'div' );
  28. window.document.body.appendChild( div );
  29. } );
  30. afterEach( () => {
  31. window.document.body.removeChild( div );
  32. } );
  33. describe( 'init()', () => {
  34. it( 'should set loader', () => {
  35. UploadGatewayMock.lastToken = undefined;
  36. TokenMock.initialToken = 'token';
  37. return ClassicTestEditor
  38. .create( div, {
  39. plugins: [ CloudServicesUploadAdapter ],
  40. cloudServices: {
  41. tokenUrl: 'abc',
  42. uploadUrl: 'http://upload.mock.url/'
  43. }
  44. } )
  45. .then( editor => {
  46. expect( UploadGatewayMock.lastUploadUrl ).to.equal( 'http://upload.mock.url/' );
  47. return editor.destroy();
  48. } );
  49. } );
  50. it( 'should not set loader if there is no token', () => {
  51. UploadGatewayMock.lastToken = undefined;
  52. return ClassicTestEditor
  53. .create( div, {
  54. plugins: [ CloudServicesUploadAdapter ]
  55. } )
  56. .then( editor => {
  57. expect( UploadGatewayMock.lastToken ).to.be.undefined;
  58. return editor.destroy();
  59. } );
  60. } );
  61. } );
  62. describe( 'Adapter', () => {
  63. let editor, fileRepository, upload;
  64. beforeEach( () => {
  65. return ClassicTestEditor.create( div, {
  66. plugins: [ CloudServicesUploadAdapter ],
  67. cloudServices: {
  68. tokenUrl: 'abc',
  69. uploadUrl: 'http://upload.mock.url/'
  70. }
  71. } ).then( _editor => {
  72. editor = _editor;
  73. fileRepository = editor.plugins.get( FileRepository );
  74. upload = editor.plugins.get( CloudServicesUploadAdapter );
  75. } );
  76. } );
  77. afterEach( () => {
  78. return editor.destroy();
  79. } );
  80. describe( 'upload()', () => {
  81. it( 'should mock upload', done => {
  82. const loader = fileRepository.createLoader( createNativeFileMock() );
  83. loader.upload()
  84. .then( response => {
  85. expect( response.default ).to.equal( 'http://image.mock.url/' );
  86. done();
  87. } )
  88. .catch( err => done( err ) );
  89. // Wait for the promise from the mock.getUploader().
  90. setTimeout( () => {
  91. upload._uploadGateway.resolveLastUpload();
  92. } );
  93. } );
  94. it( 'should update the progress', done => {
  95. const loader = fileRepository.createLoader( createNativeFileMock() );
  96. loader.upload();
  97. // Wait for the `loader.file` promise.
  98. setTimeout( () => {
  99. upload._uploadGateway.lastFileUploader.fire( 'progress', { uploaded: 50, total: 100 } );
  100. expect( loader.uploaded ).to.equal( 50 );
  101. expect( loader.uploadTotal ).to.equal( 100 );
  102. done();
  103. } );
  104. } );
  105. } );
  106. describe( 'abort()', () => {
  107. it( 'should not call abort on the non-existing CSS uploader (`loader.file` not resolved)', () => {
  108. const loader = fileRepository.createLoader( createNativeFileMock() );
  109. expect( () => {
  110. loader.upload();
  111. loader.abort();
  112. } ).to.not.throw();
  113. expect( upload._uploadGateway.lastFileUploader ).to.be.undefined;
  114. } );
  115. it( 'should call abort on the CSS uploader (`loader.file` resolved)', done => {
  116. const loader = fileRepository.createLoader( createNativeFileMock() );
  117. loader.upload();
  118. // Wait for the `loader.file` promise.
  119. setTimeout( () => {
  120. loader.abort();
  121. expect( upload._uploadGateway.lastFileUploader.aborted ).to.be.true;
  122. done();
  123. } );
  124. } );
  125. } );
  126. } );
  127. } );