112 lines
2.9 KiB
JavaScript
112 lines
2.9 KiB
JavaScript
|
import Vue from 'vue';
|
||
|
|
import sidebarDetailsBlock from '~/jobs/components/sidebar_details_block.vue';
|
||
|
|
import job from './mock_data';
|
||
|
|
|
||
|
|
describe('Sidebar details block', () => {
|
||
|
|
let SidebarComponent;
|
||
|
|
let vm;
|
||
|
|
|
||
|
|
function trimWhitespace(element) {
|
||
|
|
return element.textContent.replace(/\s+/g, ' ').trim();
|
||
|
|
}
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
SidebarComponent = Vue.extend(sidebarDetailsBlock);
|
||
|
|
});
|
||
|
|
|
||
|
|
afterEach(() => {
|
||
|
|
vm.$destroy();
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('when it is loading', () => {
|
||
|
|
it('should render a loading spinner', () => {
|
||
|
|
vm = new SidebarComponent({
|
||
|
|
propsData: {
|
||
|
|
job: {},
|
||
|
|
isLoading: true,
|
||
|
|
},
|
||
|
|
}).$mount();
|
||
|
|
|
||
|
|
expect(vm.$el.querySelector('.fa-spinner')).toBeDefined();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
vm = new SidebarComponent({
|
||
|
|
propsData: {
|
||
|
|
job,
|
||
|
|
isLoading: false,
|
||
|
|
},
|
||
|
|
}).$mount();
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('actions', () => {
|
||
|
|
it('should render link to new issue', () => {
|
||
|
|
expect(vm.$el.querySelector('.js-new-issue').getAttribute('href')).toEqual(job.new_issue_path);
|
||
|
|
expect(vm.$el.querySelector('.js-new-issue').textContent.trim()).toEqual('New issue');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render link to retry job', () => {
|
||
|
|
expect(vm.$el.querySelector('.js-retry-job').getAttribute('href')).toEqual(job.retry_path);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render link to cancel job', () => {
|
||
|
|
expect(vm.$el.querySelector('.js-cancel-job').getAttribute('href')).toEqual(job.cancel_path);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('information', () => {
|
||
|
|
it('should render merge request link', () => {
|
||
|
|
expect(
|
||
|
|
trimWhitespace(vm.$el.querySelector('.js-job-mr')),
|
||
|
|
).toEqual('Merge Request: !2');
|
||
|
|
|
||
|
|
expect(
|
||
|
|
vm.$el.querySelector('.js-job-mr a').getAttribute('href'),
|
||
|
|
).toEqual(job.merge_request.path);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render job duration', () => {
|
||
|
|
expect(
|
||
|
|
trimWhitespace(vm.$el.querySelector('.js-job-duration')),
|
||
|
|
).toEqual('Duration: 6 seconds');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render erased date', () => {
|
||
|
|
expect(
|
||
|
|
trimWhitespace(vm.$el.querySelector('.js-job-erased')),
|
||
|
|
).toEqual('Erased: 3 weeks ago');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render finished date', () => {
|
||
|
|
expect(
|
||
|
|
trimWhitespace(vm.$el.querySelector('.js-job-finished')),
|
||
|
|
).toEqual('Finished: 3 weeks ago');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render queued date', () => {
|
||
|
|
expect(
|
||
|
|
trimWhitespace(vm.$el.querySelector('.js-job-queued')),
|
||
|
|
).toEqual('Queued: 9 seconds');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render runner ID', () => {
|
||
|
|
expect(
|
||
|
|
trimWhitespace(vm.$el.querySelector('.js-job-runner')),
|
||
|
|
).toEqual('Runner: #1');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render coverage', () => {
|
||
|
|
expect(
|
||
|
|
trimWhitespace(vm.$el.querySelector('.js-job-coverage')),
|
||
|
|
).toEqual('Coverage: 20%');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should render tags', () => {
|
||
|
|
expect(
|
||
|
|
trimWhitespace(vm.$el.querySelector('.js-job-tags')),
|
||
|
|
).toEqual('Tags: tag');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|