Merge branch 'prettify-all-remaining-things-ee' into 'master'

Prettify remaining files with differences in CE and EE

See merge request gitlab-org/gitlab-ee!8155

app/assets/javascripts/blob_edit/blob_bundle.js

@@ -13,7 +13,7 @@ export default () => {
   if (editBlobForm.length) {
     const urlRoot = editBlobForm.data('relativeUrlRoot');
     const assetsPath = editBlobForm.data('assetsPrefix');
-    const filePath = editBlobForm.data('blobFilename')
+    const filePath = editBlobForm.data('blobFilename');
     const currentAction = $('.js-file-title').data('currentAction');
     const projectId = editBlobForm.data('project-id');
 

app/assets/javascripts/boards/components/board.js

@@ -42,7 +42,7 @@ export default Vue.extend({
       required: true,
     },
   },
-  data () {
+  data() {
     return {
       detailIssue: boardsStore.detail,
       filter: boardsStore.filter,
@@ -55,27 +55,26 @@ export default Vue.extend({
     },
     isNewIssueShown() {
       return this.list.type === 'backlog' || (!this.disabled && this.list.type !== 'closed');
-    }
+    },
   },
   watch: {
     filter: {
       handler() {
         this.list.page = 1;
-        this.list.getIssues(true)
-          .catch(() => {
+        this.list.getIssues(true).catch(() => {
           // TODO: handle request error
         });
       },
       deep: true,
-    }
     },
-  mounted () {
+  },
+  mounted() {
     this.sortableOptions = getBoardSortableDefaultOptions({
       disabled: this.disabled,
       group: 'boards',
       draggable: '.is-draggable',
       handle: '.js-board-handle',
-      onEnd: (e) => {
+      onEnd: e => {
         sortableEnd();
 
         if (e.newIndex !== undefined && e.oldIndex !== e.newIndex) {
@@ -86,14 +85,15 @@ export default Vue.extend({
             boardsStore.moveList(list, order);
           });
         }
-      }
+      },
     });
 
     this.sortable = Sortable.create(this.$el.parentNode, this.sortableOptions);
   },
   created() {
     if (this.list.isExpandable && AccessorUtilities.isLocalStorageAccessSafe()) {
-      const isCollapsed = localStorage.getItem(`boards.${this.boardId}.${this.list.type}.expanded`) === 'false';
+      const isCollapsed =
+        localStorage.getItem(`boards.${this.boardId}.${this.list.type}.expanded`) === 'false';
 
       this.list.isExpanded = !isCollapsed;
     }
@@ -107,7 +107,10 @@ export default Vue.extend({
         this.list.isExpanded = !this.list.isExpanded;
 
         if (AccessorUtilities.isLocalStorageAccessSafe()) {
-          localStorage.setItem(`boards.${this.boardId}.${this.list.type}.expanded`, this.list.isExpanded);
+          localStorage.setItem(
+            `boards.${this.boardId}.${this.list.type}.expanded`,
+            this.list.isExpanded,
+          );
         }
       }
     },

app/assets/javascripts/boards/components/board_blank_state.vue

@@ -32,16 +32,16 @@ export default {
       boardsStore.state.lists = _.sortBy(boardsStore.state.lists, 'position');
 
       // Save the labels
-      gl.boardService.generateDefaultLists()
+      gl.boardService
+        .generateDefaultLists()
         .then(res => res.data)
-        .then((data) => {
-          data.forEach((listObj) => {
+        .then(data => {
+          data.forEach(listObj => {
             const list = boardsStore.findList('title', listObj.title);
 
             list.id = listObj.id;
             list.label.id = listObj.label.id;
-            list.getIssues()
-              .catch(() => {
+            list.getIssues().catch(() => {
               // TODO: handle request error
             });
           });
@@ -57,7 +57,6 @@ export default {
     clearBlankState: boardsStore.removeBlankState.bind(boardsStore),
   },
 };
-
 </script>
 
 <template>

app/assets/javascripts/boards/components/board_card.vue

 <script>
-  /* eslint-disable vue/require-default-prop */
-  import IssueCardInner from './issue_card_inner.vue';
-  import eventHub from '../eventhub';
-  import boardsStore from '../stores/boards_store';
+/* eslint-disable vue/require-default-prop */
+import IssueCardInner from './issue_card_inner.vue';
+import eventHub from '../eventhub';
+import boardsStore from '../stores/boards_store';
 
-  export default {
+export default {
   name: 'BoardsIssueCard',
   components: {
     IssueCardInner,
@@ -71,7 +71,7 @@
       }
     },
   },
-  };
+};
 </script>
 
 <template>

app/assets/javascripts/boards/components/board_new_issue.vue

@@ -65,7 +65,8 @@ export default {
       eventHub.$emit(`scroll-board-list-${this.list.id}`);
       this.cancel();
 
-      return this.list.newIssue(issue)
+      return this.list
+        .newIssue(issue)
         .then(() => {
           // Need this because our jQuery very kindly disables buttons on ALL form submissions
           $(this.$refs.submitButton).enable();

app/assets/javascripts/boards/components/board_sidebar.js

@@ -40,7 +40,7 @@ export default Vue.extend({
     };
   },
   computed: {
-    showSidebar () {
+    showSidebar() {
       return Object.keys(this.issue).length;
     },
     milestoneTitle() {
@@ -53,18 +53,20 @@ export default Vue.extend({
       return this.issue.labels && this.issue.labels.length;
     },
     labelDropdownTitle() {
-      return this.hasLabels ? sprintf(__('%{firstLabel} +%{labelCount} more'), {
+      return this.hasLabels
+        ? sprintf(__('%{firstLabel} +%{labelCount} more'), {
             firstLabel: this.issue.labels[0].title,
-        labelCount: this.issue.labels.length - 1
-      }) : __('Label');
+            labelCount: this.issue.labels.length - 1,
+          })
+        : __('Label');
     },
     selectedLabels() {
       return this.hasLabels ? this.issue.labels.map(l => l.title).join(',') : '';
-    }
+    },
   },
   watch: {
     detail: {
-      handler () {
+      handler() {
         if (this.issue.id !== this.detail.issue.id) {
           $('.block.assignee')
             .find('input:not(.js-vue)[name="issue[assignee_ids][]"]')
@@ -73,17 +75,19 @@ export default Vue.extend({
             });
 
           $('.js-issue-board-sidebar', this.$el).each((i, el) => {
-            $(el).data('glDropdown').clearMenu();
+            $(el)
+              .data('glDropdown')
+              .clearMenu();
           });
         }
 
         this.issue = this.detail.issue;
         this.list = this.detail.list;
       },
-      deep: true
+      deep: true,
     },
   },
-  created () {
+  created() {
     // Get events from glDropdown
     eventHub.$on('sidebar.removeAssignee', this.removeAssignee);
     eventHub.$on('sidebar.addAssignee', this.addAssignee);
@@ -96,7 +100,7 @@ export default Vue.extend({
     eventHub.$off('sidebar.removeAllAssignees', this.removeAllAssignees);
     eventHub.$off('sidebar.saveAssignees', this.saveAssignees);
   },
-  mounted () {
+  mounted() {
     new IssuableContext(this.currentUser);
     new MilestoneSelect();
     new DueDateSelectors();
@@ -104,29 +108,30 @@ export default Vue.extend({
     new Sidebar();
   },
   methods: {
-    closeSidebar () {
+    closeSidebar() {
       this.detail.issue = {};
     },
-    assignSelf () {
+    assignSelf() {
       // Notify gl dropdown that we are now assigning to current user
       this.$refs.assigneeBlock.dispatchEvent(new Event('assignYourself'));
 
       this.addAssignee(this.currentUser);
       this.saveAssignees();
     },
-    removeAssignee (a) {
+    removeAssignee(a) {
       boardsStore.detail.issue.removeAssignee(a);
     },
-    addAssignee (a) {
+    addAssignee(a) {
       boardsStore.detail.issue.addAssignee(a);
     },
-    removeAllAssignees () {
+    removeAllAssignees() {
       boardsStore.detail.issue.removeAllAssignees();
     },
-    saveAssignees () {
+    saveAssignees() {
       this.loadingAssignees = true;
 
-      boardsStore.detail.issue.update()
+      boardsStore.detail.issue
+        .update()
         .then(() => {
           this.loadingAssignees = false;
         })

app/assets/javascripts/boards/components/issue_card_inner.vue

 <script>
-  import $ from 'jquery';
-  import Icon from '~/vue_shared/components/icon.vue';
-  import IssueCardWeight from 'ee/boards/components/issue_card_weight.vue';
-  import UserAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';
-  import eventHub from '../eventhub';
-  import tooltip from '../../vue_shared/directives/tooltip';
-  import boardsStore from '../stores/boards_store';
+import $ from 'jquery';
+import Icon from '~/vue_shared/components/icon.vue';
+import IssueCardWeight from 'ee/boards/components/issue_card_weight.vue';
+import UserAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';
+import eventHub from '../eventhub';
+import tooltip from '../../vue_shared/directives/tooltip';
+import boardsStore from '../stores/boards_store';
 
-  export default {
+export default {
   components: {
     UserAvatarLink,
     Icon,
@@ -138,7 +138,7 @@
       };
     },
   },
-  };
+};
 </script>
 <template>
   <div>

app/assets/javascripts/boards/components/modal/empty_state.vue

@@ -20,7 +20,7 @@ export default {
   computed: {
     contents() {
       const obj = {
-        title: 'You haven\'t added any issues to your project yet',
+        title: "You haven't added any issues to your project yet",
         content: `
           An issue can be a bug, a todo or a feature request that needs to be
           discussed in a project. Besides, issues are searchable and filterable.
@@ -28,7 +28,7 @@ export default {
       };
 
       if (this.activeTab === 'selected') {
-        obj.title = 'You haven\'t selected any issues yet';
+        obj.title = "You haven't selected any issues yet";
         obj.content = `
           Go back to <strong>Open issues</strong> and select some issues
           to add to your board.

app/assets/javascripts/boards/components/modal/footer.vue

@@ -42,19 +42,17 @@ export default {
       const req = this.buildUpdateRequest(list);
 
       // Post the data to the backend
-      gl.boardService
-        .bulkUpdate(issueIds, req)
-        .catch(() => {
+      gl.boardService.bulkUpdate(issueIds, req).catch(() => {
         Flash(__('Failed to update issues, please try again.'));
 
-          selectedIssues.forEach((issue) => {
+        selectedIssues.forEach(issue => {
           list.removeIssue(issue);
           list.issuesSize -= 1;
         });
       });
 
       // Add the issues on the frontend
-      selectedIssues.forEach((issue) => {
+      selectedIssues.forEach(issue => {
         list.addIssue(issue);
         list.issuesSize += 1;
       });

app/assets/javascripts/boards/components/modal/header.vue

 <script>
-  import ModalFilters from './filters';
-  import ModalTabs from './tabs.vue';
-  import ModalStore from '../../stores/modal_store';
-  import modalMixin from '../../mixins/modal_mixins';
+import ModalFilters from './filters';
+import ModalTabs from './tabs.vue';
+import ModalStore from '../../stores/modal_store';
+import modalMixin from '../../mixins/modal_mixins';
 
-  export default {
+export default {
   components: {
     ModalTabs,
     ModalFilters,
@@ -46,7 +46,7 @@
       ModalStore.toggleAll();
     },
   },
-  };
+};
 </script>
 <template>
   <div>

app/assets/javascripts/boards/components/modal/index.vue

 <script>
-  /* global ListIssue */
-  import { urlParamsToObject } from '~/lib/utils/common_utils';
-  import ModalHeader from './header.vue';
-  import ModalList from './list.vue';
-  import ModalFooter from './footer.vue';
-  import EmptyState from './empty_state.vue';
-  import ModalStore from '../../stores/modal_store';
+/* global ListIssue */
+import { urlParamsToObject } from '~/lib/utils/common_utils';
+import ModalHeader from './header.vue';
+import ModalList from './list.vue';
+import ModalFooter from './footer.vue';
+import EmptyState from './empty_state.vue';
+import ModalStore from '../../stores/modal_store';
 
-  export default {
+export default {
   components: {
     EmptyState,
     ModalHeader,
@@ -107,7 +107,8 @@
     loadIssues(clearIssues = false) {
       if (!this.showAddIssuesModal) return false;
 
-        return gl.boardService.getBacklog({
+      return gl.boardService
+        .getBacklog({
           ...urlParamsToObject(this.filter.path),
           page: this.page,
           per: this.perPage,
@@ -137,7 +138,7 @@
         });
     },
   },
-  };
+};
 </script>
 <template>
   <div

app/assets/javascripts/boards/components/modal/list.vue

 <script>
-  import Icon from '~/vue_shared/components/icon.vue';
-  import bp from '../../../breakpoints';
-  import ModalStore from '../../stores/modal_store';
-  import IssueCardInner from '../issue_card_inner.vue';
+import Icon from '~/vue_shared/components/icon.vue';
+import bp from '../../../breakpoints';
+import ModalStore from '../../stores/modal_store';
+import IssueCardInner from '../issue_card_inner.vue';
 
-  export default {
+export default {
   components: {
     IssueCardInner,
     Icon,
@@ -114,7 +114,7 @@
       }
     },
   },
-  };
+};
 </script>
 <template>
   <section

app/assets/javascripts/boards/components/modal/tabs.vue

 <script>
-  import ModalStore from '../../stores/modal_store';
-  import modalMixin from '../../mixins/modal_mixins';
+import ModalStore from '../../stores/modal_store';
+import modalMixin from '../../mixins/modal_mixins';
 
-  export default {
+export default {
   mixins: [modalMixin],
   data() {
     return ModalStore.store;
@@ -15,7 +15,7 @@
   destroyed() {
     this.activeTab = 'all';
   },
-  };
+};
 </script>
 <template>
   <div class="top-area prepend-top-10 append-bottom-10">

app/assets/javascripts/boards/components/new_list_dropdown.js

@@ -6,7 +6,9 @@ import _ from 'underscore';
 import CreateLabelDropdown from '../../create_label';
 import boardsStore from '../stores/boards_store';
 
-$(document).off('created.label').on('created.label', (e, label) => {
+$(document)
+  .off('created.label')
+  .on('created.label', (e, label) => {
     boardsStore.new({
       title: label.title,
       position: boardsStore.state.lists.length - 2,
@@ -17,25 +19,28 @@ $(document).off('created.label').on('created.label', (e, label) => {
         color: label.color,
       },
     });
-});
+  });
 
 export default function initNewListDropdown() {
-  $('.js-new-board-list').each(function () {
+  $('.js-new-board-list').each(function() {
     const $this = $(this);
-    new CreateLabelDropdown($this.closest('.dropdown').find('.dropdown-new-label'), $this.data('namespacePath'), $this.data('projectPath'));
+    new CreateLabelDropdown(
+      $this.closest('.dropdown').find('.dropdown-new-label'),
+      $this.data('namespacePath'),
+      $this.data('projectPath'),
+    );
 
     $this.glDropdown({
       data(term, callback) {
-        axios.get($this.attr('data-list-labels-path'))
-          .then(({ data }) => {
+        axios.get($this.attr('data-list-labels-path')).then(({ data }) => {
           callback(data);
         });
       },
-      renderRow (label) {
+      renderRow(label) {
         const active = boardsStore.findList('title', label.title);
         const $li = $('<li />');
         const $a = $('<a />', {
-          class: (active ? `is-active js-board-list-${active.id}` : ''),
+          class: active ? `is-active js-board-list-${active.id}` : '',
           text: label.title,
           href: '#',
         });
@@ -53,7 +58,7 @@ export default function initNewListDropdown() {
       selectable: true,
       multiSelect: true,
       containerSelector: '.js-tab-container-labels .dropdown-page-one .dropdown-content',
-      clicked (options) {
+      clicked(options) {
         const { e } = options;
         const label = options.selectedObj;
         e.preventDefault();

app/assets/javascripts/boards/components/project_select.vue

@@ -46,7 +46,7 @@ export default {
       selectable: true,
       data: (term, callback) => {
         this.loading = true;
-        return Api.groupProjects(this.groupId, term, {with_issues_enabled: true}, projects => {
+        return Api.groupProjects(this.groupId, term, { with_issues_enabled: true }, projects => {
           this.loading = false;
           callback(projects);
         });
@@ -54,7 +54,9 @@ export default {
       renderRow(project) {
         return `
             <li>
-              <a href='#' class='dropdown-menu-link' data-project-id="${project.id}" data-project-name="${project.name}">
+              <a href='#' class='dropdown-menu-link' data-project-id="${
+                project.id
+              }" data-project-name="${project.name}">
                 ${_.escape(project.name)}
               </a>
             </li>

app/assets/javascripts/boards/components/sidebar/remove_issue.vue

 <script>
-  import Vue from 'vue';
-  import Flash from '../../../flash';
-  import { __ } from '../../../locale';
-  import boardsStore from '../../stores/boards_store';
+import Vue from 'vue';
+import Flash from '../../../flash';
+import { __ } from '../../../locale';
+import boardsStore from '../../stores/boards_store';
 
-  export default Vue.extend({
+export default Vue.extend({
   props: {
     issue: {
       type: Object,
@@ -38,13 +38,13 @@
       Vue.http.patch(this.updateUrl, data).catch(() => {
         Flash(__('Failed to remove issue from board, please try again.'));
 
-          lists.forEach((list) => {
+        lists.forEach(list => {
           list.addIssue(issue);
         });
       });
 
       // Remove from the frontend store
-        lists.forEach((list) => {
+      lists.forEach(list => {
         list.removeIssue(issue);
       });
 
@@ -56,9 +56,7 @@
     buildPatchRequest(issue, lists) {
       const listLabelIds = lists.map(list => list.label.id);
 
-        const labelIds = issue.labels
-          .map(label => label.id)
-          .filter(id => !listLabelIds.includes(id));
+      const labelIds = issue.labels.map(label => label.id).filter(id => !listLabelIds.includes(id));
 
       return {
         label_ids: labelIds,
@@ -73,7 +71,7 @@
       return req;
     },
   },
-  });
+});
 </script>
 <template>
   <div

app/assets/javascripts/boards/filtered_search_boards.js

@@ -35,7 +35,7 @@ export default class FilteredSearchBoards extends FilteredSearchManager {
     const tokens = FilteredSearchContainer.container.querySelectorAll('.js-visual-token');
 
     // Remove all the tokens as they will be replaced by the search manager
-    [].forEach.call(tokens, (el) => {
+    [].forEach.call(tokens, el => {
       el.parentNode.removeChild(el);
     });
 
@@ -53,7 +53,10 @@ export default class FilteredSearchBoards extends FilteredSearchManager {
 
   canEdit(tokenName, tokenValue) {
     if (this.cantEdit.includes(tokenName)) return false;
-    return this.cantEditWithValue.findIndex(token => token.name === tokenName &&
-      token.value === tokenValue) === -1;
+    return (
+      this.cantEditWithValue.findIndex(
+        token => token.name === tokenName && token.value === tokenValue,
+      ) === -1
+    );
   }
 }

app/assets/javascripts/boards/index.js

@@ -39,9 +39,9 @@ export default () => {
   const issueBoardsContent = document.querySelector('.content-wrapper > .js-focus-mode-board');
 
   // check for browser back and trigger a hard reload to circumvent browser caching.
-  window.addEventListener('pageshow', (event) => {
-    const isNavTypeBackForward = window.performance &&
-        window.performance.navigation.type === NavigationType.TYPE_BACK_FORWARD;
+  window.addEventListener('pageshow', event => {
+    const isNavTypeBackForward =
+      window.performance && window.performance.navigation.type === NavigationType.TYPE_BACK_FORWARD;
 
     if (event.persisted || isNavTypeBackForward) {
       window.location.reload();

app/assets/javascripts/boards/mixins/sortable_default_options.js

@@ -4,7 +4,8 @@ import $ from 'jquery';
 import sortableConfig from 'ee/sortable/sortable_config';
 
 export function sortableStart() {
-  $('.has-tooltip').tooltip('hide')
+  $('.has-tooltip')
+    .tooltip('hide')
     .tooltip('disable');
   document.body.classList.add('is-dragging');
 }
@@ -15,7 +16,8 @@ export function sortableEnd() {
 }
 
 export function getBoardSortableDefaultOptions(obj) {
-  const touchEnabled = ('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch;
+  const touchEnabled =
+    'ontouchstart' in window || (window.DocumentTouch && document instanceof DocumentTouch);
 
   const defaultSortOptions = Object.assign({}, sortableConfig, {
     filter: '.board-delete, .btn',
@@ -26,6 +28,8 @@ export function getBoardSortableDefaultOptions(obj) {
     onEnd: sortableEnd,
   });
 
-  Object.keys(obj).forEach((key) => { defaultSortOptions[key] = obj[key]; });
+  Object.keys(obj).forEach(key => {
+    defaultSortOptions[key] = obj[key];
+  });
   return defaultSortOptions;
 }

app/assets/javascripts/boards/models/issue.js

@@ -9,7 +9,7 @@ import IssueProject from './project';
 import boardsStore from '../stores/boards_store';
 
 class ListIssue {
-  constructor (obj, defaultAvatar) {
+  constructor(obj, defaultAvatar) {
     this.id = obj.id;
     this.iid = obj.iid;
     this.title = obj.title;
@@ -39,67 +39,67 @@ class ListIssue {
       this.milestone_id = obj.milestone.id;
     }
 
-    obj.labels.forEach((label) => {
+    obj.labels.forEach(label => {
       this.labels.push(new ListLabel(label));
     });
 
     this.assignees = obj.assignees.map(a => new ListAssignee(a, defaultAvatar));
   }
 
-  addLabel (label) {
+  addLabel(label) {
     if (!this.findLabel(label)) {
       this.labels.push(new ListLabel(label));
     }
   }
 
-  findLabel (findLabel) {
+  findLabel(findLabel) {
     return this.labels.filter(label => label.title === findLabel.title)[0];
   }
 
-  removeLabel (removeLabel) {
+  removeLabel(removeLabel) {
     if (removeLabel) {
       this.labels = this.labels.filter(label => removeLabel.title !== label.title);
     }
   }
 
-  removeLabels (labels) {
+  removeLabels(labels) {
     labels.forEach(this.removeLabel.bind(this));
   }
 
-  addAssignee (assignee) {
+  addAssignee(assignee) {
     if (!this.findAssignee(assignee)) {
       this.assignees.push(new ListAssignee(assignee));
     }
   }
 
-  findAssignee (findAssignee) {
+  findAssignee(findAssignee) {
     return this.assignees.filter(assignee => assignee.id === findAssignee.id)[0];
   }
 
-  removeAssignee (removeAssignee) {
+  removeAssignee(removeAssignee) {
     if (removeAssignee) {
       this.assignees = this.assignees.filter(assignee => assignee.id !== removeAssignee.id);
     }
   }
 
-  removeAllAssignees () {
+  removeAllAssignees() {
     this.assignees = [];
   }
 
-  addMilestone (milestone) {
+  addMilestone(milestone) {
     const miletoneId = this.milestone ? this.milestone.id : null;
     if (milestone.id !== miletoneId) {
       this.milestone = new ListMilestone(milestone);
     }
   }
 
-  removeMilestone (removeMilestone) {
+  removeMilestone(removeMilestone) {
     if (removeMilestone && removeMilestone.id === this.milestone.id) {
       this.milestone = {};
     }
   }
 
-  getLists () {
+  getLists() {
     return boardsStore.state.lists.filter(list => list.findIssue(this.id));
   }
 
@@ -115,14 +115,14 @@ class ListIssue {
     this.isLoading[key] = value;
   }
 
-  update () {
+  update() {
     const data = {
       issue: {
         milestone_id: this.milestone ? this.milestone.id : null,
         due_date: this.dueDate,
-        assignee_ids: this.assignees.length > 0 ? this.assignees.map((u) => u.id) : [0],
-        label_ids: this.labels.map((label) => label.id)
-      }
+        assignee_ids: this.assignees.length > 0 ? this.assignees.map(u => u.id) : [0],
+        label_ids: this.labels.map(label => label.id),
+      },
     };
 
     if (!data.issue.label_ids.length) {

app/assets/javascripts/boards/models/list.js

@@ -247,11 +247,11 @@ class List {
     });
   }
 
-  getTypeInfo (type) {
+  getTypeInfo(type) {
     return TYPES[type] || {};
   }
 
-  onNewIssueResponse (issue, data) {
+  onNewIssueResponse(issue, data) {
     issue.id = data.id;
     issue.iid = data.iid;
     issue.project = data.project;

app/assets/javascripts/boards/services/board_service.js

@@ -19,7 +19,9 @@ export default class BoardService {
   }
 
   static generateIssuePath(boardId, id) {
-    return `${gon.relative_url_root}/-/boards/${boardId ? `${boardId}` : ''}/issues${id ? `/${id}` : ''}`;
+    return `${gon.relative_url_root}/-/boards/${boardId ? `${boardId}` : ''}/issues${
+      id ? `/${id}` : ''
+    }`;
   }
 
   all() {
@@ -54,7 +56,9 @@ export default class BoardService {
 
   getIssuesForList(id, filter = {}) {
     const data = { id };
-    Object.keys(filter).forEach((key) => { data[key] = filter[key]; });
+    Object.keys(filter).forEach(key => {
+      data[key] = filter[key];
+    });
 
     return axios.get(mergeUrlParams(data, this.generateIssuesPath(id)));
   }
@@ -75,7 +79,9 @@ export default class BoardService {
   }
 
   getBacklog(data) {
-    return axios.get(mergeUrlParams(data, `${gon.relative_url_root}/-/boards/${this.boardId}/issues.json`));
+    return axios.get(
+      mergeUrlParams(data, `${gon.relative_url_root}/-/boards/${this.boardId}/issues.json`),
+    );
   }
 
   bulkUpdate(issueIds, extraData = {}) {

app/assets/javascripts/boards/stores/boards_store.js

@@ -27,7 +27,7 @@ const boardsStore = {
     issue: {},
     list: {},
   },
-  create () {
+  create() {
     this.state.lists = [];
     this.filter.path = getUrlParamsArray().join('&');
     this.detail = {
@@ -45,13 +45,13 @@ const boardsStore = {
     this.state.reload = false;
     this.state.currentPage = page;
   },
-  addList (listObj, defaultAvatar) {
+  addList(listObj, defaultAvatar) {
     const list = new List(listObj, defaultAvatar);
     this.state.lists.push(list);
 
     return list;
   },
-  new (listObj) {
+  new(listObj) {
     const list = this.addList(listObj);
     const backlogList = this.findList('type', 'backlog', 'backlog');
 
@@ -68,44 +68,44 @@ const boardsStore = {
       });
     this.removeBlankState();
   },
-  updateNewListDropdown (listId) {
+  updateNewListDropdown(listId) {
     $(`.js-board-list-${listId}`).removeClass('is-active');
   },
-  shouldAddBlankState () {
+  shouldAddBlankState() {
     // Decide whether to add the blank state
-    return !(this.state.lists.filter(list => list.type !== 'backlog' && list.type !== 'closed')[0]);
+    return !this.state.lists.filter(list => list.type !== 'backlog' && list.type !== 'closed')[0];
   },
-  addBlankState () {
+  addBlankState() {
     if (!this.shouldAddBlankState() || this.welcomeIsHidden() || this.disabled) return;
 
     this.addList({
       id: 'blank',
       list_type: 'blank',
       title: 'Welcome to your Issue Board!',
-      position: 0
+      position: 0,
     });
 
     this.state.lists = _.sortBy(this.state.lists, 'position');
   },
-  removeBlankState () {
+  removeBlankState() {
     this.removeList('blank');
 
     Cookies.set('issue_board_welcome_hidden', 'true', {
       expires: 365 * 10,
-      path: ''
+      path: '',
     });
   },
-  welcomeIsHidden () {
+  welcomeIsHidden() {
     return Cookies.get('issue_board_welcome_hidden') === 'true';
   },
-  removeList (id, type = 'blank') {
+  removeList(id, type = 'blank') {
     const list = this.findList('id', id, type);
 
     if (!list) return;
 
     this.state.lists = this.state.lists.filter(list => list.id !== id);
   },
-  moveList (listFrom, orderLists) {
+  moveList(listFrom, orderLists) {
     orderLists.forEach((id, i) => {
       const list = this.findList('id', parseInt(id, 10));
 
@@ -113,21 +113,24 @@ const boardsStore = {
     });
     listFrom.update();
   },
-  moveIssueToList (listFrom, listTo, issue, newIndex) {
+  moveIssueToList(listFrom, listTo, issue, newIndex) {
     const issueTo = listTo.findIssue(issue.id);
     const issueLists = issue.getLists();
     const listLabels = issueLists.map(listIssue => listIssue.label);
 
     if (!issueTo) {
       // Check if target list assignee is already present in this issue
-      if ((listTo.type === 'assignee' && listFrom.type === 'assignee') &&
-        issue.findAssignee(listTo.assignee)) {
+      if (
+        listTo.type === 'assignee' &&
+        listFrom.type === 'assignee' &&
+        issue.findAssignee(listTo.assignee)
+      ) {
         const targetIssue = listTo.findIssue(issue.id);
         targetIssue.removeAssignee(listFrom.assignee);
       } else if (listTo.type === 'milestone') {
         const currentMilestone = issue.milestone;
         const currentLists = this.state.lists
-            .filter(list => (list.type === 'milestone' && list.id !== listTo.id))
+          .filter(list => list.type === 'milestone' && list.id !== listTo.id)
           .filter(list => list.issues.some(listIssue => issue.id === listIssue.id));
 
         issue.removeMilestone(currentMilestone);
@@ -144,7 +147,7 @@ const boardsStore = {
     }
 
     if (listTo.type === 'closed' && listFrom.type !== 'backlog') {
-      issueLists.forEach((list) => {
+      issueLists.forEach(list => {
         list.removeIssue(issue);
       });
       issue.removeLabels(listLabels);
@@ -162,26 +165,28 @@ const boardsStore = {
     return (
       (listTo.type !== 'label' && listFrom.type === 'assignee') ||
       (listTo.type !== 'assignee' && listFrom.type === 'label') ||
-      (listFrom.type === 'backlog')
+      listFrom.type === 'backlog'
     );
   },
-  moveIssueInList (list, issue, oldIndex, newIndex, idArray) {
+  moveIssueInList(list, issue, oldIndex, newIndex, idArray) {
     const beforeId = parseInt(idArray[newIndex - 1], 10) || null;
     const afterId = parseInt(idArray[newIndex + 1], 10) || null;
 
     list.moveIssue(issue, oldIndex, newIndex, beforeId, afterId);
   },
-  findList (key, val, type = 'label') {
-    const filteredList = this.state.lists.filter((list) => {
-      const byType = type ? (list.type === type) || (list.type === 'assignee') || (list.type === 'milestone') : true;
+  findList(key, val, type = 'label') {
+    const filteredList = this.state.lists.filter(list => {
+      const byType = type
+        ? list.type === type || list.type === 'assignee' || list.type === 'milestone'
+        : true;
 
       return list[key] === val && byType;
     });
     return filteredList[0];
   },
-  updateFiltersUrl () {
+  updateFiltersUrl() {
     window.history.pushState(null, null, `?${this.filter.path}`);
-  }
+  },
 };
 
 BoardsStoreEE.initEESpecific(boardsStore);

app/assets/javascripts/boards/stores/modal_store.js

@@ -40,7 +40,7 @@ class ModalStore {
   toggleAll() {
     const select = this.selectedCount() !== this.store.issues.length;
 
-    this.store.issues.forEach((issue) => {
+    this.store.issues.forEach(issue => {
       const issueUpdate = issue;
 
       if (issueUpdate.selected !== select) {
@@ -69,13 +69,14 @@ class ModalStore {
 
   removeSelectedIssue(issue, forcePurge = false) {
     if (this.store.activeTab === 'all' || forcePurge) {
-      this.store.selectedIssues = this.store.selectedIssues
-        .filter(fIssue => fIssue.id !== issue.id);
+      this.store.selectedIssues = this.store.selectedIssues.filter(
+        fIssue => fIssue.id !== issue.id,
+      );
     }
   }
 
   purgeUnselectedIssues() {
-    this.store.selectedIssues.forEach((issue) => {
+    this.store.selectedIssues.forEach(issue => {
       if (!issue.selected) {
         this.removeSelectedIssue(issue, true);
       }
@@ -87,8 +88,7 @@ class ModalStore {
   }
 
   findSelectedIssue(issue) {
-    return this.store.selectedIssues
-      .filter(filteredIssue => filteredIssue.id === issue.id)[0];
+    return this.store.selectedIssues.filter(filteredIssue => filteredIssue.id === issue.id)[0];
   }
 }
 

app/assets/javascripts/commons/gitlab_ui.js

 import Vue from 'vue';
-import {
-  GlProgressBar,
-  GlLoadingIcon,
-  GlTooltipDirective,
-} from '@gitlab-org/gitlab-ui';
+import { GlProgressBar, GlLoadingIcon, GlTooltipDirective } from '@gitlab-org/gitlab-ui';
 
 Vue.component('gl-progress-bar', GlProgressBar);
 Vue.component('gl-loading-icon', GlLoadingIcon);

app/assets/javascripts/diffs/components/tree_list.vue

@@ -18,8 +18,8 @@ export default {
   },
   data() {
     const treeListStored = localStorage.getItem(treeListStorageKey);
-    const renderTreeList = treeListStored !== null ?
-      convertPermissionToBoolean(treeListStored) : true;
+    const renderTreeList =
+      treeListStored !== null ? convertPermissionToBoolean(treeListStored) : true;
 
     return {
       search: '',

app/assets/javascripts/environments/components/environments_app.vue

 <script>
-  import Flash from '../../flash';
-  import { s__ } from '../../locale';
-  import emptyState from './empty_state.vue';
-  import eventHub from '../event_hub';
-  import environmentsMixin from '../mixins/environments_mixin';
-  import CIPaginationMixin from '../../vue_shared/mixins/ci_pagination_api_mixin';
-  import StopEnvironmentModal from './stop_environment_modal.vue';
+import Flash from '../../flash';
+import { s__ } from '../../locale';
+import emptyState from './empty_state.vue';
+import eventHub from '../event_hub';
+import environmentsMixin from '../mixins/environments_mixin';
+import CIPaginationMixin from '../../vue_shared/mixins/ci_pagination_api_mixin';
+import StopEnvironmentModal from './stop_environment_modal.vue';
 
-  export default {
+export default {
   components: {
     emptyState,
     StopEnvironmentModal,
   },
 
-    mixins: [
-      CIPaginationMixin,
-      environmentsMixin,
-    ],
+  mixins: [CIPaginationMixin, environmentsMixin],
 
   props: {
     endpoint: {
@@ -79,7 +76,8 @@
     fetchChildEnvironments(folder, showLoader = false) {
       this.store.updateEnvironmentProp(folder, 'isLoadingFolderContent', showLoader);
 
-        this.service.getFolderContent(folder.folder_path)
+      this.service
+        .getFolderContent(folder.folder_path)
         .then(response => this.store.setfolderContent(folder, response.data.environments))
         .then(() => this.store.updateEnvironmentProp(folder, 'isLoadingFolderContent', false))
         .catch(() => {
@@ -98,7 +96,7 @@
       }
     },
   },
-  };
+};
 </script>
 <template>
   <div :class="cssContainerClass">

app/assets/javascripts/environments/stores/environments_store.js

@@ -42,9 +42,9 @@ export default class EnvironmentsStore {
    * @returns {Array}
    */
   storeEnvironments(environments = []) {
-    const filteredEnvironments = environments.map((env) => {
-      const oldEnvironmentState = this.state.environments
-        .find((element) => {
+    const filteredEnvironments = environments.map(env => {
+      const oldEnvironmentState =
+        this.state.environments.find(element => {
           if (env.latest) {
             return element.id === env.latest.id;
           }
@@ -73,10 +73,12 @@ export default class EnvironmentsStore {
       if (filtered.size === 1 && filtered.rollout_status) {
         filtered = Object.assign({}, filtered, {
           hasDeployBoard: true,
-          isDeployBoardVisible: oldEnvironmentState.isDeployBoardVisible === false ?
-            oldEnvironmentState.isDeployBoardVisible :
-            true,
-          deployBoardData: filtered.rollout_status.status === 'found' ? filtered.rollout_status : {},
+          isDeployBoardVisible:
+            oldEnvironmentState.isDeployBoardVisible === false
+              ? oldEnvironmentState.isDeployBoardVisible
+              : true,
+          deployBoardData:
+            filtered.rollout_status.status === 'found' ? filtered.rollout_status : {},
           isLoadingDeployBoard: filtered.rollout_status.status === 'loading',
           isEmptyDeployBoard: filtered.rollout_status.status === 'not_found',
         });
@@ -133,7 +135,7 @@ export default class EnvironmentsStore {
     return count;
   }
 
-  /*
+  /**
    * Toggles folder open property for the given folder.
    *
    * @param  {Object} folder
@@ -152,7 +154,7 @@ export default class EnvironmentsStore {
    * @return {Object}
    */
   setfolderContent(folder, environments) {
-    const updatedEnvironments = environments.map((env) => {
+    const updatedEnvironments = environments.map(env => {
       let updated = env;
 
       if (env.latest) {
@@ -181,7 +183,7 @@ export default class EnvironmentsStore {
   updateEnvironmentProp(environment, prop, newValue) {
     const { environments } = this.state;
 
-    const updatedEnvironments = environments.map((env) => {
+    const updatedEnvironments = environments.map(env => {
       const updateEnv = Object.assign({}, env);
       if (env.id === environment.id) {
         updateEnv[prop] = newValue;
@@ -208,7 +210,7 @@ export default class EnvironmentsStore {
   toggleDeployBoard(environmentID) {
     const environments = this.state.environments.slice();
 
-    this.state.environments = environments.map((env) => {
+    this.state.environments = environments.map(env => {
       let updated = Object.assign({}, env);
 
       if (env.id === environmentID) {

app/assets/javascripts/filtered_search/dropdown_user.js

@@ -40,8 +40,9 @@ export default class DropdownUser extends FilteredSearchDropdown {
   }
 
   itemClicked(e) {
-    super.itemClicked(e,
-      selected => selected.querySelector('.dropdown-light-content').innerText.trim());
+    super.itemClicked(e, selected =>
+      selected.querySelector('.dropdown-light-content').innerText.trim(),
+    );
   }
 
   renderContent(forceShowList = false) {
@@ -82,7 +83,7 @@ export default class DropdownUser extends FilteredSearchDropdown {
 
     // Removes the first character if it is a quotation so that we can search
     // with multiple words
-    if (value[0] === '"' || value[0] === '\'') {
+    if (value[0] === '"' || value[0] === "'") {
       value = value.slice(1);
     }
 

app/assets/javascripts/filtered_search/filtered_search_dropdown_manager.js

@@ -156,10 +156,7 @@ export default class FilteredSearchDropdownManager {
   }
 
   static addWordToInput(tokenName, tokenValue = '', clicked = false, options = {}) {
-    const {
-      uppercaseTokenName = false,
-      capitalizeTokenValue = false,
-    } = options;
+    const { uppercaseTokenName = false, capitalizeTokenValue = false } = options;
     const input = FilteredSearchContainer.container.querySelector('.filtered-search');
     FilteredSearchVisualTokens.addFilterVisualToken(tokenName, tokenValue, {
       uppercaseTokenName,

app/assets/javascripts/flash.js

@@ -40,7 +40,9 @@ const createFlashEl = (message, type, isFixedLayout = false) => `
     class="flash-${type}"
   >
     <div
-      class="flash-text ${isFixedLayout ? 'container-fluid container-limited limit-container-width' : ''}"
+      class="flash-text ${
+        isFixedLayout ? 'container-fluid container-limited limit-container-width' : ''
+      }"
     >
       ${_.escape(message)}
     </div>
@@ -78,7 +80,9 @@ const createFlash = function createFlash(
 
   if (!flashContainer) return null;
 
-  const isFixedLayout = navigation ? navigation.parentNode.classList.contains('container-limited') : true;
+  const isFixedLayout = navigation
+    ? navigation.parentNode.classList.contains('container-limited')
+    : true;
 
   flashContainer.innerHTML = createFlashEl(message, type, isFixedLayout);
 

app/assets/javascripts/gfm_auto_complete.js

@@ -101,7 +101,7 @@ class GfmAutoComplete {
         ...this.getDefaultCallbacks(),
         beforeSave(commands) {
           if (GfmAutoComplete.isLoading(commands)) return commands;
-          return $.map(commands, (c) => {
+          return $.map(commands, c => {
             let search = c.name;
             if (c.aliases.length > 0) {
               search = `${search} ${c.aliases.join(' ')}`;
@@ -174,7 +174,7 @@ class GfmAutoComplete {
       callbacks: {
         ...this.getDefaultCallbacks(),
         beforeSave(members) {
-          return $.map(members, (m) => {
+          return $.map(members, m => {
             let title = '';
             if (m.username == null) {
               return m;
@@ -185,7 +185,9 @@ class GfmAutoComplete {
             }
 
             const autoCompleteAvatar = m.avatar_url || m.username.charAt(0).toUpperCase();
-            const imgAvatar = `<img src="${m.avatar_url}" alt="${m.username}" class="avatar avatar-inline center s26"/>`;
+            const imgAvatar = `<img src="${m.avatar_url}" alt="${
+              m.username
+            }" class="avatar avatar-inline center s26"/>`;
             const txtAvatar = `<div class="avatar center avatar-inline s26">${autoCompleteAvatar}</div>`;
 
             return {
@@ -218,7 +220,7 @@ class GfmAutoComplete {
       callbacks: {
         ...this.getDefaultCallbacks(),
         beforeSave(issues) {
-          return $.map(issues, (i) => {
+          return $.map(issues, i => {
             if (i.title == null) {
               return i;
             }
@@ -251,7 +253,7 @@ class GfmAutoComplete {
       callbacks: {
         ...this.getDefaultCallbacks(),
         beforeSave(milestones) {
-          return $.map(milestones, (m) => {
+          return $.map(milestones, m => {
             if (m.title == null) {
               return m;
             }
@@ -284,7 +286,7 @@ class GfmAutoComplete {
       callbacks: {
         ...this.getDefaultCallbacks(),
         beforeSave(merges) {
-          return $.map(merges, (m) => {
+          return $.map(merges, m => {
             if (m.title == null) {
               return m;
             }
@@ -331,13 +333,20 @@ class GfmAutoComplete {
         },
         matcher(flag, subtext) {
           const match = GfmAutoComplete.defaultMatcher(flag, subtext, this.app.controllers);
-          const subtextNodes = subtext.split(/\n+/g).pop().split(GfmAutoComplete.regexSubtext);
+          const subtextNodes = subtext
+            .split(/\n+/g)
+            .pop()
+            .split(GfmAutoComplete.regexSubtext);
 
           // Check if ~ is followed by '/label', '/relabel' or '/unlabel' commands.
-          command = subtextNodes.find((node) => {
-            if (node === LABEL_COMMAND.LABEL ||
+          command = subtextNodes.find(node => {
+            if (
+              node === LABEL_COMMAND.LABEL ||
               node === LABEL_COMMAND.RELABEL ||
-                node === LABEL_COMMAND.UNLABEL) { return node; }
+              node === LABEL_COMMAND.UNLABEL
+            ) {
+              return node;
+            }
             return null;
           });
 
@@ -387,7 +396,7 @@ class GfmAutoComplete {
       callbacks: {
         ...this.getDefaultCallbacks(),
         beforeSave(snippets) {
-          return $.map(snippets, (m) => {
+          return $.map(snippets, m => {
             if (m.title == null) {
               return m;
             }
@@ -465,13 +474,17 @@ class GfmAutoComplete {
           this.loadData($input, at, validEmojiNames);
           GfmAutoComplete.glEmojiTag = glEmojiTag;
         })
-        .catch(() => { this.isLoadingData[at] = false; });
+        .catch(() => {
+          this.isLoadingData[at] = false;
+        });
     } else if (dataSource) {
       AjaxCache.retrieve(dataSource, true)
-        .then((data) => {
+        .then(data => {
           this.loadData($input, at, data);
         })
-        .catch(() => { this.isLoadingData[at] = false; });
+        .catch(() => {
+          this.isLoadingData[at] = false;
+        });
     } else {
       this.isLoadingData[at] = false;
     }
@@ -504,15 +517,16 @@ class GfmAutoComplete {
     }
 
     const loadingState = GfmAutoComplete.defaultLoadingData[0];
-    return dataToInspect &&
-      (dataToInspect === loadingState || dataToInspect.name === loadingState);
+    return dataToInspect && (dataToInspect === loadingState || dataToInspect.name === loadingState);
   }
 
   static defaultMatcher(flag, subtext, controllers) {
     // The below is taken from At.js source
     // Tweaked to commands to start without a space only if char before is a non-word character
     // https://github.com/ichord/At.js
-    const atSymbolsWithBar = Object.keys(controllers).join('|').replace(/[$]/, '\\$&');
+    const atSymbolsWithBar = Object.keys(controllers)
+      .join('|')
+      .replace(/[$]/, '\\$&');
     const atSymbolsWithoutBar = Object.keys(controllers).join('');
     const targetSubtext = subtext.split(GfmAutoComplete.regexSubtext).pop();
     const resultantFlag = flag.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&');
@@ -520,7 +534,10 @@ class GfmAutoComplete {
     const accentAChar = decodeURI('%C3%80');
     const accentYChar = decodeURI('%C3%BF');
 
-    const regexp = new RegExp(`^(?:\\B|[^a-zA-Z0-9_\`${atSymbolsWithoutBar}]|\\s)${resultantFlag}(?!${atSymbolsWithBar})((?:[A-Za-z${accentAChar}-${accentYChar}0-9_'.+-]|[^\\x00-\\x7a])*)$`, 'gi');
+    const regexp = new RegExp(
+      `^(?:\\B|[^a-zA-Z0-9_\`${atSymbolsWithoutBar}]|\\s)${resultantFlag}(?!${atSymbolsWithBar})((?:[A-Za-z${accentAChar}-${accentYChar}0-9_'.+-]|[^\\x00-\\x7a])*)$`,
+      'gi',
+    );
 
     return regexp.exec(targetSubtext);
   }
@@ -559,8 +576,9 @@ GfmAutoComplete.Members = {
   template: '<li>${avatarTag} ${username} <small>${title}</small></li>',
 };
 GfmAutoComplete.Labels = {
+  template:
     // eslint-disable-next-line no-template-curly-in-string
-  template: '<li><span class="dropdown-label-box" style="background: ${color}"></span> ${title}</li>',
+    '<li><span class="dropdown-label-box" style="background: ${color}"></span> ${title}</li>',
 };
 // Issues, MergeRequests and Snippets
 GfmAutoComplete.Issues = {
@@ -574,7 +592,8 @@ GfmAutoComplete.Milestones = {
   template: '<li>${title}</li>',
 };
 GfmAutoComplete.Loading = {
-  template: '<li style="pointer-events: none;"><i class="fa fa-spinner fa-spin"></i> Loading...</li>',
+  template:
+    '<li style="pointer-events: none;"><i class="fa fa-spinner fa-spin"></i> Loading...</li>',
 };
 
 export default GfmAutoComplete;

app/assets/javascripts/jobs/components/job_app.vue

 <script>
-  import _ from 'underscore';
-  import { mapGetters, mapState, mapActions } from 'vuex';
-  import { isScrolledToBottom } from '~/lib/utils/scroll_utils';
-  import bp from '~/breakpoints';
-  import CiHeader from '~/vue_shared/components/header_ci_component.vue';
-  import Callout from '~/vue_shared/components/callout.vue';
-  // ee-only start
-  import SharedRunner from 'ee/jobs/components/shared_runner_limit_block.vue';
-  // ee-only end
-  import createStore from '../store';
-  import EmptyState from './empty_state.vue';
-  import EnvironmentsBlock from './environments_block.vue';
-  import ErasedBlock from './erased_block.vue';
-  import Log from './job_log.vue';
-  import LogTopBar from './job_log_controllers.vue';
-  import StuckBlock from './stuck_block.vue';
-  import Sidebar from './sidebar.vue';
+import _ from 'underscore';
+import { mapGetters, mapState, mapActions } from 'vuex';
+import { isScrolledToBottom } from '~/lib/utils/scroll_utils';
+import bp from '~/breakpoints';
+import CiHeader from '~/vue_shared/components/header_ci_component.vue';
+import Callout from '~/vue_shared/components/callout.vue';
+// ee-only start
+import SharedRunner from 'ee/jobs/components/shared_runner_limit_block.vue';
+// ee-only end
+import createStore from '../store';
+import EmptyState from './empty_state.vue';
+import EnvironmentsBlock from './environments_block.vue';
+import ErasedBlock from './erased_block.vue';
+import Log from './job_log.vue';
+import LogTopBar from './job_log_controllers.vue';
+import StuckBlock from './stuck_block.vue';
+import Sidebar from './sidebar.vue';
 
-  export default {
+export default {
   name: 'JobPageApp',
   store: createStore(),
   components: {
@@ -91,7 +91,7 @@
 
     shouldRenderContent() {
       return !this.isLoading && !this.hasError;
-      }
+    },
   },
   watch: {
     // Once the job log is loaded,
@@ -163,7 +163,7 @@
       this.throttled();
     },
   },
-  };
+};
 </script>
 <template>
   <div>

app/assets/javascripts/jobs/components/job_log.vue

 <script>
-  import { mapState, mapActions } from 'vuex';
+import { mapState, mapActions } from 'vuex';
 
-  export default {
+export default {
   name: 'JobLog',
   props: {
     trace: {
@@ -39,7 +39,7 @@
       }
     },
   },
-  };
+};
 </script>
 <template>
   <pre class="js-build-trace build-trace qa-build-trace">

app/assets/javascripts/jobs/index.js

@@ -23,4 +23,3 @@ export default () => {
     },
   });
 };
-

app/assets/javascripts/jobs/store/getters.js

@@ -35,12 +35,14 @@ export const hasEnvironment = state => !_.isEmpty(state.job.deployment_status);
  * Used to check if it should render the job log or the empty state
  * @returns {Boolean}
  */
-export const hasTrace = state => state.job.has_trace || (!_.isEmpty(state.job.status) && state.job.status.group === 'running');
+export const hasTrace = state =>
+  state.job.has_trace || (!_.isEmpty(state.job.status) && state.job.status.group === 'running');
 
 export const emptyStateIllustration = state =>
   (state.job && state.job.status && state.job.status.illustration) || {};
 
-export const emptyStateAction = state =>  (state.job && state.job.status && state.job.status.action) || {};
+export const emptyStateAction = state =>
+  (state.job && state.job.status && state.job.status.action) || {};
 
 // ee-only start
 /**
@@ -57,7 +59,8 @@ export const shouldRenderSharedRunnerLimitWarning = state =>
 
 export const isScrollingDown = state => isScrolledToBottom() && !state.isTraceComplete;
 
-export const hasRunnersForProject = state => state.job.runners.available && !state.job.runners.online;
+export const hasRunnersForProject = state =>
+  state.job.runners.available && !state.job.runners.online;
 
 // prevent babel-plugin-rewire from generating an invalid default during karma tests
 export default () => {};

app/assets/javascripts/lib/utils/ace_utils.js

 /* global ace */
 
 export default function getModeByFileExtension(path) {
-  const modelist = ace.require("ace/ext/modelist");
+  const modelist = ace.require('ace/ext/modelist');
   return modelist.getModeForPath(path).mode;
-};
+}

app/assets/javascripts/members.js

@@ -10,11 +10,21 @@ export default class Members {
   }
 
   addListeners() {
-    $('.js-ldap-permissions').off('click').on('click', this.showLDAPPermissionsWarning.bind(this));
-    $('.js-ldap-override').off('click').on('click', this.toggleMemberAccessToggle.bind(this));
-    $('.project_member, .group_member').off('ajax:success').on('ajax:success', this.removeRow);
-    $('.js-member-update-control').off('change').on('change', this.formSubmit.bind(this));
-    $('.js-edit-member-form').off('ajax:success').on('ajax:success', this.formSuccess.bind(this));
+    $('.js-ldap-permissions')
+      .off('click')
+      .on('click', this.showLDAPPermissionsWarning.bind(this));
+    $('.js-ldap-override')
+      .off('click')
+      .on('click', this.toggleMemberAccessToggle.bind(this));
+    $('.project_member, .group_member')
+      .off('ajax:success')
+      .on('ajax:success', this.removeRow);
+    $('.js-member-update-control')
+      .off('change')
+      .on('change', this.formSubmit.bind(this));
+    $('.js-edit-member-form')
+      .off('ajax:success')
+      .on('ajax:success', this.formSuccess.bind(this));
     gl.utils.disableButtonIfEmptyField('#user_ids', 'input[name=commit]', 'change');
   }
 
@@ -42,7 +52,7 @@ export default class Members {
 
           return $el.text();
         },
-        clicked: (options) => {
+        clicked: options => {
           const $link = options.$el;
 
           if (!$link.data('revert')) {
@@ -53,8 +63,7 @@ export default class Members {
             $toggle.disable();
             $dateInput.disable();
 
-            this.overrideLdap($memberListItem, $link.data('endpoint'), false)
-              .catch(() => {
+            this.overrideLdap($memberListItem, $link.data('endpoint'), false).catch(() => {
               $toggle.enable();
               $dateInput.enable();
             });
@@ -88,6 +97,7 @@ export default class Members {
 
     $ldapPermissionsElement.toggle();
   }
+
   // eslint-disable-next-line class-methods-use-this
   getMemberListItems($el) {
     const $memberListItem = $el.is('.member') ? $el : $(`#${$el.data('elId')}`);
@@ -111,19 +121,25 @@ export default class Members {
         $toggle.enable();
         $dateInput.enable();
       })
-      .catch((xhr) => {
+      .catch(xhr => {
         $btn.enable();
 
         if (xhr.status === 403) {
-          Flash(__('You do not have the correct permissions to override the settings from the LDAP group sync.'));
+          Flash(
+            __(
+              'You do not have the correct permissions to override the settings from the LDAP group sync.',
+            ),
+          );
         } else {
           Flash(__('An error occurred while saving LDAP override status. Please try again.'));
         }
       });
   }
+
   // eslint-disable-next-line class-methods-use-this
   overrideLdap($memberListitem, endpoint, override) {
-    return axios.patch(endpoint, {
+    return axios
+      .patch(endpoint, {
         group_member: {
           override,
         },

app/assets/javascripts/milestone_select.js

@@ -9,7 +9,10 @@ import '~/gl_dropdown';
 import axios from './lib/utils/axios_utils';
 import { timeFor } from './lib/utils/datetime_utility';
 import ModalStore from './boards/stores/modal_store';
-import boardsStore, { boardStoreIssueSet, boardStoreIssueDelete } from './boards/stores/boards_store';
+import boardsStore, {
+  boardStoreIssueSet,
+  boardStoreIssueDelete,
+} from './boards/stores/boards_store';
 
 export default class MilestoneSelect {
   constructor(currentProject, els, options = {}) {

app/assets/javascripts/monitoring/components/dashboard.vue

@@ -152,10 +152,14 @@ export default {
       this.state = 'gettingStarted';
     } else {
       if (this.showEnvironmentDropdown) {
-        this.servicePromises.push(this.service
+        this.servicePromises.push(
+          this.service
             .getEnvironmentsData()
-        .then((data) => this.store.storeEnvironmentsData(data))
-        .catch(() => Flash(s__('Metrics|There was an error getting environments information.'))));
+            .then(data => this.store.storeEnvironmentsData(data))
+            .catch(() =>
+              Flash(s__('Metrics|There was an error getting environments information.')),
+            ),
+        );
       }
       this.getGraphsData();
       window.addEventListener('resize', this.resizeThrottled, false);

app/assets/javascripts/notes/components/notes_app.vue

@@ -54,7 +54,13 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(['isNotesFetched', 'discussions', 'getNotesDataByProp', 'discussionCount', 'isLoading']),
+    ...mapGetters([
+      'isNotesFetched',
+      'discussions',
+      'getNotesDataByProp',
+      'discussionCount',
+      'isLoading',
+    ]),
     noteableType() {
       return this.noteableData.noteableType;
     },

app/assets/javascripts/notes/discussion_filters.js

 import Vue from 'vue';
 import DiscussionFilter from './components/discussion_filter.vue';
 
-export default (store) => {
+export default store => {
   const discussionFilterEl = document.getElementById('js-vue-discussion-filter');
 
   if (discussionFilterEl) {
     const { defaultFilter, notesFilters } = discussionFilterEl.dataset;
     const defaultValue = defaultFilter ? parseInt(defaultFilter, 10) : null;
     const filterValues = notesFilters ? JSON.parse(notesFilters) : {};
-    const filters = Object.keys(filterValues).map(entry =>
-      ({ title: entry, value: filterValues[entry] }));
+    const filters = Object.keys(filterValues).map(entry => ({
+      title: entry,
+      value: filterValues[entry],
+    }));
 
     return new Vue({
       el: discussionFilterEl,

app/assets/javascripts/pages/milestones/shared/components/promote_milestone_modal.vue

@@ -95,4 +95,3 @@ export default {
     </div>
   </gl-modal>
 </template>
-

app/assets/javascripts/pages/projects/project.js

@@ -76,7 +76,9 @@ export default class Project {
       const projectId = $(this).data('project-id');
       const cookieKey = `hide_auto_devops_implicitly_enabled_banner_${projectId}`;
       Cookies.set(cookieKey, 'false');
-      $(this).parents('.auto-devops-implicitly-enabled-banner').remove();
+      $(this)
+        .parents('.auto-devops-implicitly-enabled-banner')
+        .remove();
       return e.preventDefault();
     });
     Project.projectSelectDropdown();

app/assets/javascripts/pages/projects/shared/permissions/components/settings_panel.vue

 <script>
-  import projectFeatureSetting from './project_feature_setting.vue';
-  import projectFeatureToggle from '../../../../../vue_shared/components/toggle_button.vue';
-  import projectSettingRow from './project_setting_row.vue';
-  import { visibilityOptions, visibilityLevelDescriptions } from '../constants';
-  import { toggleHiddenClassBySelector } from '../external';
+import projectFeatureSetting from './project_feature_setting.vue';
+import projectFeatureToggle from '../../../../../vue_shared/components/toggle_button.vue';
+import projectSettingRow from './project_setting_row.vue';
+import { visibilityOptions, visibilityLevelDescriptions } from '../constants';
+import { toggleHiddenClassBySelector } from '../external';
 
-  export default {
+export default {
   components: {
     projectFeatureSetting,
     projectFeatureToggle,
@@ -102,9 +102,7 @@
 
   computed: {
     featureAccessLevelOptions() {
-        const options = [
-          [10, 'Only Project Members'],
-        ];
+      const options = [[10, 'Only Project Members']];
       if (this.visibilityLevel !== visibilityOptions.PRIVATE) {
         options.push([20, 'Everyone With Access']);
       }
@@ -209,7 +207,7 @@
       return this.allowedVisibilityOptions.includes(option);
     },
   },
-  };
+};
 </script>
 
 <template>

app/assets/javascripts/projects/project_new.js

@@ -4,8 +4,10 @@ import { slugifyWithHyphens } from '../lib/utils/text_utility';
 
 let hasUserDefinedProjectPath = false;
 
-const deriveProjectPathFromUrl = ($projectImportUrl) => {
-  const $currentProjectPath = $projectImportUrl.parents('.toggle-import-form').find('#project_path');
+const deriveProjectPathFromUrl = $projectImportUrl => {
+  const $currentProjectPath = $projectImportUrl
+    .parents('.toggle-import-form')
+    .find('#project_path');
   if (hasUserDefinedProjectPath) {
     return;
   }
@@ -52,9 +54,11 @@ const bindEvents = () => {
     return;
   }
 
-  $('.how_to_import_link').on('click', (e) => {
+  $('.how_to_import_link').on('click', e => {
     e.preventDefault();
-    $(e.currentTarget).next('.modal').show();
+    $(e.currentTarget)
+      .next('.modal')
+      .show();
   });
 
   $('.modal-header .close').on('click', () => {
@@ -63,15 +67,21 @@ const bindEvents = () => {
 
   $('.btn_import_gitlab_project').on('click', () => {
     const importHref = $('a.btn_import_gitlab_project').attr('href');
-    $('.btn_import_gitlab_project')
-      .attr('href', `${importHref}?namespace_id=${$('#project_namespace_id').val()}&name=${$projectName.val()}&path=${$projectPath.val()}`);
+    $('.btn_import_gitlab_project').attr(
+      'href',
+      `${importHref}?namespace_id=${$(
+        '#project_namespace_id',
+      ).val()}&name=${$projectName.val()}&path=${$projectPath.val()}`,
+    );
   });
 
   if ($pushNewProjectTipTrigger) {
     $pushNewProjectTipTrigger
       .removeAttr('rel')
       .removeAttr('target')
-      .on('click', (e) => { e.preventDefault(); })
+      .on('click', e => {
+        e.preventDefault();
+      })
       .popover({
         title: $pushNewProjectTipTrigger.data('title'),
         placement: 'bottom',
@@ -79,13 +89,15 @@ const bindEvents = () => {
         content: $('.push-new-project-tip-template').html(),
       })
       .on('shown.bs.popover', () => {
-        $(document).on('click.popover touchstart.popover', (event) => {
+        $(document).on('click.popover touchstart.popover', event => {
           if ($(event.target).closest('.popover').length === 0) {
             $pushNewProjectTipTrigger.trigger('click');
           }
         });
 
-        const target = $(`#${$pushNewProjectTipTrigger.attr('aria-describedby')}`).find('.js-select-on-focus');
+        const target = $(`#${$pushNewProjectTipTrigger.attr('aria-describedby')}`).find(
+          '.js-select-on-focus',
+        );
         addSelectOnFocusBehaviour(target);
 
         target.focus();
@@ -117,13 +129,15 @@ const bindEvents = () => {
 
     const selectedTemplate = templates[value];
     $selectedTemplateText.text(selectedTemplate.text);
-    $(selectedTemplate.icon).clone().addClass('d-block').appendTo($selectedIcon);
+    $(selectedTemplate.icon)
+      .clone()
+      .addClass('d-block')
+      .appendTo($selectedIcon);
 
     const $activeTabProjectName = $('.tab-pane.active #project_name');
     const $activeTabProjectPath = $('.tab-pane.active #project_path');
     $activeTabProjectName.focus();
-    $activeTabProjectName
-      .keyup(() => {
+    $activeTabProjectName.keyup(() => {
       onProjectNameChange($activeTabProjectName, $activeTabProjectPath);
       hasUserDefinedProjectPath = $activeTabProjectPath.val().trim().length > 0;
     });

app/assets/javascripts/right_sidebar.js

@@ -21,7 +21,7 @@ Sidebar.initialize = function(currentUser) {
   }
 };
 
-Sidebar.prototype.removeListeners = function () {
+Sidebar.prototype.removeListeners = function() {
   this.sidebar.off('click', '.sidebar-collapsed-icon');
   this.sidebar.off('hidden.gl.dropdown');
   $('.dropdown').off('loading.gl.dropdown');
@@ -38,10 +38,12 @@ Sidebar.prototype.addEventListeners = function() {
   $('.dropdown').on('loaded.gl.dropdown', this.sidebarDropdownLoaded);
 
   $document.on('click', '.js-sidebar-toggle', this.sidebarToggleClicked);
-  return $(document).off('click', '.js-issuable-todo').on('click', '.js-issuable-todo', this.toggleTodo);
+  return $(document)
+    .off('click', '.js-issuable-todo')
+    .on('click', '.js-issuable-todo', this.toggleTodo);
 };
 
-Sidebar.prototype.sidebarToggleClicked = function (e, triggered) {
+Sidebar.prototype.sidebarToggleClicked = function(e, triggered) {
   var $allGutterToggleIcons, $this, isExpanded, tooltipLabel;
   e.preventDefault();
   $this = $(this);
@@ -51,18 +53,26 @@ Sidebar.prototype.sidebarToggleClicked = function (e, triggered) {
 
   if (isExpanded) {
     $allGutterToggleIcons.removeClass('fa-angle-double-right').addClass('fa-angle-double-left');
-    $('aside.right-sidebar').removeClass('right-sidebar-expanded').addClass('right-sidebar-collapsed');
-    $('.layout-page').removeClass('right-sidebar-expanded').addClass('right-sidebar-collapsed');
+    $('aside.right-sidebar')
+      .removeClass('right-sidebar-expanded')
+      .addClass('right-sidebar-collapsed');
+    $('.layout-page')
+      .removeClass('right-sidebar-expanded')
+      .addClass('right-sidebar-collapsed');
   } else {
     $allGutterToggleIcons.removeClass('fa-angle-double-left').addClass('fa-angle-double-right');
-    $('aside.right-sidebar').removeClass('right-sidebar-collapsed').addClass('right-sidebar-expanded');
-    $('.layout-page').removeClass('right-sidebar-collapsed').addClass('right-sidebar-expanded');
+    $('aside.right-sidebar')
+      .removeClass('right-sidebar-collapsed')
+      .addClass('right-sidebar-expanded');
+    $('.layout-page')
+      .removeClass('right-sidebar-collapsed')
+      .addClass('right-sidebar-expanded');
   }
 
   $this.attr('data-original-title', tooltipLabel);
 
   if (!triggered) {
-    Cookies.set("collapsed_gutter", $('.right-sidebar').hasClass('right-sidebar-collapsed'));
+    Cookies.set('collapsed_gutter', $('.right-sidebar').hasClass('right-sidebar-collapsed'));
   }
 };
 
@@ -71,21 +81,27 @@ Sidebar.prototype.toggleTodo = function(e) {
   $this = $(e.currentTarget);
   ajaxType = $this.attr('data-delete-path') ? 'delete' : 'post';
   if ($this.attr('data-delete-path')) {
-    url = "" + ($this.attr('data-delete-path'));
+    url = '' + $this.attr('data-delete-path');
   } else {
-    url = "" + ($this.data('url'));
+    url = '' + $this.data('url');
   }
 
   $this.tooltip('hide');
 
-  $('.js-issuable-todo').disable().addClass('is-loading');
+  $('.js-issuable-todo')
+    .disable()
+    .addClass('is-loading');
 
   axios[ajaxType](url, {
     issuable_id: $this.data('issuableId'),
     issuable_type: $this.data('issuableType'),
-  }).then(({ data }) => {
+  })
+    .then(({ data }) => {
       this.todoUpdateDone(data);
-  }).catch(() => flash(`There was an error ${ajaxType === 'post' ? 'adding a' : 'deleting the'} todo.`));
+    })
+    .catch(() =>
+      flash(`There was an error ${ajaxType === 'post' ? 'adding a' : 'deleting the'} todo.`),
+    );
 };
 
 Sidebar.prototype.todoUpdateDone = function(data) {
@@ -99,7 +115,8 @@ Sidebar.prototype.todoUpdateDone = function(data) {
     const $el = $(el);
     const $elText = $el.find('.js-issuable-todo-inner');
 
-    $el.removeClass('is-loading')
+    $el
+      .removeClass('is-loading')
       .enable()
       .attr('aria-label', $el.data(`${attrPrefix}Text`))
       .attr('data-delete-path', deletePath)
@@ -119,7 +136,9 @@ Sidebar.prototype.todoUpdateDone = function(data) {
 
 Sidebar.prototype.sidebarDropdownLoading = function(e) {
   var $loading, $sidebarCollapsedIcon, i, img;
-  $sidebarCollapsedIcon = $(this).closest('.block').find('.sidebar-collapsed-icon');
+  $sidebarCollapsedIcon = $(this)
+    .closest('.block')
+    .find('.sidebar-collapsed-icon');
   img = $sidebarCollapsedIcon.find('img');
   i = $sidebarCollapsedIcon.find('i');
   $loading = $('<i class="fa fa-spinner fa-spin"></i>');
@@ -134,7 +153,9 @@ Sidebar.prototype.sidebarDropdownLoading = function(e) {
 
 Sidebar.prototype.sidebarDropdownLoaded = function(e) {
   var $sidebarCollapsedIcon, i, img;
-  $sidebarCollapsedIcon = $(this).closest('.block').find('.sidebar-collapsed-icon');
+  $sidebarCollapsedIcon = $(this)
+    .closest('.block')
+    .find('.sidebar-collapsed-icon');
   img = $sidebarCollapsedIcon.find('img');
   $sidebarCollapsedIcon.find('i.fa-spin').remove();
   i = $sidebarCollapsedIcon.find('i');
@@ -220,7 +241,7 @@ Sidebar.prototype.isOpen = function() {
 };
 
 Sidebar.prototype.getBlock = function(name) {
-  return this.sidebar.find(".block." + name);
+  return this.sidebar.find('.block.' + name);
 };
 
 export default Sidebar;

app/assets/javascripts/search_autocomplete.js

@@ -234,7 +234,9 @@ export class SearchAutocomplete {
               icon,
               text: term,
               template,
-              url: `${gon.relative_url_root}/search?search=${term}&project_id=${this.projectInputEl.val()}&group_id=${this.groupInputEl.val()}`,
+              url: `${
+                gon.relative_url_root
+              }/search?search=${term}&project_id=${this.projectInputEl.val()}&group_id=${this.groupInputEl.val()}`,
             });
           }
         }

app/assets/javascripts/sidebar/components/assignees/assignees.vue

@@ -74,8 +74,8 @@ export default {
       }
 
       if (!this.users.length) {
-        const emptyTooltipLabel = this.issuableType === 'issue' ?
-          __('Assignee(s)') : __('Assignee');
+        const emptyTooltipLabel =
+          this.issuableType === 'issue' ? __('Assignee(s)') : __('Assignee');
         names.push(emptyTooltipLabel);
       }
 

app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue

 <script>
-  import { __ } from '~/locale';
-  import icon from '~/vue_shared/components/icon.vue';
-  import toggleButton from '~/vue_shared/components/toggle_button.vue';
-  import tooltip from '~/vue_shared/directives/tooltip';
-  import eventHub from '../../event_hub';
+import { __ } from '~/locale';
+import icon from '~/vue_shared/components/icon.vue';
+import toggleButton from '~/vue_shared/components/toggle_button.vue';
+import tooltip from '~/vue_shared/directives/tooltip';
+import eventHub from '../../event_hub';
 
-  const ICON_ON = 'notifications';
-  const ICON_OFF = 'notifications-off';
-  const LABEL_ON = __('Notifications on');
-  const LABEL_OFF = __('Notifications off');
+const ICON_ON = 'notifications';
+const ICON_OFF = 'notifications-off';
+const LABEL_ON = __('Notifications on');
+const LABEL_OFF = __('Notifications off');
 
-  export default {
+export default {
   directives: {
     tooltip,
   },
@@ -51,7 +51,6 @@
      * We need to emit this event on both component & eventHub
      * for 2 dependencies;
      *
-       * Make Epic sidebar auto-expand when participants & label icon is clicked
      * 1. eventHub: This component is used in Issue Boards sidebar
      *              where component template is part of HAML
      *              and event listeners are tied to app's eventHub.
@@ -69,7 +68,7 @@
       this.$emit('toggleSidebar');
     },
   },
-  };
+};
 </script>
 
 <template>

app/assets/javascripts/sidebar/sidebar_mediator.js

@@ -39,9 +39,10 @@ export default class SidebarMediator {
   }
 
   fetch() {
-    return this.service.get()
+    return this.service
+      .get()
       .then(response => response.json())
-      .then((data) => {
+      .then(data => {
         this.processFetchedData(data);
       })
       .catch(() => new Flash('Error occurred when fetching sidebar data'));
@@ -56,30 +57,33 @@ export default class SidebarMediator {
 
   toggleSubscription() {
     this.store.setFetchingState('subscriptions', true);
-    return this.service.toggleSubscription()
+    return this.service
+      .toggleSubscription()
       .then(() => {
         this.store.setSubscribedState(!this.store.subscribed);
         this.store.setFetchingState('subscriptions', false);
       })
-      .catch((err) => {
+      .catch(err => {
         this.store.setFetchingState('subscriptions', false);
         throw err;
       });
   }
 
   fetchAutocompleteProjects(searchTerm) {
-    return this.service.getProjectsAutocomplete(searchTerm)
+    return this.service
+      .getProjectsAutocomplete(searchTerm)
       .then(response => response.json())
-      .then((data) => {
+      .then(data => {
         this.store.setAutocompleteProjects(data);
         return this.store.autocompleteProjects;
       });
   }
 
   moveIssue() {
-    return this.service.moveIssue(this.store.moveToProjectId)
+    return this.service
+      .moveIssue(this.store.moveToProjectId)
       .then(response => response.json())
-      .then((data) => {
+      .then(data => {
         if (window.location.pathname !== data.web_url) {
           visitUrl(data.web_url);
         }

app/assets/javascripts/vue_merge_request_widget/components/mr_widget_pipeline.vue

@@ -58,19 +58,22 @@ export default {
     },
     hasStages() {
       return (
-        this.pipeline.details &&
-        this.pipeline.details.stages &&
-        this.pipeline.details.stages.length
+        this.pipeline.details && this.pipeline.details.stages && this.pipeline.details.stages.length
       );
     },
     hasCommitInfo() {
       return this.pipeline.commit && Object.keys(this.pipeline.commit).length > 0;
     },
     errorText() {
-      return sprintf(__('Could not retrieve the pipeline status. For troubleshooting steps, read the %{linkStart}documentation.%{linkEnd}'), {
+      return sprintf(
+        __(
+          'Could not retrieve the pipeline status. For troubleshooting steps, read the %{linkStart}documentation.%{linkEnd}',
+        ),
+        {
           linkStart: `<a href="${this.troubleshootingDocsPath}">`,
           linkEnd: '</a>',
-      });
+        },
+      );
     },
     /* We typically set defaults ([]) in the store or prop declarations, but because triggered
     * and triggeredBy are appended to `pipeline`, we can't set defaults in the store, and we

app/assets/javascripts/vue_merge_request_widget/components/states/ready_to_merge.vue

@@ -71,7 +71,12 @@ export default {
       return defaultClass;
     },
     iconClass() {
-      if (this.status === 'failed' || !this.commitMessage.length || !this.mr.isMergeAllowed || this.mr.preventMerge) {
+      if (
+        this.status === 'failed' ||
+        !this.commitMessage.length ||
+        !this.mr.isMergeAllowed ||
+        this.mr.preventMerge
+      ) {
         return 'warning';
       }
       return 'success';
@@ -90,11 +95,13 @@ export default {
     },
     isMergeButtonDisabled() {
       const { commitMessage } = this;
-      return Boolean(!commitMessage.length
-        || !this.shouldShowMergeControls()
-        || this.isMakingRequest
-        || this.isApprovalNeeded
-        || this.mr.preventMerge);
+      return Boolean(
+        !commitMessage.length ||
+          !this.shouldShowMergeControls() ||
+          this.isMakingRequest ||
+          this.isApprovalNeeded ||
+          this.mr.preventMerge,
+      );
     },
     isRemoveSourceBranchButtonDisabled() {
       return this.isMergeButtonDisabled;
@@ -144,9 +151,10 @@ export default {
       };
 
       this.isMakingRequest = true;
-      this.service.merge(options)
+      this.service
+        .merge(options)
         .then(res => res.data)
-        .then((data) => {
+        .then(data => {
           const hasError = data.status === 'failed' || data.status === 'hook_validation_error';
 
           if (data.status === 'merge_when_pipeline_succeeds') {
@@ -171,9 +179,10 @@ export default {
       });
     },
     handleMergePolling(continuePolling, stopPolling) {
-      this.service.poll()
+      this.service
+        .poll()
         .then(res => res.data)
-        .then((data) => {
+        .then(data => {
           if (data.state === 'merged') {
             // If state is merged we should update the widget and stop the polling
             eventHub.$emit('MRWidgetUpdateRequested');
@@ -209,9 +218,10 @@ export default {
       });
     },
     handleRemoveBranchPolling(continuePolling, stopPolling) {
-      this.service.poll()
+      this.service
+        .poll()
         .then(res => res.data)
-        .then((data) => {
+        .then(data => {
           // If source branch exists then we should continue polling
           // because removing a source branch is a background task and takes time
           if (data.source_branch_exists) {

app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue

@@ -116,7 +116,7 @@ export default {
         // init polling
         this.initPostMergeDeploymentsPolling();
       }
-    }
+    },
   },
   created() {
     this.initPolling();
@@ -214,7 +214,7 @@ export default {
         })
         .catch(() => this.throwDeploymentsError());
     },
-    fetchPostMergeDeployments(){
+    fetchPostMergeDeployments() {
       return this.fetchDeployments('merge_commit')
         .then(({ data }) => {
           if (data.length) {
@@ -224,7 +224,11 @@ export default {
         .catch(() => this.throwDeploymentsError());
     },
     throwDeploymentsError() {
-      createFlash(__('Something went wrong while fetching the environments for this merge request. Please try again.'));
+      createFlash(
+        __(
+          'Something went wrong while fetching the environments for this merge request. Please try again.',
+        ),
+      );
     },
     fetchActionsContent() {
       this.service

app/assets/javascripts/vue_merge_request_widget/services/mr_widget_service.js

@@ -24,8 +24,8 @@ export default class MRWidgetService {
   fetchDeployments(targetParam) {
     return axios.get(this.endpoints.ciEnvironmentsStatusPath, {
       params: {
-        environment_target: targetParam
-      }
+        environment_target: targetParam,
+      },
     });
   }
 

app/assets/javascripts/vue_merge_request_widget/stores/mr_widget_store.js

@@ -18,8 +18,7 @@ export default class MergeRequestStore {
     this.squash = data.squash;
     this.squashBeforeMergeHelpPath =
       this.squashBeforeMergeHelpPath || data.squash_before_merge_help_path;
-    this.troubleshootingDocsPath =
-      this.troubleshootingDocsPath || data.troubleshooting_docs_path;
+    this.troubleshootingDocsPath = this.troubleshootingDocsPath || data.troubleshooting_docs_path;
     this.enableSquashBeforeMerge = this.enableSquashBeforeMerge || true;
 
     this.iid = data.iid;

app/assets/javascripts/vue_shared/components/filtered_search_dropdown.vue

@@ -56,12 +56,14 @@ export default {
     filteredResults() {
       if (this.filter !== '') {
         return this.items.filter(
-          item => item[this.filterKey] && item[this.filterKey].toLowerCase().includes(this.filter.toLowerCase()),
+          item =>
+            item[this.filterKey] &&
+            item[this.filterKey].toLowerCase().includes(this.filter.toLowerCase()),
         );
       }
 
       return this.items.slice(0, this.visibleItems);
-    }
+    },
   },
   mounted() {
     /**

app/assets/javascripts/vue_shared/components/sidebar/collapsed_calendar_icon.vue

 <script>
-  import tooltip from '~/vue_shared/directives/tooltip';
+import tooltip from '~/vue_shared/directives/tooltip';
 
-  export default {
+export default {
   name: 'CollapsedCalendarIcon',
   directives: {
     tooltip,
@@ -33,7 +33,7 @@
       this.$emit('click');
     },
   },
-  };
+};
 </script>
 
 <template>

app/assets/javascripts/vue_shared/components/sidebar/collapsed_grouped_date_picker.vue

 <script>
-  import { __ } from '~/locale';
-  import timeagoMixin from '~/vue_shared/mixins/timeago';
-  import { dateInWords, timeFor } from '~/lib/utils/datetime_utility';
-  import collapsedCalendarIcon from './collapsed_calendar_icon.vue';
+import { __ } from '~/locale';
+import timeagoMixin from '~/vue_shared/mixins/timeago';
+import { dateInWords, timeFor } from '~/lib/utils/datetime_utility';
+import collapsedCalendarIcon from './collapsed_calendar_icon.vue';
 
-  export default {
+export default {
   name: 'SidebarCollapsedGroupedDatePicker',
   components: {
     collapsedCalendarIcon,
   },
-    mixins: [
-      timeagoMixin,
-    ],
+  mixins: [timeagoMixin],
   props: {
     collapsed: {
       type: Boolean,
@@ -67,10 +65,7 @@
       const defaultText = dateType === 'min' ? __('Start date') : __('Due date');
       const date = this[`${dateType}Date`];
       const timeAgo = dateType === 'min' ? this.timeFormated(date) : timeFor(date);
-        const dateText = date ? [
-          this.dateText(dateType),
-          `(${timeAgo})`,
-        ].join(' ') : '';
+      const dateText = date ? [this.dateText(dateType), `(${timeAgo})`].join(' ') : '';
 
       if (date) {
         return [defaultText, dateText].join('<br />');
@@ -78,7 +73,7 @@
       return __('Start and due date');
     },
   },
-  };
+};
 </script>
 
 <template>

app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_value_collapsed.vue

@@ -14,7 +14,12 @@ export default {
   },
   computed: {
     labelsList() {
-      const labelsString = this.labels.length ? this.labels.slice(0, 5).map(label => label.title).join(', ') : s__('LabelSelect|Labels');
+      const labelsString = this.labels.length
+        ? this.labels
+            .slice(0, 5)
+            .map(label => label.title)
+            .join(', ')
+        : s__('LabelSelect|Labels');
 
       if (this.labels.length > 5) {
         return sprintf(s__('LabelSelect|%{labelsString}, and %{remainingLabelCount} more'), {

ee/spec/javascripts/boards/models/list_spec.js

@@ -31,24 +31,32 @@ describe('List model', () => {
   });
 
   describe('getIssues', () => {
-    it('calls CE getIssues', (done) => {
+    it('calls CE getIssues', done => {
       const ceGetIssues = spyOn(CeList.prototype, 'getIssues').and.returnValue(Promise.resolve({}));
 
-      list.getIssues().then(() => {
+      list
+        .getIssues()
+        .then(() => {
           expect(ceGetIssues).toHaveBeenCalled();
           done();
-      }).catch(done.fail);
+        })
+        .catch(done.fail);
     });
 
-    it('sets total weight', (done) => {
-      spyOn(CeList.prototype, 'getIssues').and.returnValue(Promise.resolve({
+    it('sets total weight', done => {
+      spyOn(CeList.prototype, 'getIssues').and.returnValue(
+        Promise.resolve({
           total_weight: 11,
-      }));
+        }),
+      );
 
-      list.getIssues().then(() => {
+      list
+        .getIssues()
+        .then(() => {
           expect(list.totalWeight).toBe(11);
           done();
-      }).catch(done.fail);
+        })
+        .catch(done.fail);
     });
   });
 

ee/spec/javascripts/epics/sidebar/components/sidebar_app_spec.js

@@ -205,10 +205,12 @@ describe('epicSidebar', () => {
         Object.assign({}, defaultPropsData, {
           startDateFromMilestones: startDateSourcingMilestoneDates.startDate,
           dueDateFromMilestones: dueDateSourcingMilestoneDates.dueDate,
-        })
+        }),
       );
 
-      expect(vmDatesFromMilestones.getDateFromMilestonesTooltip('start')).toBe('Milestone for Start Date<br/><span class="text-tertiary">Jan 1, 2010 – Dec 31, 2019</span>');
+      expect(vmDatesFromMilestones.getDateFromMilestonesTooltip('start')).toBe(
+        'Milestone for Start Date<br/><span class="text-tertiary">Jan 1, 2010 – Dec 31, 2019</span>',
+      );
 
       vmDatesFromMilestones.$destroy();
     });
@@ -229,10 +231,12 @@ describe('epicSidebar', () => {
           },
           startDateFromMilestones: startDate,
           dueDateFromMilestones: dueDate,
-        })
+        }),
       );
 
-      expect(vmDatesFromMilestones.getDateFromMilestonesTooltip('start')).toBe('Milestone for Start Date<br/><span class="text-tertiary">Jan 1 – Mar 31, 2018</span>');
+      expect(vmDatesFromMilestones.getDateFromMilestonesTooltip('start')).toBe(
+        'Milestone for Start Date<br/><span class="text-tertiary">Jan 1 – Mar 31, 2018</span>',
+      );
 
       vmDatesFromMilestones.$destroy();
     });

ee/spec/javascripts/jobs/shared_runner_limit_block_spec.js

@@ -19,7 +19,10 @@ describe('Shared Runner Limit Block', () => {
         runnersPath: 'root/project/runners',
       });
 
-      expect(vm.$el.textContent).toContain('You have used all your shared Runners pipeline minutes.');
+      expect(vm.$el.textContent).toContain(
+        'You have used all your shared Runners pipeline minutes.',
+      );
+
       expect(vm.$el.textContent).toContain('1000 of 4000');
     });
   });
@@ -32,9 +35,10 @@ describe('Shared Runner Limit Block', () => {
         runnersPath: 'root/project/runners',
       });
 
-      expect(trimText(vm.$el.textContent)).toContain('For more information, go to the Runners page.');
+      expect(trimText(vm.$el.textContent)).toContain(
+        'For more information, go to the Runners page.',
+      );
     });
-
   });
 
   describe('without runnersPath', () => {
@@ -44,7 +48,9 @@ describe('Shared Runner Limit Block', () => {
         quotaLimit: 4000,
       });
 
-      expect(trimText(vm.$el.textContent)).not.toContain('For more information, go to the Runners page.');
+      expect(trimText(vm.$el.textContent)).not.toContain(
+        'For more information, go to the Runners page.',
+      );
     });
   });
 });

ee/spec/javascripts/vue_mr_widget/ee_mr_widget_options_spec.js

@@ -8,7 +8,12 @@ import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { TEST_HOST } from 'spec/test_constants';
 
 import state from 'ee/vue_shared/security_reports/store/state';
-import mockData, { baseIssues, headIssues, basePerformance, headPerformance } from 'spec/vue_mr_widget/mock_data';
+import mockData, {
+  baseIssues,
+  headIssues,
+  basePerformance,
+  headPerformance,
+} from 'spec/vue_mr_widget/mock_data';
 
 import {
   sastIssues,
@@ -492,9 +497,7 @@ describe('ee merge request widget options', () => {
 
       it('should render provided data', () => {
         expect(
-          removeBreakLine(
-            vm.$el.querySelector('.js-performance-widget .js-code-text').textContent,
-          ),
+          removeBreakLine(vm.$el.querySelector('.js-performance-widget .js-code-text').textContent),
         ).toEqual('No changes to performance metrics');
       });
 
@@ -505,7 +508,9 @@ describe('ee merge request widget options', () => {
       });
 
       it('shows success icon', () => {
-        expect(vm.$el.querySelector('.js-performance-widget .js-ci-status-icon-success')).not.toBeNull();
+        expect(
+          vm.$el.querySelector('.js-performance-widget .js-ci-status-icon-success'),
+        ).not.toBeNull();
       });
     });
 

scripts/static-analysis

@@ -30,6 +30,7 @@ tasks = [
   %w[bin/rake lint:all],
   %w[bundle exec license_finder],
   %w[yarn run eslint],
+  %w[yarn run prettier-all],
   %w[bundle exec rubocop --parallel],
   %w[scripts/lint-conflicts.sh],
   %w[scripts/lint-rugged]

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);
@@ -66,27 +66,21 @@ 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('renders link properly in issue', () => {
@@ -96,98 +90,84 @@ describe('Board list component', () => {
   });
 
   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';
@@ -210,7 +190,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();
@@ -218,14 +200,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();
     });

spec/javascripts/boards/components/board_spec.js

@@ -8,7 +8,7 @@ describe('Board component', () => {
   let vm;
   let el;
 
-  beforeEach((done) => {
+  beforeEach(done => {
     loadFixtures('boards/show.html.raw');
 
     el = document.createElement('div');
@@ -50,56 +50,46 @@ describe('Board component', () => {
   });
 
   it('board is expandable when list type is backlog', () => {
-    expect(
-      vm.$el.classList.contains('is-expandable'),
-    ).toBe(true);
+    expect(vm.$el.classList.contains('is-expandable')).toBe(true);
   });
 
-  it('board is expandable when list type is closed', (done) => {
+  it('board is expandable when list type is closed', done => {
     vm.list.type = 'closed';
 
     Vue.nextTick(() => {
-      expect(
-        vm.$el.classList.contains('is-expandable'),
-      ).toBe(true);
+      expect(vm.$el.classList.contains('is-expandable')).toBe(true);
 
       done();
     });
   });
 
-  it('board is not expandable when list type is label', (done) => {
+  it('board is not expandable when list type is label', done => {
     vm.list.type = 'label';
     vm.list.isExpandable = false;
 
     Vue.nextTick(() => {
-      expect(
-        vm.$el.classList.contains('is-expandable'),
-      ).toBe(false);
+      expect(vm.$el.classList.contains('is-expandable')).toBe(false);
 
       done();
     });
   });
 
-  it('collapses when clicking header', (done) => {
+  it('collapses when clicking header', done => {
     vm.$el.querySelector('.board-header').click();
 
     Vue.nextTick(() => {
-      expect(
-        vm.$el.classList.contains('is-collapsed'),
-      ).toBe(true);
+      expect(vm.$el.classList.contains('is-collapsed')).toBe(true);
 
       done();
     });
   });
 
-  it('created sets isExpanded to true from localStorage', (done) => {
+  it('created sets isExpanded to true from localStorage', done => {
     vm.$el.querySelector('.board-header').click();
 
     return Vue.nextTick()
       .then(() => {
-        expect(
-          vm.$el.classList.contains('is-collapsed'),
-        ).toBe(true);
+        expect(vm.$el.classList.contains('is-collapsed')).toBe(true);
 
         // call created manually
         vm.$options.created[0].call(vm);
@@ -107,11 +97,10 @@ describe('Board component', () => {
         return Vue.nextTick();
       })
       .then(() => {
-        expect(
-          vm.$el.classList.contains('is-collapsed'),
-        ).toBe(true);
+        expect(vm.$el.classList.contains('is-collapsed')).toBe(true);
 
         done();
-      }).catch(done.fail);
+      })
+      .catch(done.fail);
   });
 });

spec/javascripts/boards/issue_card_spec.js

@@ -291,46 +291,42 @@ describe('Issue card component', () => {
         .catch(done.fail);
     });
 
-    it('shows group labels on group boards', (done) => {
-      component.issue.addLabel(new ListLabel({
+    it('shows group labels on group boards', done => {
+      component.issue.addLabel(
+        new ListLabel({
           id: _.random(10000),
           title: 'Group label',
           type: 'GroupLabel',
-      }));
+        }),
+      );
       component.groupId = 1;
 
       Vue.nextTick()
         .then(() => {
-          expect(
-            component.$el.querySelectorAll('.badge').length,
-          ).toBe(3);
+          expect(component.$el.querySelectorAll('.badge').length).toBe(3);
 
-          expect(
-            component.$el.textContent,
-          ).toContain('Group label');
+          expect(component.$el.textContent).toContain('Group label');
 
           done();
         })
         .catch(done.fail);
     });
 
-    it('shows project labels on group boards', (done) => {
-      component.issue.addLabel(new ListLabel({
+    it('shows project labels on group boards', done => {
+      component.issue.addLabel(
+        new ListLabel({
           id: 123,
           title: 'Project label',
           type: 'ProjectLabel',
-      }));
+        }),
+      );
       component.groupId = 1;
 
       Vue.nextTick()
         .then(() => {
-          expect(
-            component.$el.querySelectorAll('.badge').length,
-          ).toBe(3);
+          expect(component.$el.querySelectorAll('.badge').length).toBe(3);
 
-          expect(
-            component.$el.textContent,
-          ).toContain('Project label');
+          expect(component.$el.textContent).toContain('Project label');
 
           done();
         })

spec/javascripts/environments/emtpy_state_spec.js

@@ -24,13 +24,13 @@ describe('environments empty state', () => {
     });
 
     it('renders empty state and new environment button', () => {
-      expect(
-        vm.$el.querySelector('.js-blank-state-title').textContent.trim(),
-      ).toEqual('You don\'t have any environments right now');
+      expect(vm.$el.querySelector('.js-blank-state-title').textContent.trim()).toEqual(
+        "You don't have any environments right now",
+      );
 
-      expect(
-        vm.$el.querySelector('.js-new-environment-button').getAttribute('href'),
-      ).toEqual('foo');
+      expect(vm.$el.querySelector('.js-new-environment-button').getAttribute('href')).toEqual(
+        'foo',
+      );
     });
   });
 
@@ -44,13 +44,11 @@ describe('environments empty state', () => {
     });
 
     it('renders empty state without new button', () => {
-      expect(
-        vm.$el.querySelector('.js-blank-state-title').textContent.trim(),
-      ).toEqual('You don\'t have any environments right now');
+      expect(vm.$el.querySelector('.js-blank-state-title').textContent.trim()).toEqual(
+        "You don't have any environments right now",
+      );
 
-      expect(
-        vm.$el.querySelector('.js-new-environment-button'),
-      ).toBeNull();
+      expect(vm.$el.querySelector('.js-new-environment-button')).toBeNull();
     });
   });
 });

spec/javascripts/environments/environment_item_spec.js

@@ -41,7 +41,9 @@ describe('Environment item', () => {
     });
 
     it('Should render the number of children in a badge', () => {
-      expect(component.$el.querySelector('.folder-name .badge').textContent).toContain(mockItem.size);
+      expect(component.$el.querySelector('.folder-name .badge').textContent).toContain(
+        mockItem.size,
+      );
     });
   });
 
@@ -71,7 +73,8 @@ describe('Environment item', () => {
             username: 'root',
             id: 1,
             state: 'active',
-            avatar_url: 'https://www.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80\u0026d=identicon',
+            avatar_url:
+              'https://www.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80\u0026d=identicon',
             web_url: 'http://localhost:3000/root',
           },
           commit: {
@@ -87,7 +90,8 @@ describe('Environment item', () => {
               username: 'root',
               id: 1,
               state: 'active',
-              avatar_url: 'https://www.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80\u0026d=identicon',
+              avatar_url:
+                'https://www.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80\u0026d=identicon',
               web_url: 'http://localhost:3000/root',
             },
             commit_path: '/root/ci-folders/tree/500aabcb17c97bdcf2d0c410b70cb8556f0362dd',
@@ -127,18 +131,18 @@ describe('Environment item', () => {
     });
 
     it('should render environment name', () => {
-      expect(component.$el.querySelector('.environment-name').textContent).toContain(environment.name);
+      expect(component.$el.querySelector('.environment-name').textContent).toContain(
+        environment.name,
+      );
     });
 
     describe('With deployment', () => {
       it('should render deployment internal id', () => {
-        expect(
-          component.$el.querySelector('.deployment-column span').textContent,
-        ).toContain(environment.last_deployment.iid);
+        expect(component.$el.querySelector('.deployment-column span').textContent).toContain(
+          environment.last_deployment.iid,
+        );
 
-        expect(
-          component.$el.querySelector('.deployment-column span').textContent,
-        ).toContain('#');
+        expect(component.$el.querySelector('.deployment-column span').textContent).toContain('#');
       });
 
       it('should render last deployment date', () => {
@@ -162,56 +166,46 @@ describe('Environment item', () => {
 
       describe('With build url', () => {
         it('Should link to build url provided', () => {
-          expect(
-            component.$el.querySelector('.build-link').getAttribute('href'),
-          ).toEqual(environment.last_deployment.deployable.build_path);
+          expect(component.$el.querySelector('.build-link').getAttribute('href')).toEqual(
+            environment.last_deployment.deployable.build_path,
+          );
         });
 
         it('Should render deployable name and id', () => {
-          expect(
-            component.$el.querySelector('.build-link').getAttribute('href'),
-          ).toEqual(environment.last_deployment.deployable.build_path);
+          expect(component.$el.querySelector('.build-link').getAttribute('href')).toEqual(
+            environment.last_deployment.deployable.build_path,
+          );
         });
       });
 
       describe('With commit information', () => {
         it('should render commit component', () => {
-          expect(
-            component.$el.querySelector('.js-commit-component'),
-          ).toBeDefined();
+          expect(component.$el.querySelector('.js-commit-component')).toBeDefined();
         });
       });
     });
 
     describe('With manual actions', () => {
       it('Should render actions component', () => {
-        expect(
-          component.$el.querySelector('.js-manual-actions-container'),
-        ).toBeDefined();
+        expect(component.$el.querySelector('.js-manual-actions-container')).toBeDefined();
       });
     });
 
     describe('With external URL', () => {
       it('should render external url component', () => {
-        expect(
-          component.$el.querySelector('.js-external-url-container'),
-        ).toBeDefined();
+        expect(component.$el.querySelector('.js-external-url-container')).toBeDefined();
       });
     });
 
     describe('With stop action', () => {
       it('Should render stop action component', () => {
-        expect(
-          component.$el.querySelector('.js-stop-component-container'),
-        ).toBeDefined();
+        expect(component.$el.querySelector('.js-stop-component-container')).toBeDefined();
       });
     });
 
     describe('With retry action', () => {
       it('Should render rollback component', () => {
-        expect(
-          component.$el.querySelector('.js-rollback-component-container'),
-        ).toBeDefined();
+        expect(component.$el.querySelector('.js-rollback-component-container')).toBeDefined();
       });
     });
   });

spec/javascripts/environments/environment_table_spec.js

@@ -57,7 +57,7 @@ describe('Environment table', () => {
     expect(vm.$el.querySelector('.deploy-board-icon')).not.toBeNull();
   });
 
-  it('should toggle deploy board visibility when arrow is clicked', (done) => {
+  it('should toggle deploy board visibility when arrow is clicked', done => {
     const mockItem = {
       name: 'review',
       size: 1,
@@ -65,9 +65,7 @@ describe('Environment table', () => {
       id: 1,
       hasDeployBoard: true,
       deployBoardData: {
-        instances: [
-          { status: 'ready', tooltip: 'foo' },
-        ],
+        instances: [{ status: 'ready', tooltip: 'foo' }],
         abort_url: 'url',
         rollback_url: 'url',
         completion: 100,
@@ -76,7 +74,7 @@ describe('Environment table', () => {
       isDeployBoardVisible: false,
     };
 
-    eventHub.$on('toggleDeployBoard', (env) => {
+    eventHub.$on('toggleDeployBoard', env => {
       expect(env.id).toEqual(mockItem.id);
       done();
     });

spec/javascripts/environments/environments_app_spec.js

@@ -33,7 +33,7 @@ describe('Environment', () => {
 
   describe('successfull request', () => {
     describe('without environments', () => {
-      beforeEach((done) => {
+      beforeEach(done => {
         mock.onGet(mockData.endpoint).reply(200, { environments: [] });
 
         component = mountComponent(EnvironmentsComponent, mockData);
@@ -44,30 +44,34 @@ describe('Environment', () => {
       });
 
       it('should render the empty state', () => {
-        expect(
-          component.$el.querySelector('.js-new-environment-button').textContent,
-        ).toContain('New environment');
+        expect(component.$el.querySelector('.js-new-environment-button').textContent).toContain(
+          'New environment',
+        );
 
-        expect(
-          component.$el.querySelector('.js-blank-state-title').textContent,
-        ).toContain('You don\'t have any environments right now');
+        expect(component.$el.querySelector('.js-blank-state-title').textContent).toContain(
+          "You don't have any environments right now",
+        );
       });
     });
 
     describe('with paginated environments', () => {
-      beforeEach((done) => {
-        mock.onGet(mockData.endpoint).reply(200, {
+      beforeEach(done => {
+        mock.onGet(mockData.endpoint).reply(
+          200,
+          {
             environments: [environment],
             stopped_count: 1,
             available_count: 0,
-        }, {
+          },
+          {
             'X-nExt-pAge': '2',
             'x-page': '1',
             'X-Per-Page': '1',
             'X-Prev-Page': '',
             'X-TOTAL': '37',
             'X-Total-Pages': '2',
-        });
+          },
+        );
 
         component = mountComponent(EnvironmentsComponent, mockData);
 
@@ -78,19 +82,17 @@ describe('Environment', () => {
 
       it('should render a table with environments', () => {
         expect(component.$el.querySelectorAll('table')).not.toBeNull();
-        expect(
-          component.$el.querySelector('.environment-name').textContent.trim(),
-        ).toEqual(environment.name);
+        expect(component.$el.querySelector('.environment-name').textContent.trim()).toEqual(
+          environment.name,
+        );
       });
 
       describe('pagination', () => {
         it('should render pagination', () => {
-          expect(
-            component.$el.querySelectorAll('.gl-pagination li').length,
-          ).toEqual(5);
+          expect(component.$el.querySelectorAll('.gl-pagination li').length).toEqual(5);
         });
 
-        it('should make an API request when page is clicked', (done) => {
+        it('should make an API request when page is clicked', done => {
           spyOn(component, 'updateContent');
           setTimeout(() => {
             component.$el.querySelector('.gl-pagination li:nth-child(5) a').click();
@@ -100,7 +102,7 @@ describe('Environment', () => {
           }, 0);
         });
 
-        it('should make an API request when using tabs', (done) => {
+        it('should make an API request when using tabs', done => {
           setTimeout(() => {
             spyOn(component, 'updateContent');
             component.$el.querySelector('.js-environments-tab-stopped').click();
@@ -112,9 +114,11 @@ describe('Environment', () => {
       });
 
       describe('deploy boards', () => {
-        it('should render arrow to open deploy boards', (done) => {
+        it('should render arrow to open deploy boards', done => {
           setTimeout(() => {
-            expect(component.$el.querySelector('.deploy-board-icon.ic-chevron-right')).toBeDefined();
+            expect(
+              component.$el.querySelector('.deploy-board-icon.ic-chevron-right'),
+            ).toBeDefined();
             done();
           }, 0);
         });
@@ -123,7 +127,7 @@ describe('Environment', () => {
   });
 
   describe('unsuccessfull request', () => {
-    beforeEach((done) => {
+    beforeEach(done => {
       mock.onGet(mockData.endpoint).reply(500, {});
 
       component = mountComponent(EnvironmentsComponent, mockData);
@@ -134,15 +138,16 @@ describe('Environment', () => {
     });
 
     it('should render empty state', () => {
-      expect(
-        component.$el.querySelector('.js-blank-state-title').textContent,
-      ).toContain('You don\'t have any environments right now');
+      expect(component.$el.querySelector('.js-blank-state-title').textContent).toContain(
+        "You don't have any environments right now",
+      );
     });
   });
 
   describe('expandable folders', () => {
     beforeEach(() => {
-      mock.onGet(mockData.endpoint).reply(200,
+      mock.onGet(mockData.endpoint).reply(
+        200,
         {
           environments: [folder],
           stopped_count: 0,
@@ -163,7 +168,7 @@ describe('Environment', () => {
       component = mountComponent(EnvironmentsComponent, mockData);
     });
 
-    it('should open a closed folder', (done) => {
+    it('should open a closed folder', done => {
       setTimeout(() => {
         component.$el.querySelector('.folder-name').click();
 
@@ -174,7 +179,7 @@ describe('Environment', () => {
       }, 0);
     });
 
-    it('should close an opened folder', (done) => {
+    it('should close an opened folder', done => {
       setTimeout(() => {
         // open folder
         component.$el.querySelector('.folder-name').click();
@@ -191,7 +196,7 @@ describe('Environment', () => {
       }, 0);
     });
 
-    it('should show children environments and a button to show all environments', (done) => {
+    it('should show children environments and a button to show all environments', done => {
       setTimeout(() => {
         // open folder
         component.$el.querySelector('.folder-name').click();
@@ -200,7 +205,9 @@ describe('Environment', () => {
           // wait for next async request
           setTimeout(() => {
             expect(component.$el.querySelectorAll('.js-child-row').length).toEqual(1);
-            expect(component.$el.querySelector('.text-center > a.btn').textContent).toContain('Show all');
+            expect(component.$el.querySelector('.text-center > a.btn').textContent).toContain(
+              'Show all',
+            );
             done();
           });
         });
@@ -210,7 +217,8 @@ describe('Environment', () => {
 
   describe('methods', () => {
     beforeEach(() => {
-      mock.onGet(mockData.endpoint).reply(200,
+      mock.onGet(mockData.endpoint).reply(
+        200,
         {
           environments: [],
           stopped_count: 0,
@@ -224,8 +232,9 @@ describe('Environment', () => {
     });
 
     describe('updateContent', () => {
-      it('should set given parameters', (done) => {
-        component.updateContent({ scope: 'stopped', page: '3' })
+      it('should set given parameters', done => {
+        component
+          .updateContent({ scope: 'stopped', page: '3' })
           .then(() => {
             expect(component.page).toEqual('3');
             expect(component.scope).toEqual('stopped');

spec/javascripts/environments/folder/environments_folder_view_spec.js

@@ -32,37 +32,41 @@ describe('Environments Folder View', () => {
 
   describe('successfull request', () => {
     beforeEach(() => {
-      mock.onGet(mockData.endpoint).reply(200, {
+      mock.onGet(mockData.endpoint).reply(
+        200,
+        {
           environments: environmentsList,
           stopped_count: 1,
           available_count: 0,
-      }, {
+        },
+        {
           'X-nExt-pAge': '2',
           'x-page': '1',
           'X-Per-Page': '2',
           'X-Prev-Page': '',
           'X-TOTAL': '20',
           'X-Total-Pages': '10',
-      });
+        },
+      );
 
       component = mountComponent(Component, mockData);
     });
 
-    it('should render a table with environments', (done) => {
+    it('should render a table with environments', done => {
       setTimeout(() => {
         expect(component.$el.querySelectorAll('table')).not.toBeNull();
-        expect(
-          component.$el.querySelector('.environment-name').textContent.trim(),
-        ).toEqual(environmentsList[0].name);
+        expect(component.$el.querySelector('.environment-name').textContent.trim()).toEqual(
+          environmentsList[0].name,
+        );
         done();
       }, 0);
     });
 
-    it('should render available tab with count', (done) => {
+    it('should render available tab with count', done => {
       setTimeout(() => {
-        expect(
-          component.$el.querySelector('.js-environments-tab-available').textContent,
-        ).toContain('Available');
+        expect(component.$el.querySelector('.js-environments-tab-available').textContent).toContain(
+          'Available',
+        );
 
         expect(
           component.$el.querySelector('.js-environments-tab-available .badge').textContent,
@@ -71,11 +75,11 @@ describe('Environments Folder View', () => {
       }, 0);
     });
 
-    it('should render stopped tab with count', (done) => {
+    it('should render stopped tab with count', done => {
       setTimeout(() => {
-        expect(
-          component.$el.querySelector('.js-environments-tab-stopped').textContent,
-        ).toContain('Stopped');
+        expect(component.$el.querySelector('.js-environments-tab-stopped').textContent).toContain(
+          'Stopped',
+        );
 
         expect(
           component.$el.querySelector('.js-environments-tab-stopped .badge').textContent,
@@ -84,36 +88,37 @@ describe('Environments Folder View', () => {
       }, 0);
     });
 
-    it('should render parent folder name', (done) => {
+    it('should render parent folder name', done => {
       setTimeout(() => {
-        expect(
-          component.$el.querySelector('.js-folder-name').textContent,
-        ).toContain('Environments / review');
+        expect(component.$el.querySelector('.js-folder-name').textContent.trim()).toContain(
+          'Environments / review',
+        );
         done();
       }, 0);
     });
 
     describe('pagination', () => {
-      it('should render pagination', (done) => {
+      it('should render pagination', done => {
         setTimeout(() => {
-          expect(
-            component.$el.querySelectorAll('.gl-pagination'),
-          ).not.toBeNull();
+          expect(component.$el.querySelectorAll('.gl-pagination')).not.toBeNull();
           done();
         }, 0);
       });
 
-      it('should make an API request when changing page', (done) => {
+      it('should make an API request when changing page', done => {
         spyOn(component, 'updateContent');
         setTimeout(() => {
           component.$el.querySelector('.gl-pagination .js-last-button a').click();
 
-          expect(component.updateContent).toHaveBeenCalledWith({ scope: component.scope, page: '10' });
+          expect(component.updateContent).toHaveBeenCalledWith({
+            scope: component.scope,
+            page: '10',
+          });
           done();
         }, 0);
       });
 
-      it('should make an API request when using tabs', (done) => {
+      it('should make an API request when using tabs', done => {
         setTimeout(() => {
           spyOn(component, 'updateContent');
           component.$el.querySelector('.js-environments-tab-stopped').click();
@@ -125,7 +130,7 @@ describe('Environments Folder View', () => {
     });
 
     describe('deploy boards', () => {
-      it('should render arrow to open deploy boards', (done) => {
+      it('should render arrow to open deploy boards', done => {
         setTimeout(() => {
           expect(component.$el.querySelector('.folder-icon.ic-chevron-right')).not.toBeNull();
           done();
@@ -143,20 +148,18 @@ describe('Environments Folder View', () => {
       component = mountComponent(Component, mockData);
     });
 
-    it('should not render a table', (done) => {
+    it('should not render a table', done => {
       setTimeout(() => {
-        expect(
-          component.$el.querySelector('table'),
-        ).toBe(null);
+        expect(component.$el.querySelector('table')).toBe(null);
         done();
       }, 0);
     });
 
-    it('should render available tab with count 0', (done) => {
+    it('should render available tab with count 0', done => {
       setTimeout(() => {
-        expect(
-          component.$el.querySelector('.js-environments-tab-available').textContent,
-        ).toContain('Available');
+        expect(component.$el.querySelector('.js-environments-tab-available').textContent).toContain(
+          'Available',
+        );
 
         expect(
           component.$el.querySelector('.js-environments-tab-available .badge').textContent,
@@ -165,11 +168,11 @@ describe('Environments Folder View', () => {
       }, 0);
     });
 
-    it('should render stopped tab with count 0', (done) => {
+    it('should render stopped tab with count 0', done => {
       setTimeout(() => {
-        expect(
-          component.$el.querySelector('.js-environments-tab-stopped').textContent,
-        ).toContain('Stopped');
+        expect(component.$el.querySelector('.js-environments-tab-stopped').textContent).toContain(
+          'Stopped',
+        );
 
         expect(
           component.$el.querySelector('.js-environments-tab-stopped .badge').textContent,
@@ -190,8 +193,9 @@ describe('Environments Folder View', () => {
     });
 
     describe('updateContent', () => {
-      it('should set given parameters', (done) => {
-        component.updateContent({ scope: 'stopped', page: '4' })
+      it('should set given parameters', done => {
+        component
+          .updateContent({ scope: 'stopped', page: '4' })
           .then(() => {
             expect(component.page).toEqual('4');
             expect(component.scope).toEqual('stopped');

spec/javascripts/issue_show/components/title_spec.js

@@ -25,25 +25,21 @@ describe('Title component', () => {
   });
 
   it('renders title HTML', () => {
-    expect(
-      vm.$el.querySelector('.title').innerHTML.trim(),
-    ).toBe('Testing <img>');
+    expect(vm.$el.querySelector('.title').innerHTML.trim()).toBe('Testing <img>');
   });
 
-  it('updates page title when changing titleHtml', (done) => {
+  it('updates page title when changing titleHtml', done => {
     spyOn(vm, 'setPageTitle');
     vm.titleHtml = 'test';
 
     Vue.nextTick(() => {
-      expect(
-        vm.setPageTitle,
-      ).toHaveBeenCalled();
+      expect(vm.setPageTitle).toHaveBeenCalled();
 
       done();
     });
   });
 
-  it('animates title changes', (done) => {
+  it('animates title changes', done => {
     vm.titleHtml = 'test';
 
     Vue.nextTick(() => {
@@ -61,14 +57,12 @@ describe('Title component', () => {
     });
   });
 
-  it('updates page title after changing title', (done) => {
+  it('updates page title after changing title', done => {
     vm.titleHtml = 'changed';
     vm.titleText = 'changed';
 
     Vue.nextTick(() => {
-      expect(
-        document.querySelector('title').textContent.trim(),
-      ).toContain('changed');
+      expect(document.querySelector('title').textContent.trim()).toContain('changed');
 
       done();
     });

spec/javascripts/jobs/components/job_app_spec.js

@@ -234,7 +234,7 @@ describe('Job App ', () => {
             );
             done();
           }, 0);
-        })
+        });
       });
 
       it('does not renders stuck block when there are no runners', done => {

spec/javascripts/jobs/store/actions_spec.js

@@ -68,41 +68,20 @@ describe('Job State actions', () => {
 
   describe('hideSidebar', () => {
     it('should commit HIDE_SIDEBAR mutation', done => {
-      testAction(
-        hideSidebar,
-        null,
-        mockedState,
-        [{ type: types.HIDE_SIDEBAR }],
-        [],
-        done,
-      );
+      testAction(hideSidebar, null, mockedState, [{ type: types.HIDE_SIDEBAR }], [], done);
     });
   });
 
   describe('showSidebar', () => {
     it('should commit HIDE_SIDEBAR mutation', done => {
-      testAction(
-        showSidebar,
-        null,
-        mockedState,
-        [{ type: types.SHOW_SIDEBAR }],
-        [],
-        done,
-      );
+      testAction(showSidebar, null, mockedState, [{ type: types.SHOW_SIDEBAR }], [], done);
     });
   });
 
   describe('toggleSidebar', () => {
     describe('when isSidebarOpen is true', () => {
       it('should dispatch hideSidebar', done => {
-        testAction(
-          toggleSidebar,
-          null,
-          mockedState,
-          [],
-          [{ type: 'hideSidebar' }],
-          done,
-        );
+        testAction(toggleSidebar, null, mockedState, [], [{ type: 'hideSidebar' }], done);
       });
     });
 
@@ -110,14 +89,7 @@ describe('Job State actions', () => {
       it('should dispatch showSidebar', done => {
         mockedState.isSidebarOpen = false;
 
-        testAction(
-          toggleSidebar,
-          null,
-          mockedState,
-          [],
-          [{ type: 'showSidebar' }],
-          done,
-        );
+        testAction(toggleSidebar, null, mockedState, [], [{ type: 'showSidebar' }], done);
       });
     });
   });

spec/javascripts/jobs/store/getters_spec.js

@@ -235,7 +235,7 @@ describe('Job Store Getters', () => {
       it('returns true', () => {
         localState.job.runners = {
           available: true,
-          online: false
+          online: false,
         };
 
         expect(getters.hasRunnersForProject(localState)).toEqual(true);
@@ -246,7 +246,7 @@ describe('Job Store Getters', () => {
       it('returns false', () => {
         localState.job.runners = {
           available: false,
-          online: false
+          online: false,
         };
 
         expect(getters.hasRunnersForProject(localState)).toEqual(false);
@@ -257,7 +257,7 @@ describe('Job Store Getters', () => {
       it('returns false', () => {
         localState.job.runners = {
           available: false,
-          online: true
+          online: true,
         };
 
         expect(getters.hasRunnersForProject(localState)).toEqual(false);

spec/javascripts/monitoring/graph/flag_spec.js

@@ -2,7 +2,7 @@ import Vue from 'vue';
 import GraphFlag from '~/monitoring/components/graph/flag.vue';
 import { deploymentData } from '../mock_data';
 
-const createComponent = (propsData) => {
+const createComponent = propsData => {
   const Component = Vue.extend(GraphFlag);
 
   return new Component({
@@ -51,8 +51,7 @@ describe('GraphFlag', () => {
   it('has a line at the currentXCoordinate', () => {
     component = createComponent(defaultValuesComponent);
 
-    expect(component.$el.style.left)
-      .toEqual(`${70 + component.currentXCoordinate}px`);
+    expect(component.$el.style.left).toEqual(`${70 + component.currentXCoordinate}px`);
   });
 
   describe('Deployment flag', () => {
@@ -62,9 +61,9 @@ describe('GraphFlag', () => {
         deploymentFlagData,
       });
 
-      expect(
-        deploymentFlagComponent.$el.querySelector('.popover-header'),
-      ).toContainText('Deployed');
+      expect(deploymentFlagComponent.$el.querySelector('.popover-header')).toContainText(
+        'Deployed',
+      );
     });
 
     it('contains the ref when a tag is available', () => {
@@ -78,13 +77,13 @@ describe('GraphFlag', () => {
         },
       });
 
-      expect(
-        deploymentFlagComponent.$el.querySelector('.deploy-meta-content'),
-      ).toContainText('f5bcd1d9');
+      expect(deploymentFlagComponent.$el.querySelector('.deploy-meta-content')).toContainText(
+        'f5bcd1d9',
+      );
 
-      expect(
-        deploymentFlagComponent.$el.querySelector('.deploy-meta-content'),
-      ).toContainText('1.0');
+      expect(deploymentFlagComponent.$el.querySelector('.deploy-meta-content')).toContainText(
+        '1.0',
+      );
     });
 
     it('does not contain the ref when a tag is unavailable', () => {
@@ -98,13 +97,13 @@ describe('GraphFlag', () => {
         },
       });
 
-      expect(
-        deploymentFlagComponent.$el.querySelector('.deploy-meta-content'),
-      ).toContainText('f5bcd1d9');
+      expect(deploymentFlagComponent.$el.querySelector('.deploy-meta-content')).toContainText(
+        'f5bcd1d9',
+      );
 
-      expect(
-        deploymentFlagComponent.$el.querySelector('.deploy-meta-content'),
-      ).not.toContainText('1.0');
+      expect(deploymentFlagComponent.$el.querySelector('.deploy-meta-content')).not.toContainText(
+        '1.0',
+      );
     });
   });
 

spec/javascripts/notes/components/discussion_filter_spec.js

@@ -11,11 +11,13 @@ describe('DiscussionFilter component', () => {
   beforeEach(() => {
     store = createStore();
 
-    const discussions = [{
+    const discussions = [
+      {
         ...discussionMock,
         id: discussionMock.id,
         notes: [{ ...discussionMock.notes[0], resolvable: true, resolved: true }],
-    }];
+      },
+    ];
     const Component = Vue.extend(DiscussionFilter);
     const defaultValue = discussionFiltersMock[0].value;
 
@@ -35,11 +37,15 @@ describe('DiscussionFilter component', () => {
   });
 
   it('renders the all filters', () => {
-    expect(vm.$el.querySelectorAll('.dropdown-menu li').length).toEqual(discussionFiltersMock.length);
+    expect(vm.$el.querySelectorAll('.dropdown-menu li').length).toEqual(
+      discussionFiltersMock.length,
+    );
   });
 
   it('renders the default selected item', () => {
-    expect(vm.$el.querySelector('#discussion-filter-dropdown').textContent.trim()).toEqual(discussionFiltersMock[0].title);
+    expect(vm.$el.querySelector('#discussion-filter-dropdown').textContent.trim()).toEqual(
+      discussionFiltersMock[0].title,
+    );
   });
 
   it('updates to the selected item', () => {

spec/javascripts/notes/components/note_app_spec.js

@@ -97,7 +97,8 @@ describe('note_app', () => {
     });
 
     it('should render list of notes', done => {
-      const note = mockData.INDIVIDUAL_NOTE_RESPONSE_MAP.GET[
+      const note =
+        mockData.INDIVIDUAL_NOTE_RESPONSE_MAP.GET[
           '/gitlab-org/gitlab-ce/issues/26/discussions.json'
         ][0].notes[0];
 

spec/javascripts/pipelines/graph/graph_component_spec.js

@@ -28,83 +28,89 @@ describe('graph component', () => {
     });
   });
 
-  describe('when linked pipelines are present', function () {
-    beforeEach(function () {
+  describe('when linked pipelines are present', function() {
+    beforeEach(function() {
       component = mountComponent(GraphComponent, {
         isLoading: false,
         pipeline: graphJSON,
       });
     });
 
-    describe('rendered output', function () {
-      it('should include the pipelines graph', function () {
+    describe('rendered output', function() {
+      it('should include the pipelines graph', function() {
         expect(component.$el.classList.contains('js-pipeline-graph')).toEqual(true);
       });
 
-      it('should not include the loading icon', function () {
+      it('should not include the loading icon', function() {
         expect(component.$el.querySelector('.fa-spinner')).toBeNull();
       });
 
-      it('should include the stage column list', function () {
+      it('should include the stage column list', function() {
         expect(component.$el.querySelector('.stage-column-list')).not.toBeNull();
       });
 
-      it('should include the no-margin class on the first child', function () {
-        const firstStageColumnElement = component.$el.querySelector('.stage-column-list .stage-column');
+      it('should include the no-margin class on the first child', function() {
+        const firstStageColumnElement = component.$el.querySelector(
+          '.stage-column-list .stage-column',
+        );
 
         expect(firstStageColumnElement.classList.contains('no-margin')).toEqual(true);
       });
 
-      it('should include the has-only-one-job class on the first child', function () {
-        const firstStageColumnElement = component.$el.querySelector('.stage-column-list .stage-column');
+      it('should include the has-only-one-job class on the first child', function() {
+        const firstStageColumnElement = component.$el.querySelector(
+          '.stage-column-list .stage-column',
+        );
 
         expect(firstStageColumnElement.classList.contains('has-only-one-job')).toEqual(true);
       });
 
-      it('should include the left-margin class on the second child', function () {
-        const firstStageColumnElement = component.$el.querySelector('.stage-column-list .stage-column:last-child');
+      it('should include the left-margin class on the second child', function() {
+        const firstStageColumnElement = component.$el.querySelector(
+          '.stage-column-list .stage-column:last-child',
+        );
 
         expect(firstStageColumnElement.classList.contains('left-margin')).toEqual(true);
       });
 
-      it('should include the has-linked-pipelines flag', function () {
+      it('should include the has-linked-pipelines flag', function() {
         expect(component.$el.querySelector('.has-linked-pipelines')).not.toBeNull();
       });
     });
 
-    describe('computeds and methods', function () {
-      describe('capitalizeStageName', function () {
-        it('it capitalizes the stage name', function () {
+    describe('computeds and methods', function() {
+      describe('capitalizeStageName', function() {
+        it('it capitalizes the stage name', function() {
           expect(component.capitalizeStageName('mystage')).toBe('Mystage');
         });
       });
 
-      describe('stageConnectorClass', function () {
-        it('it returns left-margin when there is a triggerer', function () {
+      describe('stageConnectorClass', function() {
+        it('it returns left-margin when there is a triggerer', function() {
           expect(component.stageConnectorClass(0, { groups: ['job'] })).toBe('no-margin');
         });
       });
     });
 
-    describe('linked pipelines components', function () {
-      it('should coerce triggeredBy into a collection', function () {
+    describe('linked pipelines components', function() {
+      it('should coerce triggeredBy into a collection', function() {
         expect(component.triggeredBy.length).toBe(1);
       });
 
-      it('should render an upstream pipelines column', function () {
+      it('should render an upstream pipelines column', function() {
         expect(component.$el.querySelector('.linked-pipelines-column')).not.toBeNull();
         expect(component.$el.innerHTML).toContain('Upstream');
       });
 
-      it('should render a downstream pipelines column', function () {
+      it('should render a downstream pipelines column', function() {
         expect(component.$el.querySelector('.linked-pipelines-column')).not.toBeNull();
         expect(component.$el.innerHTML).toContain('Downstream');
       });
     });
   });
 
-  describe('when linked pipelines are not present', function () {
-    beforeEach(function () {
+  describe('when linked pipelines are not present', function() {
+    beforeEach(function() {
       const pipeline = Object.assign(graphJSON, { triggered: null, triggered_by: null });
       component = mountComponent(GraphComponent, {
         isLoading: false,
@@ -112,24 +118,24 @@ describe('graph component', () => {
       });
     });
 
-    describe('rendered output', function () {
-      it('should include the first column with a no margin', function () {
+    describe('rendered output', function() {
+      it('should include the first column with a no margin', function() {
         const firstColumn = component.$el.querySelector('.stage-column:first-child');
 
         expect(firstColumn.classList.contains('no-margin')).toEqual(true);
       });
 
-      it('should not render a linked pipelines column', function () {
+      it('should not render a linked pipelines column', function() {
         expect(component.$el.querySelector('.linked-pipelines-column')).toBeNull();
       });
     });
 
-    describe('stageConnectorClass', function () {
-      it('it returns left-margin when no triggerer and there is one job', function () {
+    describe('stageConnectorClass', function() {
+      it('it returns left-margin when no triggerer and there is one job', function() {
         expect(component.stageConnectorClass(0, { groups: ['job'] })).toBe('no-margin');
       });
 
-      it('it returns left-margin when no triggerer and not the first stage', function () {
+      it('it returns left-margin when no triggerer and not the first stage', function() {
         expect(component.stageConnectorClass(99, { groups: ['job'] })).toBe('left-margin');
       });
     });
@@ -142,7 +148,9 @@ describe('graph component', () => {
         pipeline: graphJSON,
       });
 
-      expect(component.$el.querySelector('.stage-column:nth-child(2) .stage-name').textContent.trim()).toEqual('Deploy <img src=x onerror=alert(document.domain)>');
+      expect(
+        component.$el.querySelector('.stage-column:nth-child(2) .stage-name').textContent.trim(),
+      ).toEqual('Deploy <img src=x onerror=alert(document.domain)>');
     });
   });
 });

spec/javascripts/sidebar/assignees_spec.js

@@ -78,9 +78,7 @@ describe('Assignee component', () => {
       component = new AssigneeComponent({
         propsData: {
           rootPath: 'http://localhost:3000',
-          users: [
-            UsersMock.user,
-          ],
+          users: [UsersMock.user],
           editable: false,
         },
       }).$mount();
@@ -90,7 +88,10 @@ describe('Assignee component', () => {
 
       expect(collapsed.childElementCount).toEqual(1);
       expect(assignee.querySelector('.avatar').getAttribute('src')).toEqual(UsersMock.user.avatar);
-      expect(assignee.querySelector('.avatar').getAttribute('alt')).toEqual(`${UsersMock.user.name}'s avatar`);
+      expect(assignee.querySelector('.avatar').getAttribute('alt')).toEqual(
+        `${UsersMock.user.name}'s avatar`,
+      );
+
       expect(assignee.querySelector('.author').innerText.trim()).toEqual(UsersMock.user.name);
     });
 
@@ -98,34 +99,38 @@ describe('Assignee component', () => {
       component = new AssigneeComponent({
         propsData: {
           rootPath: 'http://localhost:3000/',
-          users: [
-            UsersMock.user,
-          ],
+          users: [UsersMock.user],
           editable: true,
         },
       }).$mount();
 
       expect(component.$el.querySelector('.author-link')).not.toBeNull();
       // The image
-      expect(component.$el.querySelector('.author-link img').getAttribute('src')).toEqual(UsersMock.user.avatar);
+      expect(component.$el.querySelector('.author-link img').getAttribute('src')).toEqual(
+        UsersMock.user.avatar,
+      );
       // Author name
-      expect(component.$el.querySelector('.author-link .author').innerText.trim()).toEqual(UsersMock.user.name);
+      expect(component.$el.querySelector('.author-link .author').innerText.trim()).toEqual(
+        UsersMock.user.name,
+      );
       // Username
-      expect(component.$el.querySelector('.author-link .username').innerText.trim()).toEqual(`@${UsersMock.user.username}`);
+      expect(component.$el.querySelector('.author-link .username').innerText.trim()).toEqual(
+        `@${UsersMock.user.username}`,
+      );
     });
 
     it('has the root url present in the assigneeUrl method', () => {
       component = new AssigneeComponent({
         propsData: {
           rootPath: 'http://localhost:3000/',
-          users: [
-            UsersMock.user,
-          ],
+          users: [UsersMock.user],
           editable: true,
         },
       }).$mount();
 
-      expect(component.assigneeUrl(UsersMock.user).indexOf('http://localhost:3000/')).not.toEqual(-1);
+      expect(component.assigneeUrl(UsersMock.user).indexOf('http://localhost:3000/')).not.toEqual(
+        -1,
+      );
     });
   });
 
@@ -147,13 +152,19 @@ describe('Assignee component', () => {
       const first = collapsed.children[0];
 
       expect(first.querySelector('.avatar').getAttribute('src')).toEqual(users[0].avatar);
-      expect(first.querySelector('.avatar').getAttribute('alt')).toEqual(`${users[0].name}'s avatar`);
+      expect(first.querySelector('.avatar').getAttribute('alt')).toEqual(
+        `${users[0].name}'s avatar`,
+      );
+
       expect(first.querySelector('.author').innerText.trim()).toEqual(users[0].name);
 
       const second = collapsed.children[1];
 
       expect(second.querySelector('.avatar').getAttribute('src')).toEqual(users[1].avatar);
-      expect(second.querySelector('.avatar').getAttribute('alt')).toEqual(`${users[1].name}'s avatar`);
+      expect(second.querySelector('.avatar').getAttribute('alt')).toEqual(
+        `${users[1].name}'s avatar`,
+      );
+
       expect(second.querySelector('.author').innerText.trim()).toEqual(users[1].name);
     });
 
@@ -174,7 +185,10 @@ describe('Assignee component', () => {
       const first = collapsed.children[0];
 
       expect(first.querySelector('.avatar').getAttribute('src')).toEqual(users[0].avatar);
-      expect(first.querySelector('.avatar').getAttribute('alt')).toEqual(`${users[0].name}'s avatar`);
+      expect(first.querySelector('.avatar').getAttribute('alt')).toEqual(
+        `${users[0].name}'s avatar`,
+      );
+
       expect(first.querySelector('.author').innerText.trim()).toEqual(users[0].name);
 
       const second = collapsed.children[1];
@@ -206,12 +220,10 @@ describe('Assignee component', () => {
         },
       }).$mount();
 
-      expect(
-        component.$el.querySelector('.user-link').getAttribute('data-container'),
-      ).toBe('body');
+      expect(component.$el.querySelector('.user-link').getAttribute('data-container')).toBe('body');
     });
 
-    it('Shows the "show-less" assignees label', (done) => {
+    it('Shows the "show-less" assignees label', done => {
       const users = UsersMockHelper.createNumberRandomUsers(6);
       component = new AssigneeComponent({
         propsData: {
@@ -221,21 +233,26 @@ describe('Assignee component', () => {
         },
       }).$mount();
 
-      expect(component.$el.querySelectorAll('.user-item').length).toEqual(component.defaultRenderCount);
+      expect(component.$el.querySelectorAll('.user-item').length).toEqual(
+        component.defaultRenderCount,
+      );
+
       expect(component.$el.querySelector('.user-list-more')).not.toBe(null);
       const usersLabelExpectation = users.length - component.defaultRenderCount;
 
-      expect(component.$el.querySelector('.user-list-more .btn-link').innerText.trim())
-        .not.toBe(`+${usersLabelExpectation} more`);
+      expect(component.$el.querySelector('.user-list-more .btn-link').innerText.trim()).not.toBe(
+        `+${usersLabelExpectation} more`,
+      );
       component.toggleShowLess();
       Vue.nextTick(() => {
-        expect(component.$el.querySelector('.user-list-more .btn-link').innerText.trim())
-          .toBe('- show less');
+        expect(component.$el.querySelector('.user-list-more .btn-link').innerText.trim()).toBe(
+          '- show less',
+        );
         done();
       });
     });
 
-    it('Shows the "show-less" when "n+ more " label is clicked', (done) => {
+    it('Shows the "show-less" when "n+ more " label is clicked', done => {
       const users = UsersMockHelper.createNumberRandomUsers(6);
       component = new AssigneeComponent({
         propsData: {
@@ -247,8 +264,9 @@ describe('Assignee component', () => {
 
       component.$el.querySelector('.user-list-more .btn-link').click();
       Vue.nextTick(() => {
-        expect(component.$el.querySelector('.user-list-more .btn-link').innerText.trim())
-          .toBe('- show less');
+        expect(component.$el.querySelector('.user-list-more .btn-link').innerText.trim()).toBe(
+          '- show less',
+        );
         done();
       });
     });
@@ -279,16 +297,18 @@ describe('Assignee component', () => {
       });
 
       it('shows "+1 more" label', () => {
-        expect(component.$el.querySelector('.user-list-more .btn-link').innerText.trim())
-          .toBe('+ 1 more');
+        expect(component.$el.querySelector('.user-list-more .btn-link').innerText.trim()).toBe(
+          '+ 1 more',
+        );
       });
 
-      it('shows "show less" label', (done) => {
+      it('shows "show less" label', done => {
         component.toggleShowLess();
 
         Vue.nextTick(() => {
-          expect(component.$el.querySelector('.user-list-more .btn-link').innerText.trim())
-            .toBe('- show less');
+          expect(component.$el.querySelector('.user-list-more .btn-link').innerText.trim()).toBe(
+            '- show less',
+          );
           done();
         });
       });

spec/javascripts/test_bundle.js

@@ -200,8 +200,10 @@ if (process.env.BABEL_ENV === 'coverage') {
       require.context('~', true, /\.(js|vue)$/),
       require.context('ee', true, /\.(js|vue)$/),
     ];
-    const allTestFiles = testContexts.reduce((accumulator, context) =>
-      accumulator.concat(context.keys()), []);
+    const allTestFiles = testContexts.reduce(
+      (accumulator, context) => accumulator.concat(context.keys()),
+      [],
+    );
 
     $.holdReady(true);
 

spec/javascripts/vue_mr_widget/components/mr_widget_pipeline_spec.js

@@ -73,9 +73,9 @@ describe('MRWidgetPipeline', () => {
         troubleshootingDocsPath: 'help',
       });
 
-      expect(
-        vm.$el.querySelector('.media-body').textContent.trim(),
-      ).toContain('Could not retrieve the pipeline status. For troubleshooting steps, read the <a href="help">documentation.</a>');
+      expect(vm.$el.querySelector('.media-body').textContent.trim()).toContain(
+        'Could not retrieve the pipeline status. For troubleshooting steps, read the <a href="help">documentation.</a>',
+      );
     });
 
     describe('with a pipeline', () => {
@@ -89,34 +89,36 @@ describe('MRWidgetPipeline', () => {
       });
 
       it('should render pipeline ID', () => {
-        expect(
-          vm.$el.querySelector('.pipeline-id').textContent.trim(),
-        ).toEqual(`#${mockData.pipeline.id}`);
+        expect(vm.$el.querySelector('.pipeline-id').textContent.trim()).toEqual(
+          `#${mockData.pipeline.id}`,
+        );
       });
 
       it('should render pipeline status and commit id', () => {
-        expect(
-          vm.$el.querySelector('.media-body').textContent.trim(),
-        ).toContain(mockData.pipeline.details.status.label);
+        expect(vm.$el.querySelector('.media-body').textContent.trim()).toContain(
+          mockData.pipeline.details.status.label,
+        );
 
-        expect(
-          vm.$el.querySelector('.js-commit-link').textContent.trim(),
-        ).toEqual(mockData.pipeline.commit.short_id);
+        expect(vm.$el.querySelector('.js-commit-link').textContent.trim()).toEqual(
+          mockData.pipeline.commit.short_id,
+        );
 
-        expect(
-          vm.$el.querySelector('.js-commit-link').getAttribute('href'),
-        ).toEqual(mockData.pipeline.commit.commit_path);
+        expect(vm.$el.querySelector('.js-commit-link').getAttribute('href')).toEqual(
+          mockData.pipeline.commit.commit_path,
+        );
       });
 
       it('should render pipeline graph', () => {
         expect(vm.$el.querySelector('.mr-widget-pipeline-graph')).toBeDefined();
-        expect(vm.$el.querySelectorAll('.stage-container').length).toEqual(mockData.pipeline.details.stages.length);
+        expect(vm.$el.querySelectorAll('.stage-container').length).toEqual(
+          mockData.pipeline.details.stages.length,
+        );
       });
 
       it('should render coverage information', () => {
-        expect(
-          vm.$el.querySelector('.media-body').textContent,
-        ).toContain(`Coverage ${mockData.pipeline.coverage}`);
+        expect(vm.$el.querySelector('.media-body').textContent).toContain(
+          `Coverage ${mockData.pipeline.coverage}`,
+        );
       });
     });
 
@@ -134,30 +136,30 @@ describe('MRWidgetPipeline', () => {
       });
 
       it('should render pipeline ID', () => {
-        expect(
-          vm.$el.querySelector('.pipeline-id').textContent.trim(),
-        ).toEqual(`#${mockData.pipeline.id}`);
+        expect(vm.$el.querySelector('.pipeline-id').textContent.trim()).toEqual(
+          `#${mockData.pipeline.id}`,
+        );
       });
 
       it('should render pipeline status', () => {
-        expect(
-          vm.$el.querySelector('.media-body').textContent.trim(),
-        ).toContain(mockData.pipeline.details.status.label);
+        expect(vm.$el.querySelector('.media-body').textContent.trim()).toContain(
+          mockData.pipeline.details.status.label,
+        );
 
-        expect(
-          vm.$el.querySelector('.js-commit-link'),
-        ).toBeNull();
+        expect(vm.$el.querySelector('.js-commit-link')).toBeNull();
       });
 
       it('should render pipeline graph', () => {
         expect(vm.$el.querySelector('.mr-widget-pipeline-graph')).toBeDefined();
-        expect(vm.$el.querySelectorAll('.stage-container').length).toEqual(mockData.pipeline.details.stages.length);
+        expect(vm.$el.querySelectorAll('.stage-container').length).toEqual(
+          mockData.pipeline.details.stages.length,
+        );
       });
 
       it('should render coverage information', () => {
-        expect(
-          vm.$el.querySelector('.media-body').textContent,
-        ).toContain(`Coverage ${mockData.pipeline.coverage}`);
+        expect(vm.$el.querySelector('.media-body').textContent).toContain(
+          `Coverage ${mockData.pipeline.coverage}`,
+        );
       });
     });
 
@@ -173,9 +175,7 @@ describe('MRWidgetPipeline', () => {
           troubleshootingDocsPath: 'help',
         });
 
-        expect(
-          vm.$el.querySelector('.media-body').textContent,
-        ).not.toContain('Coverage');
+        expect(vm.$el.querySelector('.media-body').textContent).not.toContain('Coverage');
       });
     });
 

spec/javascripts/vue_mr_widget/mock_data.js

@@ -230,7 +230,7 @@ export default {
     '/help/user/project/merge_requests/index#interacting-with-security-reports-ultimate',
   merge_commit_path:
     'http://localhost:3000/root/acets-app/commit/53027d060246c8f47e4a9310fb332aa52f221775',
-  troubleshooting_docs_path: 'help'
+  troubleshooting_docs_path: 'help',
 };
 // Codeclimate
 export const headIssues = [

spec/javascripts/vue_mr_widget/mr_widget_options_spec.js

@@ -454,7 +454,7 @@ describe('mrWidgetOptions', () => {
       deployed_at: '2017-03-22T22:44:42.258Z',
       deployed_at_formatted: 'Mar 22, 2017 10:44pm',
       changes,
-      status: 'success'
+      status: 'success',
     };
 
     beforeEach(done => {
@@ -607,7 +607,8 @@ describe('mrWidgetOptions', () => {
 
       describe('with post merge deployments', () => {
         beforeEach(done => {
-          vm.mr.postMergeDeployments = [{
+          vm.mr.postMergeDeployments = [
+            {
               id: 15,
               name: 'review/diplo',
               url: '/root/acets-review-apps/environments/15',
@@ -625,15 +626,17 @@ describe('mrWidgetOptions', () => {
                 },
                 {
                   path: 'imgs/gallery.html',
-                external_url: 'http://root-master-patch-91341.volatile-watch.surge.sh/imgs/gallery.html',
+                  external_url:
+                    'http://root-master-patch-91341.volatile-watch.surge.sh/imgs/gallery.html',
                 },
                 {
                   path: 'about/',
                   external_url: 'http://root-master-patch-91341.volatile-watch.surge.sh/about/',
                 },
               ],
-            status: 'success'
-          }];
+              status: 'success',
+            },
+          ];
 
           vm.$nextTick(done);
         });

spec/javascripts/vue_shared/components/sidebar/collapsed_grouped_date_picker_spec.js

@@ -12,7 +12,7 @@ describe('collapsedGroupedDatePicker', () => {
   });
 
   describe('toggleCollapse events', () => {
-    beforeEach((done) => {
+    beforeEach(done => {
       spyOn(vm, 'toggleSidebar');
       vm.minDate = new Date('07/17/2016');
       Vue.nextTick(done);
@@ -26,7 +26,7 @@ describe('collapsedGroupedDatePicker', () => {
   });
 
   describe('minDate and maxDate', () => {
-    beforeEach((done) => {
+    beforeEach(done => {
       vm.minDate = new Date('07/17/2016');
       vm.maxDate = new Date('07/17/2017');
       Vue.nextTick(done);
@@ -42,7 +42,7 @@ describe('collapsedGroupedDatePicker', () => {
   });
 
   describe('minDate', () => {
-    beforeEach((done) => {
+    beforeEach(done => {
       vm.minDate = new Date('07/17/2016');
       Vue.nextTick(done);
     });
@@ -56,7 +56,7 @@ describe('collapsedGroupedDatePicker', () => {
   });
 
   describe('maxDate', () => {
-    beforeEach((done) => {
+    beforeEach(done => {
       vm.maxDate = new Date('07/17/2017');
       Vue.nextTick(done);
     });

spec/javascripts/vue_shared/components/sidebar/date_picker_spec.js

@@ -32,7 +32,7 @@ describe('sidebarDatePicker', () => {
     expect(vm.$el.querySelector('.value-content span').innerText.trim()).toEqual('None');
   });
 
-  it('should render date-picker when editing', (done) => {
+  it('should render date-picker when editing', done => {
     vm.editing = true;
     Vue.nextTick(() => {
       expect(vm.$el.querySelector('.pika-label')).toBeDefined();
@@ -41,7 +41,7 @@ describe('sidebarDatePicker', () => {
   });
 
   describe('editable', () => {
-    beforeEach((done) => {
+    beforeEach(done => {
       vm.editable = true;
       Vue.nextTick(done);
     });
@@ -50,7 +50,7 @@ describe('sidebarDatePicker', () => {
       expect(vm.$el.querySelector('.title .btn-blank').innerText.trim()).toEqual('Edit');
     });
 
-    it('should enable editing when edit button is clicked', (done) => {
+    it('should enable editing when edit button is clicked', done => {
       vm.isLoading = false;
       Vue.nextTick(() => {
         vm.$el.querySelector('.title .btn-blank').click();
@@ -61,7 +61,7 @@ describe('sidebarDatePicker', () => {
     });
   });
 
-  it('should render date if selectedDate', (done) => {
+  it('should render date if selectedDate', done => {
     vm.selectedDate = new Date('07/07/2017');
     Vue.nextTick(() => {
       expect(vm.$el.querySelector('.value-content strong').innerText.trim()).toEqual('Jul 7, 2017');
@@ -70,7 +70,7 @@ describe('sidebarDatePicker', () => {
   });
 
   describe('selectedDate and editable', () => {
-    beforeEach((done) => {
+    beforeEach(done => {
       vm.selectedDate = new Date('07/07/2017');
       vm.editable = true;
       Vue.nextTick(done);
@@ -91,7 +91,7 @@ describe('sidebarDatePicker', () => {
   });
 
   describe('showToggleSidebar', () => {
-    beforeEach((done) => {
+    beforeEach(done => {
       vm.showToggleSidebar = true;
       Vue.nextTick(done);
     });

spec/javascripts/vue_shared/components/sidebar/labels_select/dropdown_value_collapsed_spec.js

@@ -49,7 +49,9 @@ describe('DropdownValueCollapsedComponent', () => {
 
         const vmMoreLabels = createComponent(mockMoreLabels);
 
-        expect(vmMoreLabels.labelsList).toBe('Foo Label, Foo Label, Foo Label, Foo Label, Foo Label, and 2 more');
+        expect(vmMoreLabels.labelsList).toBe(
+          'Foo Label, Foo Label, Foo Label, Foo Label, Foo Label, and 2 more',
+        );
         vmMoreLabels.$destroy();
       });