8
0

fileuploader.js 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  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 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.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.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.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. const xhr = sinon.useFakeXMLHttpRequest();
  76. xhr.onCreate = r => {
  77. request = r;
  78. };
  79. } );
  80. afterEach( () => {
  81. sinon.restore();
  82. } );
  83. it( 'should sent request with correct data (url, method, type, headers)', done => {
  84. fileUploader
  85. .send()
  86. .then( () => {
  87. expect( request.url ).to.equal( API_ADDRESS );
  88. expect( request.method ).to.equal( 'POST' );
  89. expect( request.responseType ).to.equal( 'json' );
  90. expect( request.requestHeaders ).to.be.deep.equal( { Authorization: 'token' } );
  91. done();
  92. } );
  93. request.respond( 200, { 'Content-Type': 'application/json' },
  94. JSON.stringify( { 'default': 'https://test.dev' } )
  95. );
  96. } );
  97. it( 'should fire `error` event with error message when response is failed', done => {
  98. fileUploader
  99. .onError( error => {
  100. expect( error ).to.equal( 'Message' );
  101. done();
  102. } )
  103. .send();
  104. request.respond( 400, { 'Content-Type': 'application/json' },
  105. JSON.stringify( {
  106. error: 'Error',
  107. message: 'Message'
  108. } )
  109. );
  110. } );
  111. it( 'should fire `error` event with error when response is failed', done => {
  112. fileUploader
  113. .onError( error => {
  114. expect( error ).to.equal( 'Error' );
  115. done();
  116. } )
  117. .send();
  118. request.respond( 400, { 'Content-Type': 'application/json' },
  119. JSON.stringify( {
  120. error: 'Error'
  121. } )
  122. );
  123. } );
  124. it( 'should fire `error` event when response is aborted', done => {
  125. fileUploader
  126. .onError( error => {
  127. expect( error ).to.equal( 'Abort' );
  128. done();
  129. } )
  130. .send();
  131. request.abort();
  132. } );
  133. it( 'should fire `error` event when network error occurs', done => {
  134. fileUploader
  135. .onError( error => {
  136. expect( error ).to.equal( 'Network Error' );
  137. done();
  138. } )
  139. .send();
  140. request.error();
  141. } );
  142. it( 'should fire `progress` event', done => {
  143. fileUploader
  144. .onProgress( data => {
  145. expect( data.total ).to.equal( 1 );
  146. expect( data.uploaded ).to.equal( 10 );
  147. done();
  148. } )
  149. .send();
  150. request.uploadProgress( { total: 1, loaded: 10 } );
  151. request.respond( 200 );
  152. } );
  153. } );
  154. describe( 'abort()', () => {
  155. let request;
  156. beforeEach( () => {
  157. const xhr = sinon.useFakeXMLHttpRequest();
  158. xhr.onCreate = r => {
  159. request = r;
  160. };
  161. } );
  162. afterEach( () => {
  163. sinon.restore();
  164. } );
  165. it( 'should abort xhr request', () => {
  166. fileUploader.send();
  167. fileUploader.abort();
  168. expect( request.aborted ).to.be.true;
  169. } );
  170. } );
  171. } );