8
0

fileuploader.js 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. /**
  2. * @license Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* eslint-env commonjs, browser */
  6. 'use strict';
  7. import FileUploader from '../../src/uploadgateway/fileuploader';
  8. import Token from '../../src/token/token';
  9. import CKEditorError from '@ckeditor/ckeditor5-utils/src/ckeditorerror';
  10. const API_ADDRESS = 'https://example.dev';
  11. const BASE_64_FILE = 'data:image/gif;base64,R0lGODlhCQAJAPIAAGFhYZXK/1FRUf///' +
  12. '9ra2gD/AAAAAAAAACH5BAEAAAUALAAAAAAJAAkAAAMYWFqwru2xERcYJLSNNWNBVimC5wjfaTkJADs=';
  13. describe( 'FileUploader', () => {
  14. const token = new Token( 'url', { initValue: 'token', 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.be.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.be.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.be.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. global.xhr = sinon.useFakeXMLHttpRequest();
  77. global.xhr.onCreate = xhr => {
  78. request = xhr;
  79. };
  80. } );
  81. afterEach( () => global.xhr.restore() );
  82. it( 'should sent request with correct data (url, method, type, headers)', done => {
  83. fileUploader
  84. .send()
  85. .then( () => {
  86. expect( request.url ).to.be.equal( API_ADDRESS );
  87. expect( request.method ).to.be.equal( 'POST' );
  88. expect( request.responseType ).to.be.equal( 'json' );
  89. expect( request.requestHeaders ).to.be.deep.equal( { Authorization: 'token' } );
  90. done();
  91. } );
  92. request.respond( 200, { 'Content-Type': 'application/json' },
  93. JSON.stringify( { 'default': 'https://test.dev' } )
  94. );
  95. } );
  96. it( 'should fire `error` event with error message when response is failed', done => {
  97. fileUploader
  98. .onError( error => {
  99. expect( error ).to.be.equal( 'Message' );
  100. done();
  101. } )
  102. .send();
  103. request.respond( 400, { 'Content-Type': 'application/json' },
  104. JSON.stringify( {
  105. error: 'Error',
  106. message: 'Message'
  107. } )
  108. );
  109. } );
  110. it( 'should fire `error` event with error when response is failed', done => {
  111. fileUploader
  112. .onError( error => {
  113. expect( error ).to.be.equal( 'Error' );
  114. done();
  115. } )
  116. .send();
  117. request.respond( 400, { 'Content-Type': 'application/json' },
  118. JSON.stringify( {
  119. error: 'Error'
  120. } )
  121. );
  122. } );
  123. it( 'should fire `error` event when response is aborted', done => {
  124. fileUploader
  125. .onError( error => {
  126. expect( error ).to.be.equal( 'Abort' );
  127. done();
  128. } )
  129. .send();
  130. request.abort();
  131. } );
  132. it( 'should fire `error` event when network error occurs', done => {
  133. fileUploader
  134. .onError( error => {
  135. expect( error ).to.be.equal( 'Network Error' );
  136. done();
  137. } )
  138. .send();
  139. request.error();
  140. } );
  141. it( 'should fire `progress` event', done => {
  142. fileUploader
  143. .onProgress( data => {
  144. expect( data.total ).to.be.equal( 1 );
  145. expect( data.uploaded ).to.be.equal( 10 );
  146. done();
  147. } )
  148. .send();
  149. request.uploadProgress( { total: 1, loaded: 10 } );
  150. request.respond( 200 );
  151. } );
  152. } );
  153. describe( 'abort()', () => {
  154. let request;
  155. beforeEach( () => {
  156. global.xhr = sinon.useFakeXMLHttpRequest();
  157. global.xhr.onCreate = xhr => {
  158. request = xhr;
  159. };
  160. } );
  161. afterEach( () => global.xhr.restore() );
  162. it( 'should abort xhr request', () => {
  163. fileUploader.send();
  164. fileUploader.abort();
  165. expect( request.aborted ).to.be.true;
  166. } );
  167. } );
  168. } );