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:
Diffstat (limited to 'spec/frontend/static_site_editor/components/edit_meta_controls_spec.js')
-rw-r--r--spec/frontend/static_site_editor/components/edit_meta_controls_spec.js115
1 files changed, 0 insertions, 115 deletions
diff --git a/spec/frontend/static_site_editor/components/edit_meta_controls_spec.js b/spec/frontend/static_site_editor/components/edit_meta_controls_spec.js
deleted file mode 100644
index f6b29e98e5f..00000000000
--- a/spec/frontend/static_site_editor/components/edit_meta_controls_spec.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import { GlDropdown, GlDropdownItem, GlFormInput, GlFormTextarea } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
-
-import { nextTick } from 'vue';
-import EditMetaControls from '~/static_site_editor/components/edit_meta_controls.vue';
-
-import { mergeRequestMeta, mergeRequestTemplates } from '../mock_data';
-
-describe('~/static_site_editor/components/edit_meta_controls.vue', () => {
- let wrapper;
- let mockSelect;
- let mockGlFormInputTitleInstance;
- const { title, description } = mergeRequestMeta;
- const newTitle = 'New title';
- const newDescription = 'New description';
-
- const buildWrapper = (propsData = {}) => {
- wrapper = shallowMount(EditMetaControls, {
- propsData: {
- title,
- description,
- templates: mergeRequestTemplates,
- currentTemplate: null,
- ...propsData,
- },
- });
- };
-
- const buildMocks = () => {
- mockSelect = jest.fn();
- mockGlFormInputTitleInstance = { $el: { select: mockSelect } };
- wrapper.vm.$refs.title = mockGlFormInputTitleInstance;
- };
-
- const findGlFormInputTitle = () => wrapper.find(GlFormInput);
- const findGlDropdownDescriptionTemplate = () => wrapper.find(GlDropdown);
- const findAllDropdownItems = () => wrapper.findAll(GlDropdownItem);
- const findDropdownItemByIndex = (index) => findAllDropdownItems().at(index);
-
- const findGlFormTextAreaDescription = () => wrapper.find(GlFormTextarea);
-
- beforeEach(async () => {
- buildWrapper();
- buildMocks();
-
- await nextTick();
- });
-
- afterEach(() => {
- wrapper.destroy();
- wrapper = null;
- });
-
- it('renders the title input', () => {
- expect(findGlFormInputTitle().exists()).toBe(true);
- });
-
- it('renders the description template dropdown', () => {
- expect(findGlDropdownDescriptionTemplate().exists()).toBe(true);
- });
-
- it('renders the description input', () => {
- expect(findGlFormTextAreaDescription().exists()).toBe(true);
- });
-
- it('forwards the title prop to the title input', () => {
- expect(findGlFormInputTitle().attributes().value).toBe(title);
- });
-
- it('forwards the description prop to the description input', () => {
- expect(findGlFormTextAreaDescription().attributes().value).toBe(description);
- });
-
- it('calls select on the title input when mounted', () => {
- expect(mockGlFormInputTitleInstance.$el.select).toHaveBeenCalled();
- });
-
- it('renders a GlDropdownItem per template plus one (for the starting none option)', () => {
- expect(findDropdownItemByIndex(0).text()).toBe('None');
- expect(findAllDropdownItems().length).toBe(mergeRequestTemplates.length + 1);
- });
-
- describe('when inputs change', () => {
- const storageKey = 'sse-merge-request-meta-local-storage-editable';
-
- afterEach(() => {
- localStorage.removeItem(storageKey);
- });
-
- it.each`
- findFn | key | value
- ${findGlFormInputTitle} | ${'title'} | ${newTitle}
- ${findGlFormTextAreaDescription} | ${'description'} | ${newDescription}
- `('emits updated settings when $findFn input updates', ({ key, value, findFn }) => {
- findFn().vm.$emit('input', value);
-
- const newSettings = { ...mergeRequestMeta, [key]: value };
-
- expect(wrapper.emitted('updateSettings')[0][0]).toMatchObject(newSettings);
- });
- });
-
- describe('when templates change', () => {
- it.each`
- index | value
- ${0} | ${null}
- ${1} | ${mergeRequestTemplates[0]}
- ${2} | ${mergeRequestTemplates[1]}
- `('emits a change template event when $index is clicked', ({ index, value }) => {
- findDropdownItemByIndex(index).vm.$emit('click');
-
- expect(wrapper.emitted('changeTemplate')[0][0]).toBe(value);
- });
- });
-});