/* eslint-disable no-underscore-dangle */ import $ from 'jquery'; import initCopyAsGFM, { CopyAsGFM } from '~/behaviors/markdown/copy_as_gfm'; import ShortcutsIssuable from '~/behaviors/shortcuts/shortcuts_issuable'; const FORM_SELECTOR = '.js-main-target-form .js-vue-comment-form'; describe('ShortcutsIssuable', function() { const fixtureName = 'snippets/show.html.raw'; preloadFixtures(fixtureName); beforeAll(done => { initCopyAsGFM(); // Fake call to nodeToGfm so the import of lazy bundle happened CopyAsGFM.nodeToGFM(document.createElement('div')) .then(() => { done(); }) .catch(done.fail); }); beforeEach(() => { loadFixtures(fixtureName); $('body').append( `
Selected text.
'); }); it('leaves existing input intact', done => { $(FORM_SELECTOR).val('This text was already here.'); expect($(FORM_SELECTOR).val()).toBe('This text was already here.'); ShortcutsIssuable.replyWithSelectedText(true); setTimeout(() => { expect($(FORM_SELECTOR).val()).toBe( 'This text was already here.\n\n> Selected text.\n\n', ); done(); }); }); it('triggers `input`', done => { let triggered = false; $(FORM_SELECTOR).on('input', () => { triggered = true; }); ShortcutsIssuable.replyWithSelectedText(true); setTimeout(() => { expect(triggered).toBe(true); done(); }); }); it('triggers `focus`', done => { const spy = spyOn(document.querySelector(FORM_SELECTOR), 'focus'); ShortcutsIssuable.replyWithSelectedText(true); setTimeout(() => { expect(spy).toHaveBeenCalled(); done(); }); }); }); describe('with a one-line selection', () => { it('quotes the selection', done => { stubSelection('This text has been selected.
'); ShortcutsIssuable.replyWithSelectedText(true); setTimeout(() => { expect($(FORM_SELECTOR).val()).toBe('> This text has been selected.\n\n'); done(); }); }); }); describe('with a multi-line selection', () => { it('quotes the selected lines as a group', done => { stubSelection( 'Selected line one.
\nSelected line two.
\nSelected line three.
', ); ShortcutsIssuable.replyWithSelectedText(true); setTimeout(() => { expect($(FORM_SELECTOR).val()).toBe( '> Selected line one.\n>\n> Selected line two.\n>\n> Selected line three.\n\n', ); done(); }); }); }); describe('with an invalid selection', () => { beforeEach(() => { stubSelection('Selected text.
', true); }); it('does not add anything to the input', done => { ShortcutsIssuable.replyWithSelectedText(true); setTimeout(() => { expect($(FORM_SELECTOR).val()).toBe(''); done(); }); }); it('triggers `focus`', done => { const spy = spyOn(document.querySelector(FORM_SELECTOR), 'focus'); ShortcutsIssuable.replyWithSelectedText(true); setTimeout(() => { expect(spy).toHaveBeenCalled(); done(); }); }); }); describe('with a semi-valid selection', () => { beforeEach(() => { stubSelection('Invalid selected text.
', true); }); it('only adds the valid part to the input', done => { ShortcutsIssuable.replyWithSelectedText(true); setTimeout(() => { expect($(FORM_SELECTOR).val()).toBe('> Selected text.\n\n'); done(); }); }); it('triggers `focus`', done => { const spy = spyOn(document.querySelector(FORM_SELECTOR), 'focus'); ShortcutsIssuable.replyWithSelectedText(true); setTimeout(() => { expect(spy).toHaveBeenCalled(); done(); }); }); it('triggers `input`', done => { let triggered = false; $(FORM_SELECTOR).on('input', () => { triggered = true; }); ShortcutsIssuable.replyWithSelectedText(true); setTimeout(() => { expect(triggered).toBe(true); done(); }); }); }); describe('with a selection in a valid block', () => { beforeEach(() => { ShortcutsIssuable.__Rewire__('getSelectedFragment', () => { const documentFragment = document.createDocumentFragment(); const node = document.createElement('div'); const originalNode = document.createElement('body'); originalNode.innerHTML = `Selected text.
Valid text