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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
import { GlAlert, GlSprintf } from '@gitlab/ui';
import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
import Component from '~/groups/components/transfer_group_form.vue';
import ConfirmDanger from '~/vue_shared/components/confirm_danger/confirm_danger.vue';
import NamespaceSelect from '~/vue_shared/components/namespace_select/namespace_select.vue';
describe('Transfer group form', () => {
let wrapper;
const confirmButtonText = 'confirm';
const confirmationPhrase = 'confirmation-phrase';
const paidGroupHelpLink = 'some/fake/link';
const groupNamespaces = [
{
id: 1,
humanName: 'Group 1',
},
{
id: 2,
humanName: 'Group 2',
},
];
const defaultProps = {
groupNamespaces,
paidGroupHelpLink,
isPaidGroup: false,
confirmationPhrase,
confirmButtonText,
};
const createComponent = (propsData = {}) =>
shallowMountExtended(Component, {
propsData: {
...defaultProps,
...propsData,
},
stubs: { GlSprintf },
});
const findAlert = () => wrapper.findComponent(GlAlert);
const findConfirmDanger = () => wrapper.findComponent(ConfirmDanger);
const findNamespaceSelect = () => wrapper.findComponent(NamespaceSelect);
const findHiddenInput = () => wrapper.find('[name="new_parent_group_id"]');
afterEach(() => {
wrapper.destroy();
});
describe('default', () => {
beforeEach(() => {
wrapper = createComponent();
});
it('renders the namespace select component', () => {
expect(findNamespaceSelect().exists()).toBe(true);
});
it('sets the namespace select properties', () => {
expect(findNamespaceSelect().props()).toMatchObject({
defaultText: 'Select parent group',
fullWidth: false,
includeHeaders: false,
emptyNamespaceTitle: 'No parent group',
includeEmptyNamespace: true,
groupNamespaces,
});
});
it('renders the hidden input field', () => {
expect(findHiddenInput().exists()).toBe(true);
expect(findHiddenInput().attributes('value')).toBeUndefined();
});
it('does not render the alert message', () => {
expect(findAlert().exists()).toBe(false);
});
it('renders the confirm danger component', () => {
expect(findConfirmDanger().exists()).toBe(true);
});
it('sets the confirm danger properties', () => {
expect(findConfirmDanger().props()).toMatchObject({
disabled: true,
buttonText: confirmButtonText,
phrase: confirmationPhrase,
});
});
});
describe('with a selected project', () => {
const [firstGroup] = groupNamespaces;
beforeEach(() => {
wrapper = createComponent();
findNamespaceSelect().vm.$emit('select', firstGroup);
});
it('sets the confirm danger disabled property to false', () => {
expect(findConfirmDanger().props()).toMatchObject({ disabled: false });
});
it('sets the hidden input field', () => {
expect(findHiddenInput().exists()).toBe(true);
expect(parseInt(findHiddenInput().attributes('value'), 10)).toBe(firstGroup.id);
});
it('emits "confirm" event when the danger modal is confirmed', () => {
expect(wrapper.emitted('confirm')).toBeUndefined();
findConfirmDanger().vm.$emit('confirm');
expect(wrapper.emitted('confirm')).toHaveLength(1);
});
});
describe('isPaidGroup = true', () => {
beforeEach(() => {
wrapper = createComponent({ isPaidGroup: true });
});
it('disables the transfer button', () => {
expect(findConfirmDanger().props()).toMatchObject({ disabled: true });
});
it('hides the namespace selector button', () => {
expect(findNamespaceSelect().exists()).toBe(false);
});
});
});
|
