diff options
Diffstat (limited to 'spec/frontend/registry/shared')
-rw-r--r-- | spec/frontend/registry/shared/components/details_row_spec.js | 71 | ||||
-rw-r--r-- | spec/frontend/registry/shared/mocks.js | 1 |
2 files changed, 0 insertions, 72 deletions
diff --git a/spec/frontend/registry/shared/components/details_row_spec.js b/spec/frontend/registry/shared/components/details_row_spec.js deleted file mode 100644 index 5ae4e0ab37f..00000000000 --- a/spec/frontend/registry/shared/components/details_row_spec.js +++ /dev/null @@ -1,71 +0,0 @@ -import { shallowMount } from '@vue/test-utils'; -import { GlIcon } from '@gitlab/ui'; -import component from '~/registry/shared/components/details_row.vue'; - -describe('DetailsRow', () => { - let wrapper; - - const findIcon = () => wrapper.find(GlIcon); - const findDefaultSlot = () => wrapper.find('[data-testid="default-slot"]'); - - const mountComponent = props => { - wrapper = shallowMount(component, { - propsData: { - icon: 'clock', - ...props, - }, - slots: { - default: '<div data-testid="default-slot"></div>', - }, - }); - }; - - afterEach(() => { - wrapper.destroy(); - wrapper = null; - }); - - it('has a default slot', () => { - mountComponent(); - expect(findDefaultSlot().exists()).toBe(true); - }); - - describe('icon prop', () => { - it('contains an icon', () => { - mountComponent(); - expect(findIcon().exists()).toBe(true); - }); - - it('icon has the correct props', () => { - mountComponent(); - expect(findIcon().props()).toMatchObject({ - name: 'clock', - }); - }); - }); - - describe('padding prop', () => { - it('padding has a default', () => { - mountComponent(); - expect(wrapper.classes('gl-py-2')).toBe(true); - }); - - it('is reflected in the template', () => { - mountComponent({ padding: 'gl-py-4' }); - expect(wrapper.classes('gl-py-4')).toBe(true); - }); - }); - - describe('dashed prop', () => { - const borderClasses = ['gl-border-b-solid', 'gl-border-gray-100', 'gl-border-b-1']; - it('by default component has no border', () => { - mountComponent(); - expect(wrapper.classes).not.toEqual(expect.arrayContaining(borderClasses)); - }); - - it('has a border when dashed is true', () => { - mountComponent({ dashed: true }); - expect(wrapper.classes()).toEqual(expect.arrayContaining(borderClasses)); - }); - }); -}); diff --git a/spec/frontend/registry/shared/mocks.js b/spec/frontend/registry/shared/mocks.js index e33d06e7499..fdef38b6f10 100644 --- a/spec/frontend/registry/shared/mocks.js +++ b/spec/frontend/registry/shared/mocks.js @@ -1,4 +1,3 @@ -// eslint-disable-next-line import/prefer-default-export export const $toast = { show: jest.fn(), }; |