diff options
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.js | 71 |
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); - }); -}); |