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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
import Vue, { nextTick } from 'vue';
import VueApollo from 'vue-apollo';
import { shallowMount } from '@vue/test-utils';
import RunnerCount from '~/runner/components/stat/runner_count.vue';
import { INSTANCE_TYPE, GROUP_TYPE } from '~/runner/constants';
import createMockApollo from 'helpers/mock_apollo_helper';
import waitForPromises from 'helpers/wait_for_promises';
import { captureException } from '~/runner/sentry_utils';
import allRunnersCountQuery from 'ee_else_ce/runner/graphql/list/all_runners_count.query.graphql';
import groupRunnersCountQuery from 'ee_else_ce/runner/graphql/list/group_runners_count.query.graphql';
import { runnersCountData, groupRunnersCountData } from '../../mock_data';
jest.mock('~/runner/sentry_utils');
Vue.use(VueApollo);
describe('RunnerCount', () => {
let wrapper;
let mockRunnersCountHandler;
let mockGroupRunnersCountHandler;
const createComponent = ({ props = {}, ...options } = {}) => {
const handlers = [
[allRunnersCountQuery, mockRunnersCountHandler],
[groupRunnersCountQuery, mockGroupRunnersCountHandler],
];
wrapper = shallowMount(RunnerCount, {
apolloProvider: createMockApollo(handlers),
propsData: {
...props,
},
scopedSlots: {
default: '<strong>{{props.count}}</strong>',
},
...options,
});
return waitForPromises();
};
beforeEach(() => {
mockRunnersCountHandler = jest.fn().mockResolvedValue(runnersCountData);
mockGroupRunnersCountHandler = jest.fn().mockResolvedValue(groupRunnersCountData);
});
describe('in admin scope', () => {
const mockVariables = { status: 'ONLINE' };
beforeEach(async () => {
await createComponent({ props: { scope: INSTANCE_TYPE } });
});
it('fetches data from admin query', () => {
expect(mockRunnersCountHandler).toHaveBeenCalledTimes(1);
expect(mockRunnersCountHandler).toHaveBeenCalledWith({});
});
it('fetches data with filters', async () => {
await createComponent({ props: { scope: INSTANCE_TYPE, variables: mockVariables } });
expect(mockRunnersCountHandler).toHaveBeenCalledTimes(2);
expect(mockRunnersCountHandler).toHaveBeenCalledWith(mockVariables);
expect(wrapper.html()).toBe(`<strong>${runnersCountData.data.runners.count}</strong>`);
});
it('does not fetch from the group query', async () => {
expect(mockGroupRunnersCountHandler).not.toHaveBeenCalled();
});
describe('when this query is skipped after data was loaded', () => {
beforeEach(async () => {
wrapper.setProps({ skip: true });
await nextTick();
});
it('clears current data', () => {
expect(wrapper.html()).toBe('<strong></strong>');
});
});
});
describe('when skipping query', () => {
beforeEach(async () => {
await createComponent({ props: { scope: INSTANCE_TYPE, skip: true } });
});
it('does not fetch data', async () => {
expect(mockRunnersCountHandler).not.toHaveBeenCalled();
expect(mockGroupRunnersCountHandler).not.toHaveBeenCalled();
expect(wrapper.html()).toBe('<strong></strong>');
});
});
describe('when runners query fails', () => {
const mockError = new Error('error!');
beforeEach(async () => {
mockRunnersCountHandler.mockRejectedValue(mockError);
await createComponent({ props: { scope: INSTANCE_TYPE } });
});
it('data is not shown and error is reported', async () => {
expect(wrapper.html()).toBe('<strong></strong>');
expect(captureException).toHaveBeenCalledWith({
component: 'RunnerCount',
error: mockError,
});
});
});
describe('in group scope', () => {
beforeEach(async () => {
await createComponent({ props: { scope: GROUP_TYPE } });
});
it('fetches data from the group query', async () => {
expect(mockGroupRunnersCountHandler).toHaveBeenCalledTimes(1);
expect(mockGroupRunnersCountHandler).toHaveBeenCalledWith({});
expect(wrapper.html()).toBe(
`<strong>${groupRunnersCountData.data.group.runners.count}</strong>`,
);
});
it('does not fetch from the group query', () => {
expect(mockRunnersCountHandler).not.toHaveBeenCalled();
});
});
describe('when .refetch() is called', () => {
beforeEach(async () => {
await createComponent({ props: { scope: INSTANCE_TYPE } });
wrapper.vm.refetch();
});
it('data is not shown and error is reported', async () => {
expect(mockRunnersCountHandler).toHaveBeenCalledTimes(2);
});
});
});
|
