1 files changed, 33 insertions, 53 deletions

diff --git a/spec/javascripts/boards/board_list_spec.js b/spec/javascripts/boards/board_list_spec.js
index 037e06cf3b2..2642c8b1bdb 100644
--- a/spec/javascripts/boards/board_list_spec.js
+++ b/spec/javascripts/boards/board_list_spec.js
@@ -18,7 +18,7 @@ describe('Board list component', () => {
   let mock;
   let component;
 
-  beforeEach((done) => {
+  beforeEach(done => {
     const el = document.createElement('div');
 
     document.body.appendChild(el);
@@ -62,122 +62,102 @@ describe('Board list component', () => {
   });
 
   it('renders component', () => {
-    expect(
-      component.$el.classList.contains('board-list-component'),
-    ).toBe(true);
+    expect(component.$el.classList.contains('board-list-component')).toBe(true);
   });
 
-  it('renders loading icon', (done) => {
+  it('renders loading icon', done => {
     component.loading = true;
 
     Vue.nextTick(() => {
-      expect(
-        component.$el.querySelector('.board-list-loading'),
-      ).not.toBeNull();
+      expect(component.$el.querySelector('.board-list-loading')).not.toBeNull();
 
       done();
     });
   });
 
   it('renders issues', () => {
-    expect(
-      component.$el.querySelectorAll('.board-card').length,
-    ).toBe(1);
+    expect(component.$el.querySelectorAll('.board-card').length).toBe(1);
   });
 
   it('sets data attribute with issue id', () => {
-    expect(
-      component.$el.querySelector('.board-card').getAttribute('data-issue-id'),
-    ).toBe('1');
+    expect(component.$el.querySelector('.board-card').getAttribute('data-issue-id')).toBe('1');
   });
 
-  it('shows new issue form', (done) => {
+  it('shows new issue form', done => {
     component.toggleForm();
 
     Vue.nextTick(() => {
-      expect(
-        component.$el.querySelector('.board-new-issue-form'),
-      ).not.toBeNull();
+      expect(component.$el.querySelector('.board-new-issue-form')).not.toBeNull();
 
-      expect(
-        component.$el.querySelector('.is-smaller'),
-      ).not.toBeNull();
+      expect(component.$el.querySelector('.is-smaller')).not.toBeNull();
 
       done();
     });
   });
 
-  it('shows new issue form after eventhub event', (done) => {
+  it('shows new issue form after eventhub event', done => {
     eventHub.$emit(`hide-issue-form-${component.list.id}`);
 
     Vue.nextTick(() => {
-      expect(
-        component.$el.querySelector('.board-new-issue-form'),
-      ).not.toBeNull();
+      expect(component.$el.querySelector('.board-new-issue-form')).not.toBeNull();
 
-      expect(
-        component.$el.querySelector('.is-smaller'),
-      ).not.toBeNull();
+      expect(component.$el.querySelector('.is-smaller')).not.toBeNull();
 
       done();
     });
   });
 
-  it('does not show new issue form for closed list', (done) => {
+  it('does not show new issue form for closed list', done => {
     component.list.type = 'closed';
     component.toggleForm();
 
     Vue.nextTick(() => {
-      expect(
-        component.$el.querySelector('.board-new-issue-form'),
-      ).toBeNull();
+      expect(component.$el.querySelector('.board-new-issue-form')).toBeNull();
 
       done();
     });
   });
 
-  it('shows count list item', (done) => {
+  it('shows count list item', done => {
     component.showCount = true;
 
     Vue.nextTick(() => {
-      expect(
-        component.$el.querySelector('.board-list-count'),
-      ).not.toBeNull();
+      expect(component.$el.querySelector('.board-list-count')).not.toBeNull();
 
-      expect(
-        component.$el.querySelector('.board-list-count').textContent.trim(),
-      ).toBe('Showing all issues');
+      expect(component.$el.querySelector('.board-list-count').textContent.trim()).toBe(
+        'Showing all issues',
+      );
 
       done();
     });
   });
 
-  it('sets data attribute with invalid id', (done) => {
+  it('sets data attribute with invalid id', done => {
     component.showCount = true;
 
     Vue.nextTick(() => {
-      expect(
-        component.$el.querySelector('.board-list-count').getAttribute('data-issue-id'),
-      ).toBe('-1');
+      expect(component.$el.querySelector('.board-list-count').getAttribute('data-issue-id')).toBe(
+        '-1',
+      );
 
       done();
     });
   });
 
-  it('shows how many more issues to load', (done) => {
+  it('shows how many more issues to load', done => {
     component.showCount = true;
     component.list.issuesSize = 20;
 
     Vue.nextTick(() => {
-      expect(
-        component.$el.querySelector('.board-list-count').textContent.trim(),
-      ).toBe('Showing 1 of 20 issues');
+      expect(component.$el.querySelector('.board-list-count').textContent.trim()).toBe(
+        'Showing 1 of 20 issues',
+      );
 
       done();
     });
   });
 
-  it('loads more issues after scrolling', (done) => {
+  it('loads more issues after scrolling', done => {
     spyOn(component.list, 'nextPage');
     component.$refs.list.style.height = '100px';
     component.$refs.list.style.overflow = 'scroll';
@@ -200,7 +180,9 @@ describe('Board list component', () => {
   });
 
   it('does not load issues if already loading', () => {
-    component.list.nextPage = spyOn(component.list, 'nextPage').and.returnValue(new Promise(() => {}));
+    component.list.nextPage = spyOn(component.list, 'nextPage').and.returnValue(
+      new Promise(() => {}),
+    );
 
     component.onScroll();
     component.onScroll();
@@ -208,14 +190,12 @@ describe('Board list component', () => {
     expect(component.list.nextPage).toHaveBeenCalledTimes(1);
   });
 
-  it('shows loading more spinner', (done) => {
+  it('shows loading more spinner', done => {
     component.showCount = true;
     component.list.loadingMore = true;
 
     Vue.nextTick(() => {
-      expect(
-        component.$el.querySelector('.board-list-count .fa-spinner'),
-      ).not.toBeNull();
+      expect(component.$el.querySelector('.board-list-count .fa-spinner')).not.toBeNull();
 
       done();
     });