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
|
import { GlLink, GlSprintf } from '@gitlab/ui';
import { shallowMount } from '@vue/test-utils';
import { extendedWrapper } from 'helpers/vue_test_utils_helper';
import { OBSTACLE_TYPES } from '~/vue_shared/components/user_deletion_obstacles/constants';
import UserDeletionObstaclesList from '~/vue_shared/components/user_deletion_obstacles/user_deletion_obstacles_list.vue';
const mockSchedules = [
{
type: OBSTACLE_TYPES.oncallSchedules,
name: 'Schedule 1',
url: 'http://gitlab.com/gitlab-org/gitlab-shell/-/oncall_schedules',
projectName: 'Shell',
projectUrl: 'http://gitlab.com/gitlab-org/gitlab-shell/',
},
{
type: OBSTACLE_TYPES.oncallSchedules,
name: 'Schedule 2',
url: 'http://gitlab.com/gitlab-org/gitlab-ui/-/oncall_schedules',
projectName: 'UI',
projectUrl: 'http://gitlab.com/gitlab-org/gitlab-ui/',
},
];
const mockPolicies = [
{
type: OBSTACLE_TYPES.escalationPolicies,
name: 'Policy 1',
url: 'http://gitlab.com/gitlab-org/gitlab-ui/-/escalation-policies',
projectName: 'UI',
projectUrl: 'http://gitlab.com/gitlab-org/gitlab-ui/',
},
];
const mockObstacles = mockSchedules.concat(mockPolicies);
const userName = "O'User";
describe('User deletion obstacles list', () => {
let wrapper;
function createComponent(props) {
wrapper = extendedWrapper(
shallowMount(UserDeletionObstaclesList, {
propsData: {
obstacles: mockObstacles,
userName,
...props,
},
stubs: {
GlSprintf,
},
}),
);
}
const findLinks = () => wrapper.findAllComponents(GlLink);
const findTitle = () => wrapper.findByTestId('title');
const findFooter = () => wrapper.findByTestId('footer');
const findObstacles = () => wrapper.findByTestId('obstacles-list');
describe.each`
isCurrentUser | titleText | footerText
${true} | ${'You are currently a part of:'} | ${'Removing yourself may put your on-call team at risk of missing a notification.'}
${false} | ${`User ${userName} is currently part of:`} | ${'Removing this user may put their on-call team at risk of missing a notification.'}
`('when current user', ({ isCurrentUser, titleText, footerText }) => {
it(`${isCurrentUser ? 'is' : 'is not'} a part of on-call management`, () => {
createComponent({
isCurrentUser,
});
expect(findTitle().text()).toBe(titleText);
expect(findFooter().text()).toBe(footerText);
});
});
describe.each(mockObstacles)(
'renders all obstacles',
({ type, name, url, projectName, projectUrl }) => {
it(`includes the project name and link for ${name}`, () => {
createComponent({ obstacles: [{ type, name, url, projectName, projectUrl }] });
const msg = findObstacles().text();
expect(msg).toContain(`in project ${projectName}`);
expect(findLinks().at(1).attributes('href')).toBe(projectUrl);
});
},
);
describe.each(mockSchedules)(
'renders on-call schedules',
({ type, name, url, projectName, projectUrl }) => {
it(`includes the schedule name and link for ${name}`, () => {
createComponent({ obstacles: [{ type, name, url, projectName, projectUrl }] });
const msg = findObstacles().text();
expect(msg).toContain(`On-call schedule ${name}`);
expect(findLinks().at(0).attributes('href')).toBe(url);
});
},
);
describe.each(mockPolicies)(
'renders escalation policies',
({ type, name, url, projectName, projectUrl }) => {
it(`includes the policy name and link for ${name}`, () => {
createComponent({ obstacles: [{ type, name, url, projectName, projectUrl }] });
const msg = findObstacles().text();
expect(msg).toContain(`Escalation policy ${name}`);
expect(findLinks().at(0).attributes('href')).toBe(url);
});
},
);
});
|