summaryrefslogtreecommitdiff
path: root/spec/frontend/labels_select_spec.js
diff options
context:
space:
mode:
Diffstat (limited to 'spec/frontend/labels_select_spec.js')
-rw-r--r--spec/frontend/labels_select_spec.js140
1 files changed, 0 insertions, 140 deletions
diff --git a/spec/frontend/labels_select_spec.js b/spec/frontend/labels_select_spec.js
deleted file mode 100644
index cbc9a923f8b..00000000000
--- a/spec/frontend/labels_select_spec.js
+++ /dev/null
@@ -1,140 +0,0 @@
-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',
- },
-];
-
-const mockScopedLabels2 = [
- {
- id: 28,
- title: 'Foo::Bar2',
- description: 'Foobar2',
- color: '#FFFFFF',
- text_color: '#333333',
- },
-];
-
-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,
- }),
- );
- });
-
- it('generated label item template has correct label URL', () => {
- expect($labelEl.find('a').attr('href')).toBe('/foo/bar?label_name[]=Foo%20Label');
- });
-
- it('generated label item template has correct label title', () => {
- expect($labelEl.find('span.gl-label-text').text()).toBe(label.title);
- });
-
- it('generated label item template has label description as title attribute', () => {
- expect($labelEl.find('a').attr('title')).toBe(label.description);
- });
-
- it('generated label item template has correct label styles and classes', () => {
- expect($labelEl.find('span.gl-label-text').attr('style')).toBe(
- `background-color: ${label.color};`,
- );
- expect($labelEl.find('span.gl-label-text')).toHaveClass('gl-label-text-light');
- });
-
- it('generated label item has a gl-label-text class', () => {
- expect($labelEl.find('span').hasClass('gl-label-text')).toEqual(true);
- });
- });
-
- describe('when scoped label is present', () => {
- const label = mockScopedLabels[0];
- let $labelEl;
-
- beforeEach(() => {
- $labelEl = $(
- LabelsSelect.getLabelTemplate({
- labels: mockScopedLabels,
- issueUpdateURL: mockUrl,
- enableScopedLabels: true,
- }),
- );
- });
-
- 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', () => {
- const scopedTitle = label.title.split('::');
- expect($labelEl.find('span.gl-label-text').text()).toContain(scopedTitle[0]);
- expect($labelEl.find('span.gl-label-text').text()).toContain(scopedTitle[1]);
- });
-
- it('generated label item template has html flag as true', () => {
- expect($labelEl.find('a').attr('data-html')).toBe('true');
- });
-
- it('generated label item template has correct label styles and classes', () => {
- expect($labelEl.find('span.gl-label-text').attr('style')).toBe(
- `background-color: ${label.color};`,
- );
- expect($labelEl.find('span.gl-label-text')).toHaveClass('gl-label-text-light');
- expect($labelEl.find('span.gl-label-text').last()).not.toHaveClass('gl-label-text-light');
- });
-
- it('generated label item has a badge class', () => {
- expect($labelEl.find('span').hasClass('gl-label-text')).toEqual(true);
- });
- });
-
- describe('when scoped label is present, with text color not white', () => {
- const label = mockScopedLabels2[0];
- let $labelEl;
-
- beforeEach(() => {
- $labelEl = $(
- LabelsSelect.getLabelTemplate({
- labels: mockScopedLabels2,
- issueUpdateURL: mockUrl,
- enableScopedLabels: true,
- }),
- );
- });
-
- it('generated label item template has correct label styles and classes', () => {
- expect($labelEl.find('span.gl-label-text').attr('style')).toBe(
- `background-color: ${label.color};`,
- );
- expect($labelEl.find('span.gl-label-text')).toHaveClass('gl-label-text-dark');
- expect($labelEl.find('span.gl-label-text').last()).toHaveClass('gl-label-text-dark');
- });
- });
- });
-});