55 lines
1.3 KiB
JavaScript
55 lines
1.3 KiB
JavaScript
import { GlLink } from '@gitlab/ui';
|
|
import { shallowMount } from '@vue/test-utils';
|
|
import SidebarDetailRow from '~/jobs/components/sidebar_detail_row.vue';
|
|
|
|
describe('Sidebar detail row', () => {
|
|
let wrapper;
|
|
|
|
const title = 'this is the title';
|
|
const value = 'this is the value';
|
|
const helpUrl = '/help/ci/runners/README.html';
|
|
|
|
const findHelpLink = () => wrapper.findComponent(GlLink);
|
|
|
|
const createComponent = (props) => {
|
|
wrapper = shallowMount(SidebarDetailRow, {
|
|
propsData: {
|
|
...props,
|
|
},
|
|
});
|
|
};
|
|
|
|
afterEach(() => {
|
|
wrapper.destroy();
|
|
wrapper = null;
|
|
});
|
|
|
|
describe('with title/value and without helpUrl', () => {
|
|
beforeEach(() => {
|
|
createComponent({ title, value });
|
|
});
|
|
|
|
it('should render the provided title and value', () => {
|
|
expect(wrapper.text()).toBe(`${title}: ${value}`);
|
|
});
|
|
|
|
it('should not render the help link', () => {
|
|
expect(findHelpLink().exists()).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('when helpUrl provided', () => {
|
|
beforeEach(() => {
|
|
createComponent({
|
|
helpUrl,
|
|
title,
|
|
value,
|
|
});
|
|
});
|
|
|
|
it('should render the help link', () => {
|
|
expect(findHelpLink().exists()).toBe(true);
|
|
expect(findHelpLink().attributes('href')).toBe(helpUrl);
|
|
});
|
|
});
|
|
});
|