From 0ea3fcec397b69815975647f5e2aa5fe944a8486 Mon Sep 17 00:00:00 2001 From: GitLab Bot Date: Mon, 20 Jun 2022 11:10:13 +0000 Subject: Add latest changes from gitlab-org/gitlab@15-1-stable-ee --- .../components/edit_meta_controls_spec.js | 115 --------------------- 1 file changed, 115 deletions(-) delete mode 100644 spec/frontend/static_site_editor/components/edit_meta_controls_spec.js (limited to 'spec/frontend/static_site_editor/components/edit_meta_controls_spec.js') 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); - }); - }); -}); -- cgit v1.2.3