import { escape } from 'lodash'; import Wikis from '~/pages/shared/wikis/wikis'; import Tracking from '~/tracking'; import { setHTMLFixture } from './helpers/fixtures'; describe('Wikis', () => { describe('setting the commit message when the title changes', () => { const editFormHtmlFixture = args => `
{Link title}[link:page-slug]
`; let wikis; let titleInput; let messageInput; let changeFormatSelect; let linkExample; const findBeforeUnloadWarning = () => window.onbeforeunload?.(); const findContent = () => document.getElementById('wiki_content'); const findForm = () => document.querySelector('.wiki-form'); describe('when the wiki page is being created', () => { const formHtmlFixture = editFormHtmlFixture({ newPage: true }); beforeEach(() => { setHTMLFixture(formHtmlFixture); titleInput = document.getElementById('wiki_title'); messageInput = document.getElementById('wiki_message'); changeFormatSelect = document.querySelector('#wiki_format'); linkExample = document.querySelector('.js-markup-link-example'); wikis = new Wikis(); }); it('binds an event listener to the title input', () => { wikis.handleWikiTitleChange = jest.fn(); titleInput.dispatchEvent(new Event('keyup')); expect(wikis.handleWikiTitleChange).toHaveBeenCalled(); }); it('sets the commit message when title changes', () => { titleInput.value = 'My title'; messageInput.value = ''; titleInput.dispatchEvent(new Event('keyup')); expect(messageInput.value).toEqual('Create My title'); }); it('replaces hyphens with spaces', () => { titleInput.value = 'my-hyphenated-title'; titleInput.dispatchEvent(new Event('keyup')); expect(messageInput.value).toEqual('Create my hyphenated title'); }); }); describe('when the wiki page is being updated', () => { const formHtmlFixture = editFormHtmlFixture({ newPage: false }); beforeEach(() => { setHTMLFixture(formHtmlFixture); titleInput = document.getElementById('wiki_title'); messageInput = document.getElementById('wiki_message'); wikis = new Wikis(); }); it('sets the commit message when title changes, prefixing with "Update"', () => { titleInput.value = 'My title'; messageInput.value = ''; titleInput.dispatchEvent(new Event('keyup')); expect(messageInput.value).toEqual('Update My title'); }); it.each` value | text ${'markdown'} | ${'[Link Title](page-slug)'} ${'rdoc'} | ${'{Link title}[link:page-slug]'} ${'asciidoc'} | ${'link:page-slug[Link title]'} ${'org'} | ${'[[page-slug]]'} `('updates a message when value=$value is selected', ({ value, text }) => { changeFormatSelect.value = value; changeFormatSelect.dispatchEvent(new Event('change')); expect(linkExample.innerHTML).toBe(text); }); it('starts with no unload warning', () => { expect(findBeforeUnloadWarning()).toBeUndefined(); }); describe('when wiki content is updated', () => { beforeEach(() => { const content = findContent(); content.value = 'Lorem ipsum dolar sit!'; content.dispatchEvent(new Event('input')); }); it('sets before unload warning', () => { expect(findBeforeUnloadWarning()).toBe(''); }); it('when form submitted, unsets before unload warning', () => { findForm().dispatchEvent(new Event('submit')); expect(findBeforeUnloadWarning()).toBeUndefined(); }); }); }); }); describe('trackPageView', () => { const trackingPage = 'projects:wikis:show'; const trackingContext = { foo: 'bar' }; const showPageHtmlFixture = `
`; beforeEach(() => { setHTMLFixture(showPageHtmlFixture); document.body.dataset.page = trackingPage; jest.spyOn(Tracking, 'event').mockImplementation(); Wikis.trackPageView(); }); it('sends the tracking event and context', () => { expect(Tracking.event).toHaveBeenCalledWith(trackingPage, 'view_wiki_page', { label: 'view_wiki_page', context: { schema: 'iglu:com.gitlab/wiki_page_context/jsonschema/1-0-0', data: trackingContext, }, }); }); }); });