fileuploader.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  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. /* eslint-env commonjs, browser */
  6. import FileUploader from '../../src/uploadgateway/fileuploader';
  7. import Token from '../../src/token/token';
  8. import CKEditorError from '@ckeditor/ckeditor5-utils/src/ckeditorerror';
  9. const API_ADDRESS = 'https://example.dev';
  10. const BASE_64_FILE = 'data:image/gif;base64,R0lGODlhCQAJAPIAAGFhYZXK/1FRUf///' +
  11. '9ra2gD/AAAAAAAAACH5BAEAAAUALAAAAAAJAAkAAAMYWFqwru2xERcYJLSNNWNBVimC5wjfaTkJADs=';
  12. describe( 'FileUploader', () => {
  13. const tokenInitValue = `header.${ btoa( JSON.stringify( { exp: Date.now() + 3600000 } ) ) }.signature`;
  14. const token = new Token( 'url', { initValue: tokenInitValue, autoRefresh: false } );
  15. let fileUploader;
  16. beforeEach( () => {
  17. fileUploader = new FileUploader( BASE_64_FILE, token, API_ADDRESS );
  18. } );
  19. describe( 'constructor()', () => {
  20. it( 'should throw error when no fileOrData provided', () => {
  21. expect( () => new FileUploader() ).to.throw( CKEditorError, 'fileuploader-missing-file' );
  22. } );
  23. it( 'should throw error when no token provided', () => {
  24. expect( () => new FileUploader( 'file' ) ).to.throw( CKEditorError, 'fileuploader-missing-token' );
  25. } );
  26. it( 'should throw error when no api address provided', () => {
  27. expect( () => new FileUploader( 'file', token ) ).to.throw( CKEditorError, 'fileuploader-missing-api-address' );
  28. } );
  29. it( 'should throw error when wrong Base64 file is provided', () => {
  30. expect( () => new FileUploader( 'data:image/gif;base64,R', token, API_ADDRESS ) )
  31. .to.throw( CKEditorError, 'fileuploader-decoding-image-data-error' );
  32. } );
  33. it( 'should convert base64 to file', done => {
  34. const fileReader = new FileReader();
  35. fileReader.readAsDataURL( fileUploader.file );
  36. fileReader.onloadend = () => {
  37. expect( fileReader.result ).to.equal( BASE_64_FILE );
  38. done();
  39. };
  40. } );
  41. it( 'should set `file` field', () => {
  42. const file = new File( [], 'test.jpg' );
  43. const fileUploader = new FileUploader( file, token, API_ADDRESS );
  44. expect( fileUploader.file.name ).to.equal( 'test.jpg' );
  45. } );
  46. } );
  47. describe( 'onProgress()', () => {
  48. it( 'should register callback for `progress` event', done => {
  49. fileUploader.onProgress( data => {
  50. expect( data ).to.be.deep.equal( { total: 12345, loaded: 123 } );
  51. done();
  52. } );
  53. fileUploader.fire( 'progress', { total: 12345, loaded: 123 } );
  54. } );
  55. } );
  56. describe( 'onError()', () => {
  57. it( 'should register callback for `error` event', done => {
  58. fileUploader.onError( data => {
  59. expect( data ).to.be.instanceOf( Error );
  60. expect( data.message ).to.equal( 'TEST' );
  61. done();
  62. } );
  63. fileUploader.fire( 'error', new Error( 'TEST' ) );
  64. } );
  65. it( 'should call registered callback for `error` event once', () => {
  66. const spy = sinon.spy();
  67. fileUploader.onError( spy );
  68. fileUploader.fire( 'error', new Error( 'TEST' ) );
  69. fileUploader.fire( 'error', new Error( 'TEST' ) );
  70. sinon.assert.calledOnce( spy );
  71. } );
  72. } );
  73. describe( 'send()', () => {
  74. let request;
  75. beforeEach( () => {
  76. const xhr = sinon.useFakeXMLHttpRequest();
  77. xhr.onCreate = r => {
  78. request = r;
  79. };
  80. } );
  81. afterEach( () => {
  82. sinon.restore();
  83. } );
  84. it( 'should sent request with correct data (url, method, type, headers)', done => {
  85. fileUploader
  86. .send()
  87. .then( () => {
  88. expect( request.url ).to.equal( API_ADDRESS );
  89. expect( request.method ).to.equal( 'POST' );
  90. expect( request.responseType ).to.equal( 'json' );
  91. expect( request.requestHeaders ).to.be.deep.equal( { Authorization: tokenInitValue } );
  92. done();
  93. } )
  94. .catch( err => {
  95. console.log( err );
  96. } );
  97. request.respond( 200, { 'Content-Type': 'application/json' },
  98. JSON.stringify( { 'default': 'https://test.dev' } )
  99. );
  100. } );
  101. it( 'should fire `error` event with error message when response is failed', done => {
  102. fileUploader
  103. .onError( error => {
  104. expect( error ).to.equal( 'Message' );
  105. done();
  106. } )
  107. .send();
  108. request.respond( 400, { 'Content-Type': 'application/json' },
  109. JSON.stringify( {
  110. error: 'Error',
  111. message: 'Message'
  112. } )
  113. );
  114. } );
  115. it( 'should fire `error` event with error when response is failed', done => {
  116. fileUploader
  117. .onError( error => {
  118. expect( error ).to.equal( 'Error' );
  119. done();
  120. } )
  121. .send();
  122. request.respond( 400, { 'Content-Type': 'application/json' },
  123. JSON.stringify( {
  124. error: 'Error'
  125. } )
  126. );
  127. } );
  128. it( 'should fire `error` event when response is aborted', done => {
  129. fileUploader
  130. .onError( error => {
  131. expect( error ).to.equal( 'Abort' );
  132. done();
  133. } )
  134. .send();
  135. request.abort();
  136. } );
  137. it( 'should fire `error` event when network error occurs', done => {
  138. fileUploader
  139. .onError( error => {
  140. expect( error ).to.equal( 'Network Error' );
  141. done();
  142. } )
  143. .send();
  144. request.error();
  145. } );
  146. it( 'should fire `progress` event', done => {
  147. fileUploader
  148. .onProgress( data => {
  149. expect( data.total ).to.equal( 1 );
  150. expect( data.uploaded ).to.equal( 10 );
  151. done();
  152. } )
  153. .send();
  154. request.uploadProgress( { total: 1, loaded: 10 } );
  155. request.respond( 200 );
  156. } );
  157. } );
  158. describe( 'abort()', () => {
  159. let request;
  160. beforeEach( () => {
  161. const xhr = sinon.useFakeXMLHttpRequest();
  162. xhr.onCreate = r => {
  163. request = r;
  164. };
  165. } );
  166. afterEach( () => {
  167. sinon.restore();
  168. } );
  169. it( 'should abort xhr request', () => {
  170. fileUploader.send();
  171. fileUploader.abort();
  172. expect( request.aborted ).to.be.true;
  173. } );
  174. } );
  175. } );