blob: 1f4d1e17ea0bd3c77ce2f8a87cdafa4eb8a8d5fe (
plain)
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
|
import { shallowMount } from '@vue/test-utils';
import { GlLoadingIcon } from '@gitlab/ui';
import AutoMergeFailedComponent from '~/vue_merge_request_widget/components/states/mr_widget_auto_merge_failed.vue';
import eventHub from '~/vue_merge_request_widget/event_hub';
describe('MRWidgetAutoMergeFailed', () => {
let wrapper;
const mergeError = 'This is the merge error';
const findButton = () => wrapper.find('button');
const createComponent = (props = {}) => {
wrapper = shallowMount(AutoMergeFailedComponent, {
sync: false,
propsData: { ...props },
});
};
beforeEach(() => {
createComponent({
mr: { mergeError },
});
});
afterEach(() => {
wrapper.destroy();
});
it('renders failed message', () => {
expect(wrapper.text()).toContain('This merge request failed to be merged automatically');
});
it('renders merge error provided', () => {
expect(wrapper.text()).toContain(mergeError);
});
it('render refresh button', () => {
expect(findButton().text()).toEqual('Refresh');
});
it('emits event and shows loading icon when button is clicked', () => {
jest.spyOn(eventHub, '$emit');
findButton().trigger('click');
expect(eventHub.$emit.mock.calls[0][0]).toBe('MRWidgetUpdateRequested');
return wrapper.vm.$nextTick(() => {
expect(findButton().attributes('disabled')).toEqual('disabled');
expect(
findButton()
.find(GlLoadingIcon)
.exists(),
).toBe(true);
});
});
});
|