import $ from 'jquery'; import '~/behaviors/quick_submit'; describe('Quick Submit behavior', function() { const keydownEvent = (options = { keyCode: 13, metaKey: true }) => $.Event('keydown', options); preloadFixtures('snippets/show.html'); beforeEach(() => { loadFixtures('snippets/show.html'); $('form').submit(e => { // Prevent a form submit from moving us off the testing page e.preventDefault(); }); this.spies = { submit: spyOnEvent('form', 'submit'), }; this.textarea = $('.js-quick-submit textarea').first(); }); afterEach(() => { // Undo what we did to the shared $('body').removeAttr('data-page'); }); it('does not respond to other keyCodes', () => { this.textarea.trigger( keydownEvent({ keyCode: 32, }), ); expect(this.spies.submit).not.toHaveBeenTriggered(); }); it('does not respond to Enter alone', () => { this.textarea.trigger( keydownEvent({ ctrlKey: false, metaKey: false, }), ); expect(this.spies.submit).not.toHaveBeenTriggered(); }); it('does not respond to repeated events', () => { this.textarea.trigger( keydownEvent({ repeat: true, }), ); expect(this.spies.submit).not.toHaveBeenTriggered(); }); it('disables input of type submit', () => { const submitButton = $('.js-quick-submit input[type=submit]'); this.textarea.trigger(keydownEvent()); expect(submitButton).toBeDisabled(); }); it('disables button of type submit', () => { const submitButton = $('.js-quick-submit input[type=submit]'); this.textarea.trigger(keydownEvent()); expect(submitButton).toBeDisabled(); }); it('only clicks one submit', () => { const existingSubmit = $('.js-quick-submit input[type=submit]'); // Add an extra submit button const newSubmit = $(''); newSubmit.insertAfter(this.textarea); const oldClick = spyOnEvent(existingSubmit, 'click'); const newClick = spyOnEvent(newSubmit, 'click'); this.textarea.trigger(keydownEvent()); expect(oldClick).not.toHaveBeenTriggered(); expect(newClick).toHaveBeenTriggered(); }); // We cannot stub `navigator.userAgent` for CI's `rake karma` task, so we'll // only run the tests that apply to the current platform if (navigator.userAgent.match(/Macintosh/)) { describe('In Macintosh', () => { it('responds to Meta+Enter', () => { this.textarea.trigger(keydownEvent()); expect(this.spies.submit).toHaveBeenTriggered(); }); it('excludes other modifier keys', () => { this.textarea.trigger( keydownEvent({ altKey: true, }), ); this.textarea.trigger( keydownEvent({ ctrlKey: true, }), ); this.textarea.trigger( keydownEvent({ shiftKey: true, }), ); expect(this.spies.submit).not.toHaveBeenTriggered(); }); }); } else { it('responds to Ctrl+Enter', () => { this.textarea.trigger(keydownEvent()); expect(this.spies.submit).toHaveBeenTriggered(); }); it('excludes other modifier keys', () => { this.textarea.trigger( keydownEvent({ altKey: true, }), ); this.textarea.trigger( keydownEvent({ metaKey: true, }), ); this.textarea.trigger( keydownEvent({ shiftKey: true, }), ); expect(this.spies.submit).not.toHaveBeenTriggered(); }); } });