125 lines
4.2 KiB
JavaScript
125 lines
4.2 KiB
JavaScript
import Wikis from '~/pages/projects/wikis/wikis';
|
|
import { setHTMLFixture } from './helpers/fixtures';
|
|
|
|
describe('Wikis', () => {
|
|
describe('setting the commit message when the title changes', () => {
|
|
const editFormHtmlFixture = args => `<form class="wiki-form ${
|
|
args.newPage ? 'js-new-wiki-page' : ''
|
|
}">
|
|
<input type="text" id="wiki_title" value="My title" />
|
|
<input type="text" id="wiki_message" />
|
|
<select class="form-control select-control" name="wiki[format]" id="wiki_format">
|
|
<option value="markdown">Markdown</option>
|
|
<option selected="selected" value="rdoc">RDoc</option>
|
|
<option value="asciidoc">AsciiDoc</option>
|
|
<option value="org">Org</option>
|
|
</select>
|
|
<textarea id="wiki_content"></textarea>
|
|
<code class="js-markup-link-example">{Link title}[link:page-slug]</code>
|
|
</form>
|
|
`;
|
|
|
|
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();
|
|
});
|
|
});
|
|
});
|
|
});
|
|
});
|