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
|
import { mount } from '@vue/test-utils';
import { GlAlert, GlLink } from '@gitlab/ui';
import IncubationBanner from '~/google_cloud/components/incubation_banner.vue';
describe('IncubationBanner component', () => {
let wrapper;
const findAlert = () => wrapper.findComponent(GlAlert);
const findLinks = () => wrapper.findAllComponents(GlLink);
const findFeatureRequestLink = () => findLinks().at(0);
const findReportBugLink = () => findLinks().at(1);
const findShareFeedbackLink = () => findLinks().at(2);
beforeEach(() => {
const propsData = {
shareFeedbackUrl: 'url_general_feedback',
reportBugUrl: 'url_report_bug',
featureRequestUrl: 'url_feature_request',
};
wrapper = mount(IncubationBanner, { propsData });
});
afterEach(() => {
wrapper.destroy();
});
it('contains alert', () => {
expect(findAlert().exists()).toBe(true);
});
it('contains relevant text', () => {
expect(findAlert().text()).toContain(
'This is an experimental feature developed by GitLab Incubation Engineering.',
);
});
describe('has relevant gl-links', () => {
it('three in total', () => {
expect(findLinks().length).toBe(3);
});
it('contains feature request link', () => {
const link = findFeatureRequestLink();
expect(link.text()).toBe('request a feature');
expect(link.attributes('href')).toBe('url_feature_request');
});
it('contains report bug link', () => {
const link = findReportBugLink();
expect(link.text()).toBe('report a bug');
expect(link.attributes('href')).toBe('url_report_bug');
});
it('contains share feedback link', () => {
const link = findShareFeedbackLink();
expect(link.text()).toBe('share feedback');
expect(link.attributes('href')).toBe('url_general_feedback');
});
});
});
|
