1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
import { GlToggle } from '@gitlab/ui';
import { shallowMount, mount } from '@vue/test-utils';
import RunnerMembershipToggle from '~/runner/components/runner_membership_toggle.vue';
import {
I18N_SHOW_ONLY_INHERITED,
MEMBERSHIP_DESCENDANTS,
MEMBERSHIP_ALL_AVAILABLE,
} from '~/runner/constants';
describe('RunnerMembershipToggle', () => {
let wrapper;
const findToggle = () => wrapper.findComponent(GlToggle);
const createComponent = ({ props = {}, mountFn = shallowMount } = {}) => {
wrapper = mountFn(RunnerMembershipToggle, {
propsData: props,
});
};
afterEach(() => {
wrapper.destroy();
});
it('Displays text', () => {
createComponent({ mountFn: mount });
expect(wrapper.text()).toBe(I18N_SHOW_ONLY_INHERITED);
});
it.each`
membershipValue | toggleValue
${MEMBERSHIP_DESCENDANTS} | ${true}
${MEMBERSHIP_ALL_AVAILABLE} | ${false}
`(
'Displays a membership of $membershipValue as enabled=$toggleValue',
({ membershipValue, toggleValue }) => {
createComponent({ props: { value: membershipValue } });
expect(findToggle().props('value')).toBe(toggleValue);
},
);
it.each`
changeEvt | membershipValue
${true} | ${MEMBERSHIP_DESCENDANTS}
${false} | ${MEMBERSHIP_ALL_AVAILABLE}
`(
'Emits $changeEvt when value is changed to $membershipValue',
({ changeEvt, membershipValue }) => {
createComponent();
findToggle().vm.$emit('change', changeEvt);
expect(wrapper.emitted('input')).toStrictEqual([[membershipValue]]);
},
);
});
|
