cloudservicesuploadadapter.js 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. /**
  2. * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  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 UploadGatewayMock from './_utils/uploadgatewaymock';
  10. import { createNativeFileMock } from '@ckeditor/ckeditor5-upload/tests/_utils/mocks';
  11. import testUtils from '@ckeditor/ckeditor5-core/tests/_utils/utils';
  12. import log from '@ckeditor/ckeditor5-utils/src/log';
  13. // Store original uploader.
  14. const CSUploader = CloudServicesUploadAdapter._UploadGateway;
  15. describe( 'CloudServicesUploadAdapter', () => {
  16. let div;
  17. testUtils.createSinonSandbox();
  18. before( () => {
  19. // Mock uploader.
  20. CloudServicesUploadAdapter._UploadGateway = UploadGatewayMock;
  21. } );
  22. after( () => {
  23. // Restore original uploader.
  24. CloudServicesUploadAdapter._UploadGateway = CSUploader;
  25. } );
  26. beforeEach( () => {
  27. div = window.document.createElement( 'div' );
  28. window.document.body.appendChild( div );
  29. } );
  30. afterEach( () => {
  31. div.remove();
  32. } );
  33. describe( 'init()', () => {
  34. it( 'should set loader', () => {
  35. UploadGatewayMock.lastToken = undefined;
  36. return ClassicTestEditor
  37. .create( div, {
  38. plugins: [ CloudServicesUploadAdapter ],
  39. cloudServices: {
  40. token: 'abc',
  41. uploadUrl: 'http://upload.mock.url/'
  42. }
  43. } )
  44. .then( editor => {
  45. expect( UploadGatewayMock.lastToken ).to.equal( 'abc' );
  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. // FileRepository will complain.
  53. const warnStub = testUtils.sinon.stub( log, 'warn' );
  54. return ClassicTestEditor
  55. .create( div, {
  56. plugins: [ CloudServicesUploadAdapter ]
  57. } )
  58. .then( editor => {
  59. expect( UploadGatewayMock.lastToken ).to.be.an( 'undefined' );
  60. expect( warnStub.calledOnce ).to.be.true;
  61. return editor.destroy();
  62. } );
  63. } );
  64. it( 'should set the default config.cloudServices.uploadUrl', () => {
  65. const expectedDefaultUrl = 'https://files.cke-cs.com/upload/';
  66. return ClassicTestEditor
  67. .create( div, {
  68. plugins: [ CloudServicesUploadAdapter ],
  69. cloudServices: {
  70. token: 'abc'
  71. }
  72. } )
  73. .then( editor => {
  74. expect( UploadGatewayMock.lastToken ).to.equal( 'abc' );
  75. expect( UploadGatewayMock.lastUploadUrl ).to.equal( expectedDefaultUrl );
  76. expect( editor.config.get( 'cloudServices.uploadUrl' ) ).to.equal( expectedDefaultUrl );
  77. return editor.destroy();
  78. } );
  79. } );
  80. } );
  81. describe( 'Adapter', () => {
  82. let editor, fileRepository, upload;
  83. beforeEach( () => {
  84. return ClassicTestEditor.create( div, {
  85. plugins: [ CloudServicesUploadAdapter ],
  86. cloudServices: {
  87. token: 'abc',
  88. uploadUrl: 'http://upload.mock.url/'
  89. }
  90. } ).then( _editor => {
  91. editor = _editor;
  92. fileRepository = editor.plugins.get( FileRepository );
  93. upload = editor.plugins.get( CloudServicesUploadAdapter );
  94. } );
  95. } );
  96. afterEach( () => {
  97. return editor.destroy();
  98. } );
  99. describe( 'upload()', () => {
  100. it( 'should mock upload', done => {
  101. const loader = fileRepository.createLoader( createNativeFileMock() );
  102. loader.upload()
  103. .then( response => {
  104. expect( response.default ).to.equal( 'http://image.mock.url/' );
  105. done();
  106. } )
  107. .catch( err => done( err ) );
  108. // Wait for the promise from the mock.getUploader()
  109. setTimeout( () => {
  110. upload._uploadGateway.resolveLastUpload();
  111. } );
  112. } );
  113. it( 'should update the progress', () => {
  114. const loader = fileRepository.createLoader( createNativeFileMock() );
  115. loader.upload();
  116. upload._uploadGateway.lastFileUploader.fire( 'progress', { uploaded: 50, total: 100 } );
  117. // expect( loader.uploaded ).to.equal( 50 );
  118. expect( loader.uploadTotal ).to.equal( 100 );
  119. } );
  120. } );
  121. describe( 'abort()', () => {
  122. it( 'should call abort on the CSS uploader', () => {
  123. const loader = fileRepository.createLoader( createNativeFileMock() );
  124. loader.upload();
  125. loader.abort();
  126. expect( upload._uploadGateway.lastFileUploader.aborted ).to.be.true;
  127. } );
  128. } );
  129. } );
  130. } );