fileuploader.js 5.5 KB

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