123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323 |
- const fs = require('fs')
- const path = require('path')
- const Core = require('./Core')
- const utils = require('./Utils')
- const Plugin = require('./Plugin')
- const AcquirerPlugin1 = require('../../test/mocks/acquirerPlugin1')
- const AcquirerPlugin2 = require('../../test/mocks/acquirerPlugin2')
- const InvalidPlugin = require('../../test/mocks/invalidPlugin')
- const InvalidPluginWithoutId = require('../../test/mocks/invalidPluginWithoutId')
- const InvalidPluginWithoutType = require('../../test/mocks/invalidPluginWithoutType')
- jest.mock('cuid', () => {
- return () => 'cjd09qwxb000dlql4tp4doz8h'
- })
- const sampleImage = fs.readFileSync(path.join(__dirname, '../../test/resources/image.jpg'))
- describe('src/Core', () => {
- const RealCreateObjectUrl = global.URL.createObjectURL
- beforeEach(() => {
- jest.spyOn(utils, 'findDOMElement').mockImplementation(path => {
- return 'some config...'
- })
- jest.spyOn(utils, 'createThumbnail').mockImplementation(path => {
- return Promise.resolve(`data:image/jpeg;base64,${sampleImage.toString('base64')}`)
- })
- utils.createThumbnail.mockClear()
- global.URL.createObjectURL = jest.fn().mockReturnValue('newUrl')
- })
- afterEach(() => {
- global.URL.createObjectURL = RealCreateObjectUrl
- })
- it('should expose a class', () => {
- const core = Core()
- expect(core.constructor.name).toEqual('Uppy')
- })
- it('should have a string `id` option that defaults to "uppy"', () => {
- const core = Core()
- expect(core.getID()).toEqual('uppy')
- const core2 = Core({ id: 'profile' })
- expect(core2.getID()).toEqual('profile')
- })
- describe('plugins', () => {
- it('should add a plugin to the plugin stack', () => {
- const core = Core()
- core.use(AcquirerPlugin1)
- expect(Object.keys(core.plugins.acquirer).length).toEqual(1)
- })
- it('should prevent the same plugin from being added more than once', () => {
- const core = Core()
- core.use(AcquirerPlugin1)
- expect(() => {
- core.use(AcquirerPlugin1)
- }).toThrowErrorMatchingSnapshot()
- })
- it('should not be able to add an invalid plugin', () => {
- const core = Core()
- expect(() => {
- core.use(InvalidPlugin)
- }).toThrowErrorMatchingSnapshot()
- })
- it('should not be able to add a plugin that has no id', () => {
- const core = Core()
- expect(() =>
- core.use(InvalidPluginWithoutId)
- ).toThrowErrorMatchingSnapshot()
- })
- it('should not be able to add a plugin that has no type', () => {
- const core = Core()
- expect(() =>
- core.use(InvalidPluginWithoutType)
- ).toThrowErrorMatchingSnapshot()
- })
- it('should return the plugin that matches the specified name', () => {
- const core = new Core()
- expect(core.getPlugin('foo')).toEqual(null)
- core.use(AcquirerPlugin1)
- const plugin = core.getPlugin('TestSelector1')
- expect(plugin.id).toEqual('TestSelector1')
- expect(plugin instanceof Plugin)
- })
- it('should call the specified method on all the plugins', () => {
- const core = new Core()
- core.use(AcquirerPlugin1)
- core.use(AcquirerPlugin2)
- core.iteratePlugins(plugin => {
- plugin.run('hello')
- })
- expect(core.plugins.acquirer[0].mocks.run.mock.calls.length).toEqual(1)
- expect(core.plugins.acquirer[0].mocks.run.mock.calls[0]).toEqual([
- 'hello'
- ])
- expect(core.plugins.acquirer[1].mocks.run.mock.calls.length).toEqual(1)
- expect(core.plugins.acquirer[1].mocks.run.mock.calls[0]).toEqual([
- 'hello'
- ])
- })
- it('should uninstall and the remove the specified plugin', () => {
- const core = new Core()
- core.use(AcquirerPlugin1)
- core.use(AcquirerPlugin2)
- expect(Object.keys(core.plugins.acquirer).length).toEqual(2)
- const plugin = core.getPlugin('TestSelector1')
- core.removePlugin(plugin)
- expect(Object.keys(core.plugins.acquirer).length).toEqual(1)
- expect(plugin.mocks.uninstall.mock.calls.length).toEqual(1)
- expect(core.plugins.acquirer[0].mocks.run.mock.calls.length).toEqual(0)
- })
- })
- describe('state', () => {
- it('should update all the plugins with the new state when the updateAll method is called', () => {
- const core = new Core()
- core.use(AcquirerPlugin1)
- core.use(AcquirerPlugin2)
- core.updateAll({ foo: 'bar' })
- expect(core.plugins.acquirer[0].mocks.update.mock.calls.length).toEqual(1)
- expect(core.plugins.acquirer[0].mocks.update.mock.calls[0]).toEqual([
- { foo: 'bar' }
- ])
- expect(core.plugins.acquirer[1].mocks.update.mock.calls.length).toEqual(1)
- expect(core.plugins.acquirer[1].mocks.update.mock.calls[0]).toEqual([
- { foo: 'bar' }
- ])
- })
- it('should update the state', () => {
- const core = new Core()
- const stateUpdateEventMock = jest.fn()
- core.on('state-update', stateUpdateEventMock)
- core.use(AcquirerPlugin1)
- core.use(AcquirerPlugin2)
- core.setState({ foo: 'bar', bee: 'boo' })
- core.setState({ foo: 'baar' })
- const newState = {
- bee: 'boo',
- capabilities: { resumableUploads: false },
- files: {},
- currentUploads: {},
- foo: 'baar',
- info: { isHidden: true, message: '', type: 'info' },
- meta: {},
- plugins: {},
- totalProgress: 0
- }
- expect(core.state).toEqual(newState)
- expect(core.plugins.acquirer[0].mocks.update.mock.calls[1]).toEqual([
- newState
- ])
- expect(core.plugins.acquirer[1].mocks.update.mock.calls[1]).toEqual([
- newState
- ])
- expect(stateUpdateEventMock.mock.calls.length).toEqual(2)
- // current state
- expect(stateUpdateEventMock.mock.calls[1][0]).toEqual({
- bee: 'boo',
- capabilities: { resumableUploads: false },
- files: {},
- currentUploads: {},
- foo: 'bar',
- info: { isHidden: true, message: '', type: 'info' },
- meta: {},
- plugins: {},
- totalProgress: 0
- })
- // new state
- expect(stateUpdateEventMock.mock.calls[1][1]).toEqual({
- bee: 'boo',
- capabilities: { resumableUploads: false },
- files: {},
- currentUploads: {},
- foo: 'baar',
- info: { isHidden: true, message: '', type: 'info' },
- meta: {},
- plugins: {},
- totalProgress: 0
- })
- })
- it('should get the state', () => {
- const core = new Core()
- core.setState({ foo: 'bar' })
- expect(core.getState()).toEqual({
- capabilities: { resumableUploads: false },
- files: {},
- currentUploads: {},
- foo: 'bar',
- info: { isHidden: true, message: '', type: 'info' },
- meta: {},
- plugins: {},
- totalProgress: 0
- })
- })
- })
- it('should reset when the reset method is called', () => {
- const core = new Core()
- // const corePauseEventMock = jest.fn()
- const coreCancelEventMock = jest.fn()
- const coreStateUpdateEventMock = jest.fn()
- core.on('cancel-all', coreCancelEventMock)
- core.on('state-update', coreStateUpdateEventMock)
- core.setState({ foo: 'bar', totalProgress: 30 })
- core.reset()
- // expect(corePauseEventMock.mock.calls.length).toEqual(1)
- expect(coreCancelEventMock.mock.calls.length).toEqual(1)
- expect(coreStateUpdateEventMock.mock.calls.length).toEqual(2)
- expect(coreStateUpdateEventMock.mock.calls[1][1]).toEqual({
- capabilities: { resumableUploads: false },
- files: {},
- currentUploads: {},
- foo: 'bar',
- info: { isHidden: true, message: '', type: 'info' },
- meta: {},
- plugins: {},
- totalProgress: 0
- })
- })
- it('should clear all uploads on cancelAll()', () => {
- const core = new Core()
- const id = core._createUpload([ 'a', 'b' ])
- expect(core.state.currentUploads[id]).toBeDefined()
- core.cancelAll()
- expect(core.state.currentUploads[id]).toBeUndefined()
- })
- it('should close, reset and uninstall when the close method is called', () => {
- const core = new Core()
- core.use(AcquirerPlugin1)
- // const corePauseEventMock = jest.fn()
- const coreCancelEventMock = jest.fn()
- const coreStateUpdateEventMock = jest.fn()
- // core.on('pause-all', corePauseEventMock)
- core.on('cancel-all', coreCancelEventMock)
- core.on('state-update', coreStateUpdateEventMock)
- core.close()
- // expect(corePauseEventMock.mock.calls.length).toEqual(1)
- expect(coreCancelEventMock.mock.calls.length).toEqual(1)
- expect(coreStateUpdateEventMock.mock.calls.length).toEqual(1)
- expect(coreStateUpdateEventMock.mock.calls[0][1]).toEqual({
- capabilities: { resumableUploads: false },
- files: {},
- currentUploads: {},
- info: { isHidden: true, message: '', type: 'info' },
- meta: {},
- plugins: {},
- totalProgress: 0
- })
- expect(core.plugins.acquirer[0].mocks.uninstall.mock.calls.length).toEqual(
- 1
- )
- })
- describe('upload hooks', () => {
- it('should add data returned from upload hooks to the .upload() result', () => {
- const core = new Core()
- core.addPreProcessor((fileIDs, uploadID) => {
- core.addResultData(uploadID, { pre: 'ok' })
- })
- core.addPostProcessor((fileIDs, uploadID) => {
- core.addResultData(uploadID, { post: 'ok' })
- })
- core.addUploader((fileIDs, uploadID) => {
- core.addResultData(uploadID, { upload: 'ok' })
- })
- core.run()
- return core.upload().then((result) => {
- expect(result.pre).toBe('ok')
- expect(result.upload).toBe('ok')
- expect(result.post).toBe('ok')
- })
- })
- })
- describe('preprocessors', () => {
- it('should add a preprocessor', () => {
- const core = new Core()
- const preprocessor = function () {}
- core.addPreProcessor(preprocessor)
- expect(core.preProcessors[0]).toEqual(preprocessor)
- })
- it('should remove a preprocessor', () => {
- const core = new Core()
- const preprocessor1 = function () {}
- const preprocessor2 = function () {}
- const preprocessor3 = function () {}
- core.addPreProcessor(preprocessor1)
- core.addPreProcessor(preprocessor2)
- core.addPreProcessor(preprocessor3)
- expect(core.preProcessors.length).toEqual(3)
- core.removePreProcessor(preprocessor2)
- expect(core.preProcessors.length).toEqual(2)
- })
- it('should execute all the preprocessors when uploading a file', () => {
- const core = new Core()
- const preprocessor1 = jest.fn()
- const preprocessor2 = jest.fn()
- core.addPreProcessor(preprocessor1)
- core.addPreProcessor(preprocessor2)
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- return core.upload()
- .then(() => {
- const fileId = Object.keys(core.state.files)[0]
- expect(preprocessor1.mock.calls.length).toEqual(1)
- expect(preprocessor1.mock.calls[0][0].length).toEqual(1)
- expect(preprocessor1.mock.calls[0][0][0]).toEqual(fileId)
- expect(preprocessor2.mock.calls[0][0].length).toEqual(1)
- expect(preprocessor2.mock.calls[0][0][0]).toEqual(fileId)
- })
- })
- it('should update the file progress state when preprocess-progress event is fired', () => {
- const core = new Core()
- core.run()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileId = Object.keys(core.state.files)[0]
- const file = core.getFile(fileId)
- core.emit('preprocess-progress', file, {
- mode: 'determinate',
- message: 'something',
- value: 0
- })
- expect(core.state.files[fileId].progress).toEqual({
- percentage: 0,
- bytesUploaded: 0,
- bytesTotal: 17175,
- uploadComplete: false,
- uploadStarted: false,
- preprocess: { mode: 'determinate', message: 'something', value: 0 }
- })
- })
- it('should update the file progress state when preprocess-complete event is fired', () => {
- const core = new Core()
- core.run()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileID = Object.keys(core.state.files)[0]
- const file = core.state.files[fileID]
- core.emit('preprocess-complete', file, {
- mode: 'determinate',
- message: 'something',
- value: 0
- })
- expect(core.state.files[fileID].progress).toEqual({
- percentage: 0,
- bytesUploaded: 0,
- bytesTotal: 17175,
- uploadComplete: false,
- uploadStarted: false
- })
- })
- })
- describe('postprocessors', () => {
- it('should add a postprocessor', () => {
- const core = new Core()
- const postprocessor = function () {}
- core.addPostProcessor(postprocessor)
- expect(core.postProcessors[0]).toEqual(postprocessor)
- })
- it('should remove a postprocessor', () => {
- const core = new Core()
- const postprocessor1 = function () {}
- const postprocessor2 = function () {}
- const postprocessor3 = function () {}
- core.addPostProcessor(postprocessor1)
- core.addPostProcessor(postprocessor2)
- core.addPostProcessor(postprocessor3)
- expect(core.postProcessors.length).toEqual(3)
- core.removePostProcessor(postprocessor2)
- expect(core.postProcessors.length).toEqual(2)
- })
- it('should execute all the postprocessors when uploading a file', () => {
- const core = new Core()
- const postprocessor1 = jest.fn()
- const postprocessor2 = jest.fn()
- core.addPostProcessor(postprocessor1)
- core.addPostProcessor(postprocessor2)
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- return core.upload().then(() => {
- expect(postprocessor1.mock.calls.length).toEqual(1)
- // const lastModifiedTime = new Date()
- // const fileId = 'foojpg' + lastModifiedTime.getTime()
- const fileId = 'uppy-foojpg-image'
- expect(postprocessor1.mock.calls[0][0].length).toEqual(1)
- expect(postprocessor1.mock.calls[0][0][0].substring(0, 17)).toEqual(
- fileId.substring(0, 17)
- )
- expect(postprocessor2.mock.calls[0][0].length).toEqual(1)
- expect(postprocessor2.mock.calls[0][0][0].substring(0, 17)).toEqual(
- fileId.substring(0, 17)
- )
- })
- })
- it('should update the file progress state when postprocess-progress event is fired', () => {
- const core = new Core()
- core.run()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileId = Object.keys(core.state.files)[0]
- const file = core.getFile(fileId)
- core.emit('postprocess-progress', file, {
- mode: 'determinate',
- message: 'something',
- value: 0
- })
- expect(core.state.files[fileId].progress).toEqual({
- percentage: 0,
- bytesUploaded: 0,
- bytesTotal: 17175,
- uploadComplete: false,
- uploadStarted: false,
- postprocess: { mode: 'determinate', message: 'something', value: 0 }
- })
- })
- it('should update the file progress state when postprocess-complete event is fired', () => {
- const core = new Core()
- core.run()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileId = Object.keys(core.state.files)[0]
- const file = core.state.files[fileId]
- core.emit('postprocess-complete', file, {
- mode: 'determinate',
- message: 'something',
- value: 0
- })
- expect(core.state.files[fileId].progress).toEqual({
- percentage: 0,
- bytesUploaded: 0,
- bytesTotal: 17175,
- uploadComplete: false,
- uploadStarted: false
- })
- })
- })
- describe('uploaders', () => {
- it('should add an uploader', () => {
- const core = new Core()
- const uploader = function () {}
- core.addUploader(uploader)
- expect(core.uploaders[0]).toEqual(uploader)
- })
- it('should remove an uploader', () => {
- const core = new Core()
- const uploader1 = function () {}
- const uploader2 = function () {}
- const uploader3 = function () {}
- core.addUploader(uploader1)
- core.addUploader(uploader2)
- core.addUploader(uploader3)
- expect(core.uploaders.length).toEqual(3)
- core.removeUploader(uploader2)
- expect(core.uploaders.length).toEqual(2)
- })
- })
- describe('adding a file', () => {
- it('should call onBeforeFileAdded if it was specified in the options when initialising the class', () => {
- const onBeforeFileAdded = jest.fn()
- const core = new Core({
- onBeforeFileAdded
- })
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- expect(onBeforeFileAdded.mock.calls.length).toEqual(1)
- expect(onBeforeFileAdded.mock.calls[0][0].name).toEqual('foo.jpg')
- expect(onBeforeFileAdded.mock.calls[0][1]).toEqual({})
- })
- it('should add a file', () => {
- const fileData = new File([sampleImage], { type: 'image/jpeg' })
- const fileAddedEventMock = jest.fn()
- const core = new Core()
- core.run()
- core.on('file-added', fileAddedEventMock)
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: fileData
- })
- const fileId = Object.keys(core.state.files)[0]
- const newFile = {
- extension: 'jpg',
- id: fileId,
- isRemote: false,
- meta: { name: 'foo.jpg', type: 'image/jpeg' },
- name: 'foo.jpg',
- preview: undefined,
- data: fileData,
- progress: {
- bytesTotal: 17175,
- bytesUploaded: 0,
- percentage: 0,
- uploadComplete: false,
- uploadStarted: false
- },
- remote: '',
- size: 17175,
- source: 'jest',
- type: 'image/jpeg'
- }
- expect(core.state.files[fileId]).toEqual(newFile)
- expect(fileAddedEventMock.mock.calls[0][0]).toEqual(newFile)
- })
- it('should not allow a file that does not meet the restrictions', () => {
- const core = new Core({
- restrictions: {
- allowedFileTypes: ['image/gif']
- }
- })
- try {
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- throw new Error('File was allowed through')
- } catch (err) {
- expect(err.message).toEqual('You can only upload: image/gif')
- }
- })
- it('should not allow a file if onBeforeFileAdded returned false', () => {
- const core = new Core({
- onBeforeFileAdded: (file, files) => {
- if (file.source === 'jest') {
- return false
- }
- }
- })
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- expect(Object.keys(core.state.files).length).toEqual(0)
- })
- })
- describe('uploading a file', () => {
- it('should return a { successful, failed } pair containing file objects', () => {
- const core = new Core().run()
- core.addUploader((fileIDs) => Promise.resolve())
- core.addFile({ source: 'jest', name: 'foo.jpg', type: 'image/jpeg', data: new Uint8Array() })
- core.addFile({ source: 'jest', name: 'bar.jpg', type: 'image/jpeg', data: new Uint8Array() })
- return expect(core.upload()).resolves.toMatchObject({
- successful: [
- { name: 'foo.jpg' },
- { name: 'bar.jpg' }
- ],
- failed: []
- })
- })
- it('should return files with errors in the { failed } key', () => {
- const core = new Core().run()
- core.addUploader((fileIDs) => {
- fileIDs.forEach((fileID) => {
- const file = core.getFile(fileID)
- if (/bar/.test(file.name)) {
- core.emit('upload-error', file, new Error('This is bar and I do not like bar'))
- }
- })
- return Promise.resolve()
- })
- core.addFile({ source: 'jest', name: 'foo.jpg', type: 'image/jpeg', data: new Uint8Array() })
- core.addFile({ source: 'jest', name: 'bar.jpg', type: 'image/jpeg', data: new Uint8Array() })
- return expect(core.upload()).resolves.toMatchObject({
- successful: [
- { name: 'foo.jpg' }
- ],
- failed: [
- { name: 'bar.jpg', error: 'This is bar and I do not like bar' }
- ]
- })
- })
- it('should only upload files that are not already assigned to another upload id', () => {
- const core = new Core().run()
- core.store.state.currentUploads = {
- upload1: {
- fileIDs: ['uppy-file1jpg-image/jpeg', 'uppy-file2jpg-image/jpeg', 'uppy-file3jpg-image/jpeg']
- },
- upload2: {
- fileIDs: ['uppy-file4jpg-image/jpeg', 'uppy-file5jpg-image/jpeg', 'uppy-file6jpg-image/jpeg']
- }
- }
- core.addUploader((fileIDs) => Promise.resolve())
- core.addFile({ source: 'jest', name: 'foo.jpg', type: 'image/jpeg', data: new Uint8Array() })
- core.addFile({ source: 'jest', name: 'bar.jpg', type: 'image/jpeg', data: new Uint8Array() })
- core.addFile({ source: 'file3', name: 'file3.jpg', type: 'image/jpeg', data: new Uint8Array() })
- return expect(core.upload()).resolves.toMatchSnapshot()
- })
- it('should not upload if onBeforeUpload returned false', () => {
- const core = new Core({
- autoProceed: false,
- onBeforeUpload: (files) => {
- for (var fileId in files) {
- if (files[fileId].name === '123.foo') {
- return false
- }
- }
- }
- })
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- core.addFile({
- source: 'jest',
- name: 'bar.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- core.addFile({
- source: 'jest',
- name: '123.foo',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- return core.upload().catch((err) => {
- expect(err).toMatchObject(new Error('Not starting the upload because onBeforeUpload returned false'))
- })
- })
- })
- describe('removing a file', () => {
- it('should remove the file', () => {
- const fileRemovedEventMock = jest.fn()
- const core = new Core()
- core.on('file-removed', fileRemovedEventMock)
- core.run()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileId = Object.keys(core.state.files)[0]
- expect(Object.keys(core.state.files).length).toEqual(1)
- core.setState({
- totalProgress: 50
- })
- const file = core.getFile(fileId)
- core.removeFile(fileId)
- expect(Object.keys(core.state.files).length).toEqual(0)
- expect(fileRemovedEventMock.mock.calls[0][0]).toEqual(file)
- expect(core.state.totalProgress).toEqual(0)
- })
- })
- describe('restoring a file', () => {
- xit('should restore a file', () => {})
- xit("should fail to restore a file if it doesn't exist", () => {})
- })
- describe('get a file', () => {
- it('should get the specified file', () => {
- const core = new Core()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileId = Object.keys(core.state.files)[0]
- expect(core.getFile(fileId).name).toEqual('foo.jpg')
- expect(core.getFile('non existant file')).toEqual(undefined)
- })
- })
- describe('getFiles', () => {
- it('should return an empty array if there are no files', () => {
- const core = new Core()
- expect(core.getFiles()).toEqual([])
- })
- it('should return all files as an array', () => {
- const core = new Core()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- core.addFile({
- source: 'jest',
- name: 'empty.dat',
- type: 'application/octet-stream',
- data: new File([Buffer.alloc(1000)], { type: 'application/octet-stream' })
- })
- expect(core.getFiles()).toHaveLength(2)
- expect(core.getFiles().map((file) => file.name).sort()).toEqual(['empty.dat', 'foo.jpg'])
- })
- })
- describe('meta data', () => {
- it('should set meta data by calling setMeta', () => {
- const core = new Core({
- meta: { foo2: 'bar2' }
- })
- core.setMeta({ foo: 'bar', bur: 'mur' })
- core.setMeta({ boo: 'moo', bur: 'fur' })
- expect(core.state.meta).toEqual({
- foo: 'bar',
- foo2: 'bar2',
- boo: 'moo',
- bur: 'fur'
- })
- })
- it('should update meta data for a file by calling updateMeta', () => {
- const core = new Core()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileId = Object.keys(core.state.files)[0]
- core.setFileMeta(fileId, { foo: 'bar', bur: 'mur' })
- core.setFileMeta(fileId, { boo: 'moo', bur: 'fur' })
- expect(core.state.files[fileId].meta).toEqual({
- name: 'foo.jpg',
- type: 'image/jpeg',
- foo: 'bar',
- bur: 'fur',
- boo: 'moo'
- })
- })
- it('should merge meta data when add file', () => {
- const core = new Core({
- meta: { foo2: 'bar2' }
- })
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- meta: {
- resize: 5000
- },
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileId = Object.keys(core.state.files)[0]
- expect(core.state.files[fileId].meta).toEqual({
- name: 'foo.jpg',
- type: 'image/jpeg',
- foo2: 'bar2',
- resize: 5000
- })
- })
- })
- describe('progress', () => {
- it('should calculate the progress of a file upload', () => {
- const core = new Core()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileId = Object.keys(core.state.files)[0]
- const file = core.getFile(fileId)
- core._calculateProgress(file, {
- bytesUploaded: 12345,
- bytesTotal: 17175
- })
- expect(core.state.files[fileId].progress).toEqual({
- percentage: 71,
- bytesUploaded: 12345,
- bytesTotal: 17175,
- uploadComplete: false,
- uploadStarted: false
- })
- core._calculateProgress(file, {
- bytesUploaded: 17175,
- bytesTotal: 17175
- })
- expect(core.state.files[fileId].progress).toEqual({
- percentage: 100,
- bytesUploaded: 17175,
- bytesTotal: 17175,
- uploadComplete: false,
- uploadStarted: false
- })
- })
- it('should calculate the total progress of all file uploads', () => {
- const core = new Core()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- core.addFile({
- source: 'jest',
- name: 'foo2.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileId1 = Object.keys(core.state.files)[0]
- const fileId2 = Object.keys(core.state.files)[1]
- const file1 = core.state.files[fileId1]
- const file2 = core.state.files[fileId2]
- core.state.files[fileId1].progress.uploadStarted = new Date()
- core.state.files[fileId2].progress.uploadStarted = new Date()
- core._calculateProgress(file1, {
- bytesUploaded: 12345,
- bytesTotal: 17175
- })
- core._calculateProgress(file2, {
- bytesUploaded: 10201,
- bytesTotal: 17175
- })
- core._calculateTotalProgress()
- expect(core.state.totalProgress).toEqual(65)
- })
- it('should reset the progress', () => {
- const resetProgressEvent = jest.fn()
- const core = new Core()
- core.run()
- core.on('reset-progress', resetProgressEvent)
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- core.addFile({
- source: 'jest',
- name: 'foo2.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- const fileId1 = Object.keys(core.state.files)[0]
- const fileId2 = Object.keys(core.state.files)[1]
- const file1 = core.state.files[fileId1]
- const file2 = core.state.files[fileId2]
- core.state.files[fileId1].progress.uploadStarted = new Date()
- core.state.files[fileId2].progress.uploadStarted = new Date()
- core._calculateProgress(file1, {
- bytesUploaded: 12345,
- bytesTotal: 17175
- })
- core._calculateProgress(file2, {
- bytesUploaded: 10201,
- bytesTotal: 17175
- })
- core._calculateTotalProgress()
- expect(core.state.totalProgress).toEqual(65)
- core.resetProgress()
- expect(core.state.files[fileId1].progress).toEqual({
- percentage: 0,
- bytesUploaded: 0,
- bytesTotal: 17175,
- uploadComplete: false,
- uploadStarted: false
- })
- expect(core.state.files[fileId2].progress).toEqual({
- percentage: 0,
- bytesUploaded: 0,
- bytesTotal: 17175,
- uploadComplete: false,
- uploadStarted: false
- })
- expect(core.state.totalProgress).toEqual(0)
- expect(resetProgressEvent.mock.calls.length).toEqual(1)
- })
- })
- describe('checkRestrictions', () => {
- it('should enforce the maxNumberOfFiles rule', () => {
- const core = new Core({
- autoProceed: false,
- restrictions: {
- maxNumberOfFiles: 1
- }
- })
- // add 2 files
- core.addFile({
- source: 'jest',
- name: 'foo1.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- try {
- core.addFile({
- source: 'jest',
- name: 'foo2.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- throw new Error('should have thrown')
- } catch (err) {
- expect(err).toMatchObject(new Error('You can only upload 1 file'))
- expect(core.state.info.message).toEqual('You can only upload 1 file')
- }
- })
- xit('should enforce the minNumberOfFiles rule', () => {})
- it('should enforce the allowedFileTypes rule', () => {
- const core = new Core({
- autoProceed: false,
- restrictions: {
- allowedFileTypes: ['image/gif', 'image/png']
- }
- })
- try {
- core.addFile({
- source: 'jest',
- name: 'foo2.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- throw new Error('should have thrown')
- } catch (err) {
- expect(err).toMatchObject(new Error('You can only upload: image/gif, image/png'))
- expect(core.state.info.message).toEqual('You can only upload: image/gif, image/png')
- }
- })
- it('should enforce the allowedFileTypes rule with file extensions', () => {
- const core = new Core({
- autoProceed: false,
- restrictions: {
- allowedFileTypes: ['.gif', '.jpg', '.jpeg']
- }
- })
- try {
- core.addFile({
- source: 'jest',
- name: 'foo2.png',
- type: '',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- throw new Error('should have thrown')
- } catch (err) {
- expect(err).toMatchObject(new Error('You can only upload: .gif, .jpg, .jpeg'))
- expect(core.state.info.message).toEqual('You can only upload: .gif, .jpg, .jpeg')
- }
- })
- it('should enforce the maxFileSize rule', () => {
- const core = new Core({
- autoProceed: false,
- restrictions: {
- maxFileSize: 1234
- }
- })
- try {
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- throw new Error('should have thrown')
- } catch (err) {
- expect(err).toMatchObject(new Error('This file exceeds maximum allowed size of 1.2 KB'))
- expect(core.state.info.message).toEqual('This file exceeds maximum allowed size of 1.2 KB')
- }
- })
- })
- describe('actions', () => {
- it('should update the state when receiving the error event', () => {
- const core = new Core()
- core.run()
- core.emit('error', new Error('foooooo'))
- expect(core.state.error).toEqual('foooooo')
- })
- it('should update the state when receiving the upload-error event', () => {
- const core = new Core()
- core.run()
- core.state.files['fileId'] = {
- name: 'filename'
- }
- core.emit('upload-error', core.state.files['fileId'], new Error('this is the error'))
- expect(core.state.info).toEqual({'message': 'Failed to upload filename', 'details': 'this is the error', 'isHidden': false, 'type': 'error'})
- })
- it('should reset the error state when receiving the upload event', () => {
- const core = new Core()
- core.run()
- core.emit('error', { foo: 'bar' })
- core.emit('upload')
- expect(core.state.error).toEqual(null)
- })
- })
- describe('updateOnlineStatus', () => {
- const RealNavigatorOnline = global.window.navigator.onLine
- function mockNavigatorOnline (status) {
- Object.defineProperty(
- global.window.navigator,
- 'onLine',
- {
- value: status,
- writable: true
- }
- )
- }
- afterEach(() => {
- global.window.navigator.onLine = RealNavigatorOnline
- })
- it('should emit the correct event based on whether there is a network connection', () => {
- const onlineEventMock = jest.fn()
- const offlineEventMock = jest.fn()
- const backOnlineEventMock = jest.fn()
- const core = new Core()
- core.on('is-offline', offlineEventMock)
- core.on('is-online', onlineEventMock)
- core.on('back-online', backOnlineEventMock)
- mockNavigatorOnline(true)
- core.updateOnlineStatus()
- expect(onlineEventMock.mock.calls.length).toEqual(1)
- expect(offlineEventMock.mock.calls.length).toEqual(0)
- expect(backOnlineEventMock.mock.calls.length).toEqual(0)
- mockNavigatorOnline(false)
- core.updateOnlineStatus()
- expect(onlineEventMock.mock.calls.length).toEqual(1)
- expect(offlineEventMock.mock.calls.length).toEqual(1)
- expect(backOnlineEventMock.mock.calls.length).toEqual(0)
- mockNavigatorOnline(true)
- core.updateOnlineStatus()
- expect(onlineEventMock.mock.calls.length).toEqual(2)
- expect(offlineEventMock.mock.calls.length).toEqual(1)
- expect(backOnlineEventMock.mock.calls.length).toEqual(1)
- })
- })
- describe('info', () => {
- it('should set a string based message to be displayed infinitely', () => {
- const infoVisibleEvent = jest.fn()
- const core = new Core()
- core.run()
- core.on('info-visible', infoVisibleEvent)
- core.info('This is the message', 'info', 0)
- expect(core.state.info).toEqual({
- isHidden: false,
- type: 'info',
- message: 'This is the message',
- details: null
- })
- expect(infoVisibleEvent.mock.calls.length).toEqual(1)
- expect(typeof core.infoTimeoutID).toEqual('undefined')
- })
- it('should set a object based message to be displayed infinitely', () => {
- const infoVisibleEvent = jest.fn()
- const core = new Core()
- core.run()
- core.on('info-visible', infoVisibleEvent)
- core.info({
- message: 'This is the message',
- details: {
- foo: 'bar'
- }
- }, 'warning', 0)
- expect(core.state.info).toEqual({
- isHidden: false,
- type: 'warning',
- message: 'This is the message',
- details: {
- foo: 'bar'
- }
- })
- expect(infoVisibleEvent.mock.calls.length).toEqual(1)
- expect(typeof core.infoTimeoutID).toEqual('undefined')
- })
- it('should set an info message to be displayed for a period of time before hiding', (done) => {
- const infoVisibleEvent = jest.fn()
- const infoHiddenEvent = jest.fn()
- const core = new Core()
- core.run()
- core.on('info-visible', infoVisibleEvent)
- core.on('info-hidden', infoHiddenEvent)
- core.info('This is the message', 'info', 100)
- expect(typeof core.infoTimeoutID).toEqual('number')
- expect(infoHiddenEvent.mock.calls.length).toEqual(0)
- setTimeout(() => {
- expect(infoHiddenEvent.mock.calls.length).toEqual(1)
- expect(core.state.info).toEqual({
- isHidden: true,
- type: 'info',
- message: 'This is the message',
- details: null
- })
- done()
- }, 110)
- })
- it('should hide an info message', () => {
- const infoVisibleEvent = jest.fn()
- const infoHiddenEvent = jest.fn()
- const core = new Core()
- core.run()
- core.on('info-visible', infoVisibleEvent)
- core.on('info-hidden', infoHiddenEvent)
- core.info('This is the message', 'info', 0)
- expect(typeof core.infoTimeoutID).toEqual('undefined')
- expect(infoHiddenEvent.mock.calls.length).toEqual(0)
- core.hideInfo()
- expect(infoHiddenEvent.mock.calls.length).toEqual(1)
- expect(core.state.info).toEqual({
- isHidden: true,
- type: 'info',
- message: 'This is the message',
- details: null
- })
- })
- })
- describe('createUpload', () => {
- it('should assign the specified files to a new upload', () => {
- const core = new Core()
- core.run()
- core.addFile({
- source: 'jest',
- name: 'foo.jpg',
- type: 'image/jpeg',
- data: new File([sampleImage], { type: 'image/jpeg' })
- })
- core._createUpload(Object.keys(core.state.files))
- const uploadId = Object.keys(core.state.currentUploads)[0]
- const currentUploadsState = {}
- currentUploadsState[uploadId] = {
- fileIDs: Object.keys(core.state.files),
- step: 0,
- result: {}
- }
- expect(core.state.currentUploads).toEqual(currentUploadsState)
- })
- })
- describe('i18n', () => {
- it('merges in custom locale strings', () => {
- const core = new Core({
- locale: {
- strings: {
- test: 'beep boop'
- }
- }
- })
- expect(core.i18n('exceedsSize')).toBe('This file exceeds maximum allowed size of')
- expect(core.i18n('test')).toBe('beep boop')
- })
- })
- describe('default restrictions', () => {
- it('should be merged with supplied restrictions', () => {
- const core = new Core({
- restrictions: {
- maxNumberOfFiles: 3
- }
- })
- expect(core.opts.restrictions.maxNumberOfFiles).toBe(3)
- expect(core.opts.restrictions.minNumberOfFiles).toBe(null)
- })
- })
- })
|