92 lines
2.3 KiB
JavaScript
92 lines
2.3 KiB
JavaScript
|
import { shallowMount } from '@vue/test-utils';
|
||
|
|
import { extendedWrapper } from 'helpers/vue_test_utils_helper';
|
||
|
|
import JobRetryButton from '~/jobs/components/job/sidebar/job_sidebar_retry_button.vue';
|
||
|
|
import LegacySidebarHeader from '~/jobs/components/job/sidebar/legacy_sidebar_header.vue';
|
||
|
|
import createStore from '~/jobs/store';
|
||
|
|
import job from '../../mock_data';
|
||
|
|
|
||
|
|
describe('Legacy Sidebar Header', () => {
|
||
|
|
let store;
|
||
|
|
let wrapper;
|
||
|
|
|
||
|
|
const findCancelButton = () => wrapper.findByTestId('cancel-button');
|
||
|
|
const findRetryButton = () => wrapper.findComponent(JobRetryButton);
|
||
|
|
const findEraseLink = () => wrapper.findByTestId('job-log-erase-link');
|
||
|
|
|
||
|
|
const createWrapper = (props) => {
|
||
|
|
store = createStore();
|
||
|
|
|
||
|
|
wrapper = extendedWrapper(
|
||
|
|
shallowMount(LegacySidebarHeader, {
|
||
|
|
propsData: {
|
||
|
|
job,
|
||
|
|
...props,
|
||
|
|
},
|
||
|
|
store,
|
||
|
|
}),
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
afterEach(() => {
|
||
|
|
wrapper.destroy();
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('when job log is erasable', () => {
|
||
|
|
const path = '/root/ci-project/-/jobs/1447/erase';
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
createWrapper({
|
||
|
|
erasePath: path,
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders erase job link', () => {
|
||
|
|
expect(findEraseLink().exists()).toBe(true);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('erase job link has correct path', () => {
|
||
|
|
expect(findEraseLink().attributes('href')).toBe(path);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('when job log is not erasable', () => {
|
||
|
|
beforeEach(() => {
|
||
|
|
createWrapper();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('does not render erase button', () => {
|
||
|
|
expect(findEraseLink().exists()).toBe(false);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('when the job is retryable', () => {
|
||
|
|
beforeEach(() => {
|
||
|
|
createWrapper();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render the retry button', () => {
|
||
|
|
expect(findRetryButton().props('href')).toBe(job.retry_path);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('when there is no retry path', () => {
|
||
|
|
it('should not render a retry button', async () => {
|
||
|
|
const copy = { ...job, retry_path: null };
|
||
|
|
createWrapper({ job: copy });
|
||
|
|
|
||
|
|
expect(findRetryButton().exists()).toBe(false);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('when the job is cancelable', () => {
|
||
|
|
beforeEach(() => {
|
||
|
|
createWrapper();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render link to cancel job', () => {
|
||
|
|
expect(findCancelButton().props('icon')).toBe('cancel');
|
||
|
|
expect(findCancelButton().attributes('href')).toBe(job.cancel_path);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|