1 files changed, 18 insertions, 4 deletions
diff --git a/spec/javascripts/vue_shared/components/sidebar/labels_select/dropdown_create_label_spec.js b/spec/javascripts/vue_shared/components/sidebar/labels_select/dropdown_create_label_spec.js
index ce559fe0335..b8f32f96332 100644
--- a/spec/javascripts/vue_shared/components/sidebar/labels_select/dropdown_create_label_spec.js
+++ b/spec/javascripts/vue_shared/components/sidebar/labels_select/dropdown_create_label_spec.js
@@ -6,7 +6,7 @@ import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 import { mockSuggestedColors } from './mock_data';
 
-const createComponent = (headerTitle) => {
+const createComponent = headerTitle => {
   const Component = Vue.extend(dropdownCreateLabelComponent);
 
   return mountComponent(Component, {
@@ -38,13 +38,17 @@ describe('DropdownCreateLabelComponent', () => {
     });
 
     it('renders `Go back` button on component header', () => {
-      const backButtonEl = vm.$el.querySelector('.dropdown-title button.dropdown-title-button.dropdown-menu-back');
+      const backButtonEl = vm.$el.querySelector(
+        '.dropdown-title button.dropdown-title-button.dropdown-menu-back',
+      );
+
       expect(backButtonEl).not.toBe(null);
       expect(backButtonEl.querySelector('.fa-arrow-left')).not.toBe(null);
     });
 
     it('renders component header element as `Create new label` when `headerTitle` prop is not provided', () => {
       const headerEl = vm.$el.querySelector('.dropdown-title');
+
       expect(headerEl.innerText.trim()).toContain('Create new label');
     });
 
@@ -52,12 +56,16 @@ describe('DropdownCreateLabelComponent', () => {
       const headerTitle = 'Create project label';
       const vmWithHeaderTitle = createComponent(headerTitle);
       const headerEl = vmWithHeaderTitle.$el.querySelector('.dropdown-title');
+
       expect(headerEl.innerText.trim()).toContain(headerTitle);
       vmWithHeaderTitle.$destroy();
     });
 
     it('renders `Close` button on component header', () => {
-      const closeButtonEl = vm.$el.querySelector('.dropdown-title button.dropdown-title-button.dropdown-menu-close');
+      const closeButtonEl = vm.$el.querySelector(
+        '.dropdown-title button.dropdown-title-button.dropdown-menu-close',
+      );
+
       expect(closeButtonEl).not.toBe(null);
       expect(closeButtonEl.querySelector('.fa-times.dropdown-menu-close-icon')).not.toBe(null);
     });
@@ -69,23 +77,29 @@ describe('DropdownCreateLabelComponent', () => {
 
     it('renders suggested colors list elements', () => {
       const colorsListContainerEl = vm.$el.querySelector('.suggest-colors.suggest-colors-dropdown');
+
       expect(colorsListContainerEl).not.toBe(null);
       expect(colorsListContainerEl.querySelectorAll('a').length).toBe(mockSuggestedColors.length);
 
       const colorItemEl = colorsListContainerEl.querySelectorAll('a')[0];
+
       expect(colorItemEl.dataset.color).toBe(vm.suggestedColors[0]);
       expect(colorItemEl.getAttribute('style')).toBe('background-color: rgb(0, 51, 204);');
     });
 
     it('renders color input element', () => {
       expect(vm.$el.querySelector('.dropdown-label-color-input')).not.toBe(null);
-      expect(vm.$el.querySelector('.dropdown-label-color-preview.js-dropdown-label-color-preview')).not.toBe(null);
+      expect(
+        vm.$el.querySelector('.dropdown-label-color-preview.js-dropdown-label-color-preview'),
+      ).not.toBe(null);
+
       expect(vm.$el.querySelector('input#new_label_color.default-dropdown-input')).not.toBe(null);
     });
 
     it('renders component action buttons', () => {
       const createBtnEl = vm.$el.querySelector('button.js-new-label-btn');
       const cancelBtnEl = vm.$el.querySelector('button.js-cancel-label-btn');
+
       expect(createBtnEl).not.toBe(null);
       expect(createBtnEl.innerText.trim()).toBe('Create');
       expect(cancelBtnEl.innerText.trim()).toBe('Cancel');