101 lines
2.4 KiB
JavaScript
101 lines
2.4 KiB
JavaScript
import Vue from 'vue';
|
|
import mountComponent from 'helpers/vue_mount_component_helper';
|
|
import ciBadge from '~/vue_shared/components/ci_badge_link.vue';
|
|
|
|
describe('CI Badge Link Component', () => {
|
|
let CIBadge;
|
|
let vm;
|
|
|
|
const statuses = {
|
|
canceled: {
|
|
text: 'canceled',
|
|
label: 'canceled',
|
|
group: 'canceled',
|
|
icon: 'status_canceled',
|
|
details_path: 'status/canceled',
|
|
},
|
|
created: {
|
|
text: 'created',
|
|
label: 'created',
|
|
group: 'created',
|
|
icon: 'status_created',
|
|
details_path: 'status/created',
|
|
},
|
|
failed: {
|
|
text: 'failed',
|
|
label: 'failed',
|
|
group: 'failed',
|
|
icon: 'status_failed',
|
|
details_path: 'status/failed',
|
|
},
|
|
manual: {
|
|
text: 'manual',
|
|
label: 'manual action',
|
|
group: 'manual',
|
|
icon: 'status_manual',
|
|
details_path: 'status/manual',
|
|
},
|
|
pending: {
|
|
text: 'pending',
|
|
label: 'pending',
|
|
group: 'pending',
|
|
icon: 'status_pending',
|
|
details_path: 'status/pending',
|
|
},
|
|
running: {
|
|
text: 'running',
|
|
label: 'running',
|
|
group: 'running',
|
|
icon: 'status_running',
|
|
details_path: 'status/running',
|
|
},
|
|
skipped: {
|
|
text: 'skipped',
|
|
label: 'skipped',
|
|
group: 'skipped',
|
|
icon: 'status_skipped',
|
|
details_path: 'status/skipped',
|
|
},
|
|
success_warining: {
|
|
text: 'passed',
|
|
label: 'passed',
|
|
group: 'success-with-warnings',
|
|
icon: 'status_warning',
|
|
details_path: 'status/warning',
|
|
},
|
|
success: {
|
|
text: 'passed',
|
|
label: 'passed',
|
|
group: 'passed',
|
|
icon: 'status_success',
|
|
details_path: 'status/passed',
|
|
},
|
|
};
|
|
|
|
beforeEach(() => {
|
|
CIBadge = Vue.extend(ciBadge);
|
|
});
|
|
|
|
afterEach(() => {
|
|
vm.$destroy();
|
|
});
|
|
|
|
it('should render each status badge', () => {
|
|
Object.keys(statuses).map(status => {
|
|
vm = mountComponent(CIBadge, { status: statuses[status] });
|
|
|
|
expect(vm.$el.getAttribute('href')).toEqual(statuses[status].details_path);
|
|
expect(vm.$el.textContent.trim()).toEqual(statuses[status].text);
|
|
expect(vm.$el.getAttribute('class')).toContain(`ci-status ci-${statuses[status].group}`);
|
|
expect(vm.$el.querySelector('svg')).toBeDefined();
|
|
return vm;
|
|
});
|
|
});
|
|
|
|
it('should not render label', () => {
|
|
vm = mountComponent(CIBadge, { status: statuses.canceled, showText: false });
|
|
|
|
expect(vm.$el.textContent.trim()).toEqual('');
|
|
});
|
|
});
|