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
|
import Vue from 'vue';
import VueApollo from 'vue-apollo';
import { mount } from '@vue/test-utils';
import approvedByMultipleUsers from 'test_fixtures/graphql/merge_requests/approvals/approved_by.query.graphql_multiple_users.json';
import noApprovalsResponse from 'test_fixtures/graphql/merge_requests/approvals/approved_by.query.graphql_no_approvals.json';
import approvedByCurrentUser from 'test_fixtures/graphql/merge_requests/approvals/approved_by.query.graphql.json';
import waitForPromises from 'helpers/wait_for_promises';
import createMockApollo from 'helpers/mock_apollo_helper';
import { getIdFromGraphQLId } from '~/graphql_shared/utils';
import ApprovalsSummary from '~/vue_merge_request_widget/components/approvals/approvals_summary.vue';
import {
APPROVED_BY_OTHERS,
APPROVED_BY_YOU,
APPROVED_BY_YOU_AND_OTHERS,
} from '~/vue_merge_request_widget/components/approvals/messages';
import UserAvatarList from '~/vue_shared/components/user_avatar/user_avatar_list.vue';
import approvedByQuery from 'ee_else_ce/vue_merge_request_widget/components/approvals/queries/approved_by.query.graphql';
Vue.use(VueApollo);
describe('MRWidget approvals summary', () => {
const originalUserId = gon.current_user_id;
let wrapper;
const createComponent = (response = approvedByCurrentUser) => {
wrapper = mount(ApprovalsSummary, {
propsData: {
projectPath: 'gitlab-org/gitlab',
iid: '1',
},
apolloProvider: createMockApollo([[approvedByQuery, jest.fn().mockResolvedValue(response)]]),
});
};
const findAvatars = () => wrapper.findComponent(UserAvatarList);
afterEach(() => {
wrapper.destroy();
wrapper = null;
gon.current_user_id = originalUserId;
});
describe('when approved', () => {
beforeEach(async () => {
createComponent();
await waitForPromises();
});
it('shows approved message', () => {
expect(wrapper.text()).toContain(APPROVED_BY_OTHERS);
});
it('renders avatar list for approvers', () => {
const avatars = findAvatars();
expect(avatars.exists()).toBe(true);
expect(avatars.props()).toEqual(
expect.objectContaining({
items: approvedByCurrentUser.data.project.mergeRequest.approvedBy.nodes,
}),
);
});
describe('by the current user', () => {
beforeEach(async () => {
gon.current_user_id = getIdFromGraphQLId(
approvedByCurrentUser.data.project.mergeRequest.approvedBy.nodes[0].id,
);
createComponent();
await waitForPromises();
});
it('shows "Approved by you" message', () => {
expect(wrapper.text()).toContain(APPROVED_BY_YOU);
});
});
describe('by the current user and others', () => {
beforeEach(async () => {
gon.current_user_id = getIdFromGraphQLId(
approvedByMultipleUsers.data.project.mergeRequest.approvedBy.nodes[0].id,
);
createComponent(approvedByMultipleUsers);
await waitForPromises();
});
it('shows "Approved by you and others" message', () => {
expect(wrapper.text()).toContain(APPROVED_BY_YOU_AND_OTHERS);
});
});
describe('by other users than the current user', () => {
beforeEach(async () => {
createComponent(approvedByMultipleUsers);
await waitForPromises();
});
it('shows "Approved by others" message', () => {
expect(wrapper.text()).toContain(APPROVED_BY_OTHERS);
});
});
});
describe('when no approvers', () => {
beforeEach(async () => {
createComponent(noApprovalsResponse);
await waitForPromises();
});
it('does not render avatar list', () => {
expect(wrapper.findComponent(UserAvatarList).exists()).toBe(false);
});
});
});
|