gitlab-org--gitlab-foss/spec/frontend/google_cloud/components/incubation_banner_spec.js

60 lines
1.8 KiB
JavaScript

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');
});
});
});