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
|
import { shallowMount } from '@vue/test-utils';
import { APPROVED_MESSAGE } from '~/vue_merge_request_widget/components/approvals/messages';
import ApprovalsSummary from '~/vue_merge_request_widget/components/approvals/approvals_summary.vue';
import { toNounSeriesText } from '~/lib/utils/grammar';
import UserAvatarList from '~/vue_shared/components/user_avatar/user_avatar_list.vue';
const testApprovers = () => Array.from({ length: 5 }, (_, i) => i).map((id) => ({ id }));
const testRulesLeft = () => ['Lorem', 'Ipsum', 'dolar & sit'];
const TEST_APPROVALS_LEFT = 3;
describe('MRWidget approvals summary', () => {
let wrapper;
const createComponent = (props = {}) => {
wrapper = shallowMount(ApprovalsSummary, {
propsData: {
approved: false,
approvers: testApprovers(),
approvalsLeft: TEST_APPROVALS_LEFT,
rulesLeft: testRulesLeft(),
...props,
},
});
};
const findAvatars = () => wrapper.find(UserAvatarList);
afterEach(() => {
wrapper.destroy();
wrapper = null;
});
describe('when approved', () => {
beforeEach(() => {
createComponent({
approved: true,
});
});
it('shows approved message', () => {
expect(wrapper.text()).toContain(APPROVED_MESSAGE);
});
it('renders avatar list for approvers', () => {
const avatars = findAvatars();
expect(avatars.exists()).toBe(true);
expect(avatars.props()).toEqual(
expect.objectContaining({
items: testApprovers(),
}),
);
});
});
describe('when not approved', () => {
beforeEach(() => {
createComponent();
});
it('render message', () => {
const names = toNounSeriesText(testRulesLeft());
expect(wrapper.text()).toContain(
`Requires ${TEST_APPROVALS_LEFT} more approvals from ${names}.`,
);
});
});
describe('when no rulesLeft', () => {
beforeEach(() => {
createComponent({
rulesLeft: [],
});
});
it('renders message', () => {
expect(wrapper.text()).toContain(`Requires ${TEST_APPROVALS_LEFT} more approvals.`);
});
});
describe('when no approvers', () => {
beforeEach(() => {
createComponent({
approvers: [],
});
});
it('does not render avatar list', () => {
expect(wrapper.find(UserAvatarList).exists()).toBe(false);
});
});
});
|
