import $ from 'jquery'; import { loadHTMLFixture, resetHTMLFixture } from 'helpers/fixtures'; import BlobFileDropzone from '~/blob/blob_file_dropzone'; describe('BlobFileDropzone', () => { let dropzone; let replaceFileButton; beforeEach(() => { loadHTMLFixture('blob/show.html'); const form = $('.js-upload-blob-form'); // eslint-disable-next-line no-new new BlobFileDropzone(form, 'POST'); dropzone = $('.js-upload-blob-form .dropzone').get(0).dropzone; dropzone.processQueue = jest.fn(); replaceFileButton = $('#submit-all'); }); afterEach(() => { resetHTMLFixture(); }); describe('submit button', () => { it('requires file', () => { jest.spyOn(window, 'alert').mockImplementation(() => {}); replaceFileButton.click(); expect(window.alert).toHaveBeenCalled(); }); it('is disabled while uploading', () => { jest.spyOn(window, 'alert').mockImplementation(() => {}); const file = new File([], 'some-file.jpg'); const fakeEvent = $.Event('drop', { dataTransfer: { files: [file] }, }); dropzone.listeners[0].events.drop(fakeEvent); replaceFileButton.click(); expect(window.alert).not.toHaveBeenCalled(); expect(replaceFileButton.is(':disabled')).toEqual(true); expect(dropzone.processQueue).toHaveBeenCalled(); }); }); });