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
|
import Vue, { nextTick } from 'vue';
import Vuex from 'vuex';
import { GlModal } from '@gitlab/ui';
import originalOneReleaseForEditingQueryResponse from 'test_fixtures/graphql/releases/graphql/queries/one_release_for_editing.query.graphql.json';
import { convertOneReleaseGraphQLResponse } from '~/releases/util';
import ConfirmDeleteModal from '~/releases/components/confirm_delete_modal.vue';
import { mountExtended } from 'helpers/vue_test_utils_helper';
import { __, sprintf } from '~/locale';
Vue.use(Vuex);
const release = convertOneReleaseGraphQLResponse(originalOneReleaseForEditingQueryResponse).data;
const deleteReleaseDocsPath = 'path/to/delete/release/docs';
describe('~/releases/components/confirm_delete_modal.vue', () => {
let wrapper;
let state;
const factory = async () => {
state = {
release,
deleteReleaseDocsPath,
};
const store = new Vuex.Store({
modules: {
editNew: {
namespaced: true,
state,
},
},
});
wrapper = mountExtended(ConfirmDeleteModal, {
store,
});
await nextTick();
};
beforeEach(() => {
factory();
});
afterEach(() => {
wrapper.destroy();
});
describe('button', () => {
it('should open the modal on click', async () => {
await wrapper.findByRole('button', { name: 'Delete' }).trigger('click');
const title = wrapper.findByText(
sprintf(__('Delete release %{release}?'), { release: release.name }),
);
expect(title.exists()).toBe(true);
});
});
describe('modal', () => {
beforeEach(async () => {
await wrapper.findByRole('button', { name: 'Delete' }).trigger('click');
});
it('confirms the user wants to delete the release', () => {
const text = wrapper.findByText(__('Are you sure you want to delete this release?'));
expect(text.exists()).toBe(true);
});
it('links to the tag', () => {
const tagPath = wrapper.findByRole('link', { name: release.tagName });
expect(tagPath.attributes('href')).toBe(release.tagPath);
});
it('links to the docs on deleting releases', () => {
const docsPath = wrapper.findByRole('link', { name: 'Deleting a release' });
expect(docsPath.attributes('href')).toBe(deleteReleaseDocsPath);
});
it('emits a delete event on action primary', () => {
wrapper.findComponent(GlModal).vm.$emit('primary');
expect(wrapper.emitted('delete')).toEqual([[]]);
});
});
});
|
