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/registry/settings/components/expiration_dropdown_spec.js')
-rw-r--r--spec/frontend/registry/settings/components/expiration_dropdown_spec.js86
1 files changed, 0 insertions, 86 deletions
diff --git a/spec/frontend/registry/settings/components/expiration_dropdown_spec.js b/spec/frontend/registry/settings/components/expiration_dropdown_spec.js
deleted file mode 100644
index f777f7ec9de..00000000000
--- a/spec/frontend/registry/settings/components/expiration_dropdown_spec.js
+++ /dev/null
@@ -1,86 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import { GlFormGroup, GlFormSelect } from 'jest/registry/shared/stubs';
-import component from '~/registry/settings/components/expiration_dropdown.vue';
-
-describe('ExpirationDropdown', () => {
- let wrapper;
-
- const defaultProps = {
- name: 'foo',
- label: 'label-bar',
- formOptions: [
- { key: 'foo', label: 'bar' },
- { key: 'baz', label: 'zab' },
- ],
- };
-
- const findFormSelect = () => wrapper.find(GlFormSelect);
- const findFormGroup = () => wrapper.find(GlFormGroup);
- const findOptions = () => wrapper.findAll('[data-testid="option"]');
-
- const mountComponent = (props) => {
- wrapper = shallowMount(component, {
- stubs: {
- GlFormGroup,
- GlFormSelect,
- },
- propsData: {
- ...defaultProps,
- ...props,
- },
- });
- };
-
- afterEach(() => {
- wrapper.destroy();
- wrapper = null;
- });
-
- describe('structure', () => {
- it('has a form-select component', () => {
- mountComponent();
- expect(findFormSelect().exists()).toBe(true);
- });
-
- it('has the correct options', () => {
- mountComponent();
-
- expect(findOptions()).toHaveLength(defaultProps.formOptions.length);
- });
- });
-
- describe('model', () => {
- it('assign the right props to the form-select component', () => {
- const value = 'foobar';
- const disabled = true;
-
- mountComponent({ value, disabled });
-
- expect(findFormSelect().props()).toMatchObject({
- value,
- disabled,
- });
- expect(findFormSelect().attributes('id')).toBe(defaultProps.name);
- });
-
- it('assign the right props to the form-group component', () => {
- mountComponent();
-
- expect(findFormGroup().attributes()).toMatchObject({
- id: `${defaultProps.name}-form-group`,
- 'label-for': defaultProps.name,
- label: defaultProps.label,
- });
- });
-
- it('emits input event when form-select emits input', () => {
- const emittedValue = 'barfoo';
-
- mountComponent();
-
- findFormSelect().vm.$emit('input', emittedValue);
-
- expect(wrapper.emitted('input')).toEqual([[emittedValue]]);
- });
- });
-});