117 lines
3.4 KiB
JavaScript
117 lines
3.4 KiB
JavaScript
|
import $ from 'jquery';
|
||
|
|
import LabelsSelect from '~/labels_select';
|
||
|
|
|
||
|
|
const mockUrl = '/foo/bar/url';
|
||
|
|
|
||
|
|
const mockLabels = [
|
||
|
|
{
|
||
|
|
id: 26,
|
||
|
|
title: 'Foo Label',
|
||
|
|
description: 'Foobar',
|
||
|
|
color: '#BADA55',
|
||
|
|
text_color: '#FFFFFF',
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
const mockScopedLabels = [
|
||
|
|
{
|
||
|
|
id: 27,
|
||
|
|
title: 'Foo::Bar',
|
||
|
|
description: 'Foobar',
|
||
|
|
color: '#333ABC',
|
||
|
|
text_color: '#FFFFFF',
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
describe('LabelsSelect', () => {
|
||
|
|
describe('getLabelTemplate', () => {
|
||
|
|
describe('when normal label is present', () => {
|
||
|
|
const label = mockLabels[0];
|
||
|
|
let $labelEl;
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
$labelEl = $(
|
||
|
|
LabelsSelect.getLabelTemplate({
|
||
|
|
labels: mockLabels,
|
||
|
|
issueUpdateURL: mockUrl,
|
||
|
|
enableScopedLabels: true,
|
||
|
|
scopedLabelsDocumentationLink: 'docs-link',
|
||
|
|
}),
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template has correct label URL', () => {
|
||
|
|
expect($labelEl.attr('href')).toBe('/foo/bar?label_name[]=Foo%20Label');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template has correct label title', () => {
|
||
|
|
expect($labelEl.find('span.label').text()).toBe(label.title);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template has label description as title attribute', () => {
|
||
|
|
expect($labelEl.find('span.label').attr('title')).toBe(label.description);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template has correct label styles', () => {
|
||
|
|
expect($labelEl.find('span.label').attr('style')).toBe(
|
||
|
|
`background-color: ${label.color}; color: ${label.text_color};`,
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item has a badge class', () => {
|
||
|
|
expect($labelEl.find('span').hasClass('badge')).toEqual(true);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template does not have scoped-label class', () => {
|
||
|
|
expect($labelEl.find('.scoped-label')).toHaveLength(0);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('when scoped label is present', () => {
|
||
|
|
const label = mockScopedLabels[0];
|
||
|
|
let $labelEl;
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
$labelEl = $(
|
||
|
|
LabelsSelect.getLabelTemplate({
|
||
|
|
labels: mockScopedLabels,
|
||
|
|
issueUpdateURL: mockUrl,
|
||
|
|
enableScopedLabels: true,
|
||
|
|
scopedLabelsDocumentationLink: 'docs-link',
|
||
|
|
}),
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template has correct label URL', () => {
|
||
|
|
expect($labelEl.find('a').attr('href')).toBe('/foo/bar?label_name[]=Foo%3A%3ABar');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template has correct label title', () => {
|
||
|
|
expect($labelEl.find('span.label').text()).toBe(label.title);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template has html flag as true', () => {
|
||
|
|
expect($labelEl.find('span.label').attr('data-html')).toBe('true');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template has question icon', () => {
|
||
|
|
expect($labelEl.find('i.fa-question-circle')).toHaveLength(1);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template has scoped-label class', () => {
|
||
|
|
expect($labelEl.find('.scoped-label')).toHaveLength(1);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item template has correct label styles', () => {
|
||
|
|
expect($labelEl.find('span.label').attr('style')).toBe(
|
||
|
|
`background-color: ${label.color}; color: ${label.text_color};`,
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('generated label item has a badge class', () => {
|
||
|
|
expect($labelEl.find('span').hasClass('badge')).toEqual(true);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|