Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGitLab Bot <gitlab-bot@gitlab.com>2020-10-07 00:09:22 +0300
committerGitLab Bot <gitlab-bot@gitlab.com>2020-10-07 00:09:22 +0300
commit069267811015e9f119326dfc47ecc13f9e47681a (patch)
tree9713d57ce8e6b6590edadb7a83372a9bc41d3e75 /spec/frontend/snippet
parent1ca6880aac4a41fe2ae519a87ebfb90470fad7c5 (diff)
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'spec/frontend/snippet')
-rw-r--r--spec/frontend/snippet/snippet_bundle_spec.js87
-rw-r--r--spec/frontend/snippet/snippet_edit_spec.js29
2 files changed, 2 insertions, 114 deletions
diff --git a/spec/frontend/snippet/snippet_bundle_spec.js b/spec/frontend/snippet/snippet_bundle_spec.js
deleted file mode 100644
index 208d2fea804..00000000000
--- a/spec/frontend/snippet/snippet_bundle_spec.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import { setHTMLFixture } from 'helpers/fixtures';
-import Editor from '~/editor/editor_lite';
-import initEditor from '~/snippet/snippet_bundle';
-
-jest.mock('~/editor/editor_lite', () => jest.fn());
-
-describe('Snippet editor', () => {
- let editorEl;
- let contentEl;
- let fileNameEl;
- let form;
-
- const mockName = 'foo.bar';
- const mockContent = 'Foo Bar';
- const updatedMockContent = 'New Foo Bar';
-
- const mockEditor = {
- updateModelLanguage: jest.fn(),
- getValue: jest.fn().mockReturnValueOnce(updatedMockContent),
- };
- const createInstance = jest.fn().mockImplementation(() => ({ ...mockEditor }));
- Editor.mockImplementation(() => ({
- createInstance,
- }));
-
- function setUpFixture(name, content) {
- setHTMLFixture(`
- <div class="snippet-form-holder">
- <form>
- <input class="js-snippet-file-name" type="text" value="${name}">
- <input class="snippet-file-content" type="hidden" value="${content}">
- <pre id="editor"></pre>
- </form>
- </div>
- `);
- }
-
- function bootstrap(name = '', content = '') {
- setUpFixture(name, content);
- editorEl = document.getElementById('editor');
- contentEl = document.querySelector('.snippet-file-content');
- fileNameEl = document.querySelector('.js-snippet-file-name');
- form = document.querySelector('.snippet-form-holder form');
-
- initEditor();
- }
-
- function createEvent(name) {
- return new Event(name, {
- view: window,
- bubbles: true,
- cancelable: true,
- });
- }
-
- beforeEach(() => {
- bootstrap(mockName, mockContent);
- });
-
- it('correctly initializes Editor', () => {
- expect(createInstance).toHaveBeenCalledWith({
- el: editorEl,
- blobPath: mockName,
- blobContent: mockContent,
- });
- });
-
- it('listens to file name changes and updates syntax highlighting of code', () => {
- expect(mockEditor.updateModelLanguage).not.toHaveBeenCalled();
-
- const event = createEvent('change');
-
- fileNameEl.value = updatedMockContent;
- fileNameEl.dispatchEvent(event);
-
- expect(mockEditor.updateModelLanguage).toHaveBeenCalledWith(updatedMockContent);
- });
-
- it('listens to form submit event and populates the hidden field with most recent version of the content', () => {
- expect(contentEl.value).toBe(mockContent);
-
- const event = createEvent('submit');
-
- form.dispatchEvent(event);
- expect(contentEl.value).toBe(updatedMockContent);
- });
-});
diff --git a/spec/frontend/snippet/snippet_edit_spec.js b/spec/frontend/snippet/snippet_edit_spec.js
index 42a55ac0d3e..0a07adb0e22 100644
--- a/spec/frontend/snippet/snippet_edit_spec.js
+++ b/spec/frontend/snippet/snippet_edit_spec.js
@@ -1,45 +1,20 @@
import '~/snippet/snippet_edit';
import { triggerDOMEvent } from 'jest/helpers/dom_events_helper';
import { SnippetEditInit } from '~/snippets';
-import initSnippet from '~/snippet/snippet_bundle';
-jest.mock('~/snippet/snippet_bundle');
jest.mock('~/snippets');
jest.mock('~/gl_form');
describe('Snippet edit form initialization', () => {
- const setFF = flag => {
- gon.features = { snippetsEditVue: flag };
- };
- let features;
-
beforeEach(() => {
- features = gon.features;
setFixtures('<div class="snippet-form"></div>');
});
- afterEach(() => {
- gon.features = features;
- });
-
- it.each`
- name | flag | isVue
- ${'Regular'} | ${false} | ${false}
- ${'Vue'} | ${true} | ${true}
- `('correctly initializes $name Snippet Edit form', ({ flag, isVue }) => {
- initSnippet.mockClear();
+ it('correctly initializes Vue Snippet Edit form', () => {
SnippetEditInit.mockClear();
- setFF(flag);
-
triggerDOMEvent('DOMContentLoaded');
- if (isVue) {
- expect(initSnippet).not.toHaveBeenCalled();
- expect(SnippetEditInit).toHaveBeenCalled();
- } else {
- expect(initSnippet).toHaveBeenCalled();
- expect(SnippetEditInit).not.toHaveBeenCalled();
- }
+ expect(SnippetEditInit).toHaveBeenCalled();
});
});