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/front_matter_controls_spec.js')
-rw-r--r--spec/frontend/static_site_editor/components/front_matter_controls_spec.js71
1 files changed, 0 insertions, 71 deletions
diff --git a/spec/frontend/static_site_editor/components/front_matter_controls_spec.js b/spec/frontend/static_site_editor/components/front_matter_controls_spec.js
deleted file mode 100644
index 5fda3b40306..00000000000
--- a/spec/frontend/static_site_editor/components/front_matter_controls_spec.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import { GlFormGroup } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
-
-import { humanize } from '~/lib/utils/text_utility';
-
-import FrontMatterControls from '~/static_site_editor/components/front_matter_controls.vue';
-
-import { sourceContentHeaderObjYAML as settings } from '../mock_data';
-
-describe('~/static_site_editor/components/front_matter_controls.vue', () => {
- let wrapper;
-
- const buildWrapper = (propsData = {}) => {
- wrapper = shallowMount(FrontMatterControls, {
- propsData: {
- settings,
- ...propsData,
- },
- });
- };
-
- beforeEach(() => {
- buildWrapper();
- });
-
- afterEach(() => {
- wrapper.destroy();
- });
-
- it('should render only the supported GlFormGroup types', () => {
- expect(wrapper.findAll(GlFormGroup)).toHaveLength(3);
- });
-
- it.each`
- key
- ${'layout'}
- ${'title'}
- ${'twitter_image'}
- `('renders field when key is $key', ({ key }) => {
- const glFormGroup = wrapper.find(`#sse-front-matter-form-group-${key}`);
- const glFormInput = wrapper.find(`#sse-front-matter-control-${key}`);
-
- expect(glFormGroup.exists()).toBe(true);
- expect(glFormGroup.attributes().label).toBe(humanize(key));
-
- expect(glFormInput.exists()).toBe(true);
- expect(glFormInput.attributes().value).toBe(settings[key]);
- });
-
- it.each`
- key
- ${'suppress_header'}
- ${'extra_css'}
- `('does not render field when key is $key', ({ key }) => {
- const glFormInput = wrapper.find(`#sse-front-matter-control-${key}`);
-
- expect(glFormInput.exists()).toBe(false);
- });
-
- it('emits updated settings when nested control updates', () => {
- const elId = `#sse-front-matter-control-title`;
- const glFormInput = wrapper.find(elId);
- const newTitle = 'New title';
-
- glFormInput.vm.$emit('input', newTitle);
-
- const newSettings = { ...settings, title: newTitle };
-
- expect(wrapper.emitted('updateSettings')[0][0]).toMatchObject(newSettings);
- });
-});