diff --git a/packages/react/src/components/FileUploader/FileUploader-test.js b/packages/react/src/components/FileUploader/FileUploader-test.js index b5ef7ed38c97..82eba4444e91 100644 --- a/packages/react/src/components/FileUploader/FileUploader-test.js +++ b/packages/react/src/components/FileUploader/FileUploader-test.js @@ -255,7 +255,13 @@ describe('FileUploader', () => { }); describe('FileUploaderDropContainer', () => { - const dropContainer = ; + const onAddFiles = jest.fn(); + const dropContainer = ( + + ); const mountWrapper = mount(dropContainer); describe('Renders as expected with default props', () => { @@ -293,6 +299,20 @@ describe('FileUploaderDropContainer', () => { expect(evt.target.value).toEqual(null); }); + + it('does the right thing', () => { + const fileFoo = new File(['foo'], 'foo.txt', { type: 'text/plain' }); + const fileBar = new File(['bar'], 'bar.txt', { type: 'text/plain' }); + const mockFiles = [fileFoo, fileBar]; + const input = mountWrapper.find(`.${prefix}--file-input`); + const evt = { target: { files: mockFiles } }; + input.simulate('change', evt); + expect(onAddFiles).toHaveBeenCalledTimes(1); + expect(onAddFiles.mock.calls[0][0].target.files).toEqual([ + fileFoo, + fileBar, + ]); + }); }); describe('Unique id props', () => { diff --git a/packages/react/src/components/FileUploader/FileUploaderDropContainer.js b/packages/react/src/components/FileUploader/FileUploaderDropContainer.js index 22c0b2b25921..17410bb84b9d 100644 --- a/packages/react/src/components/FileUploader/FileUploaderDropContainer.js +++ b/packages/react/src/components/FileUploader/FileUploaderDropContainer.js @@ -43,8 +43,8 @@ export default function FileUploaderDropContainer(props) { * @param {Event} evt - Event object, used to get the list of files added */ const validateFiles = evt => { - const transferredFiles = [...evt.dataTransfer.files]; if (evt.type === 'drop') { + const transferredFiles = [...evt.dataTransfer.files]; if (!accept.length) { return transferredFiles; }