Add latest changes from gitlab-org/gitlab@13-0-stable-ee

219 files changed, 95 insertions, 29716 deletions

diff --git a/spec/javascripts/ajax_loading_spinner_spec.js b/spec/javascripts/ajax_loading_spinner_spec.js
deleted file mode 100644
index 89195a4397f..00000000000
--- a/spec/javascripts/ajax_loading_spinner_spec.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import $ from 'jquery';
-import AjaxLoadingSpinner from '~/ajax_loading_spinner';
-
-describe('Ajax Loading Spinner', () => {
-  const fixtureTemplate = 'static/ajax_loading_spinner.html';
-  preloadFixtures(fixtureTemplate);
-
-  beforeEach(() => {
-    loadFixtures(fixtureTemplate);
-    AjaxLoadingSpinner.init();
-  });
-
-  it('change current icon with spinner icon and disable link while waiting ajax response', done => {
-    spyOn($, 'ajax').and.callFake(req => {
-      const xhr = new XMLHttpRequest();
-      const ajaxLoadingSpinner = document.querySelector('.js-ajax-loading-spinner');
-      const icon = ajaxLoadingSpinner.querySelector('i');
-
-      req.beforeSend(xhr, { dataType: 'text/html' });
-
-      expect(icon).not.toHaveClass('fa-trash-o');
-      expect(icon).toHaveClass('fa-spinner');
-      expect(icon).toHaveClass('fa-spin');
-      expect(icon.dataset.icon).toEqual('fa-trash-o');
-      expect(ajaxLoadingSpinner.getAttribute('disabled')).toEqual('');
-
-      req.complete({});
-
-      done();
-      const deferred = $.Deferred();
-      return deferred.promise();
-    });
-    document.querySelector('.js-ajax-loading-spinner').click();
-  });
-
-  it('use original icon again and enabled the link after complete the ajax request', done => {
-    spyOn($, 'ajax').and.callFake(req => {
-      const xhr = new XMLHttpRequest();
-      const ajaxLoadingSpinner = document.querySelector('.js-ajax-loading-spinner');
-
-      req.beforeSend(xhr, { dataType: 'text/html' });
-      req.complete({});
-
-      const icon = ajaxLoadingSpinner.querySelector('i');
-
-      expect(icon).toHaveClass('fa-trash-o');
-      expect(icon).not.toHaveClass('fa-spinner');
-      expect(icon).not.toHaveClass('fa-spin');
-      expect(ajaxLoadingSpinner.getAttribute('disabled')).toEqual(null);
-
-      done();
-      const deferred = $.Deferred();
-      return deferred.promise();
-    });
-    document.querySelector('.js-ajax-loading-spinner').click();
-  });
-});
diff --git a/spec/javascripts/avatar_helper_spec.js b/spec/javascripts/avatar_helper_spec.js
deleted file mode 100644
index c1ef08e0f1b..00000000000
--- a/spec/javascripts/avatar_helper_spec.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import { TEST_HOST } from 'spec/test_constants';
-import { getFirstCharacterCapitalized } from '~/lib/utils/text_utility';
-import {
-  DEFAULT_SIZE_CLASS,
-  IDENTICON_BG_COUNT,
-  renderAvatar,
-  renderIdenticon,
-  getIdenticonBackgroundClass,
-  getIdenticonTitle,
-} from '~/helpers/avatar_helper';
-
-function matchAll(str) {
-  return new RegExp(`^${str}$`);
-}
-
-describe('avatar_helper', () => {
-  describe('getIdenticonBackgroundClass', () => {
-    it('returns identicon bg class from id', () => {
-      expect(getIdenticonBackgroundClass(1)).toEqual('bg2');
-    });
-
-    it(`wraps around if id is bigger than ${IDENTICON_BG_COUNT}`, () => {
-      expect(getIdenticonBackgroundClass(IDENTICON_BG_COUNT + 4)).toEqual('bg5');
-      expect(getIdenticonBackgroundClass(IDENTICON_BG_COUNT * 5 + 6)).toEqual('bg7');
-    });
-  });
-
-  describe('getIdenticonTitle', () => {
-    it('returns identicon title from name', () => {
-      expect(getIdenticonTitle('Lorem')).toEqual('L');
-      expect(getIdenticonTitle('dolar-sit-amit')).toEqual('D');
-      expect(getIdenticonTitle('%-with-special-chars')).toEqual('%');
-    });
-
-    it('returns space if name is falsey', () => {
-      expect(getIdenticonTitle('')).toEqual(' ');
-      expect(getIdenticonTitle(null)).toEqual(' ');
-    });
-  });
-
-  describe('renderIdenticon', () => {
-    it('renders with the first letter as title and bg based on id', () => {
-      const entity = {
-        id: IDENTICON_BG_COUNT + 3,
-        name: 'Xavior',
-      };
-      const options = {
-        sizeClass: 's32',
-      };
-
-      const result = renderIdenticon(entity, options);
-
-      expect(result).toHaveClass(`identicon ${options.sizeClass} bg4`);
-      expect(result).toHaveText(matchAll(getFirstCharacterCapitalized(entity.name)));
-    });
-
-    it('renders with defaults, if no options are given', () => {
-      const entity = {
-        id: 1,
-        name: 'tanuki',
-      };
-
-      const result = renderIdenticon(entity);
-
-      expect(result).toHaveClass(`identicon ${DEFAULT_SIZE_CLASS} bg2`);
-      expect(result).toHaveText(matchAll(getFirstCharacterCapitalized(entity.name)));
-    });
-  });
-
-  describe('renderAvatar', () => {
-    it('renders an image with the avatarUrl', () => {
-      const avatarUrl = `${TEST_HOST}/not-real-assets/test.png`;
-
-      const result = renderAvatar({
-        avatar_url: avatarUrl,
-      });
-
-      expect(result).toBeMatchedBy('img');
-      expect(result).toHaveAttr('src', avatarUrl);
-      expect(result).toHaveClass(DEFAULT_SIZE_CLASS);
-    });
-
-    it('renders an identicon if no avatarUrl', () => {
-      const entity = {
-        id: 1,
-        name: 'walrus',
-      };
-      const options = {
-        sizeClass: 's16',
-      };
-
-      const result = renderAvatar(entity, options);
-
-      expect(result).toHaveClass(`identicon ${options.sizeClass} bg2`);
-      expect(result).toHaveText(matchAll(getFirstCharacterCapitalized(entity.name)));
-    });
-  });
-});
diff --git a/spec/javascripts/bootstrap_linked_tabs_spec.js b/spec/javascripts/bootstrap_linked_tabs_spec.js
deleted file mode 100644
index 1d21637ceae..00000000000
--- a/spec/javascripts/bootstrap_linked_tabs_spec.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import LinkedTabs from '~/lib/utils/bootstrap_linked_tabs';
-
-describe('Linked Tabs', () => {
-  preloadFixtures('static/linked_tabs.html');
-
-  beforeEach(() => {
-    loadFixtures('static/linked_tabs.html');
-  });
-
-  describe('when is initialized', () => {
-    beforeEach(() => {
-      spyOn(window.history, 'replaceState').and.callFake(function() {});
-    });
-
-    it('should activate the tab correspondent to the given action', () => {
-      // eslint-disable-next-line no-new
-      new LinkedTabs({
-        action: 'tab1',
-        defaultAction: 'tab1',
-        parentEl: '.linked-tabs',
-      });
-
-      expect(document.querySelector('#tab1').classList).toContain('active');
-    });
-
-    it('should active the default tab action when the action is show', () => {
-      // eslint-disable-next-line no-new
-      new LinkedTabs({
-        action: 'show',
-        defaultAction: 'tab1',
-        parentEl: '.linked-tabs',
-      });
-
-      expect(document.querySelector('#tab1').classList).toContain('active');
-    });
-  });
-
-  describe('on click', () => {
-    it('should change the url according to the clicked tab', () => {
-      const historySpy = spyOn(window.history, 'replaceState').and.callFake(() => {});
-
-      const linkedTabs = new LinkedTabs({
-        action: 'show',
-        defaultAction: 'tab1',
-        parentEl: '.linked-tabs',
-      });
-
-      const secondTab = document.querySelector('.linked-tabs li:nth-child(2) a');
-      const newState =
-        secondTab.getAttribute('href') +
-        linkedTabs.currentLocation.search +
-        linkedTabs.currentLocation.hash;
-
-      secondTab.click();
-
-      if (historySpy) {
-        expect(historySpy).toHaveBeenCalledWith(
-          {
-            url: newState,
-          },
-          document.title,
-          newState,
-        );
-      }
-    });
-  });
-});
diff --git a/spec/javascripts/ci_variable_list/ajax_variable_list_spec.js b/spec/javascripts/ci_variable_list/ajax_variable_list_spec.js
deleted file mode 100644
index a1377564073..00000000000
--- a/spec/javascripts/ci_variable_list/ajax_variable_list_spec.js
+++ /dev/null
@@ -1,231 +0,0 @@
-import $ from 'jquery';
-import MockAdapter from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import AjaxFormVariableList from '~/ci_variable_list/ajax_variable_list';
-
-const VARIABLE_PATCH_ENDPOINT = 'http://test.host/frontend-fixtures/builds-project/-/variables';
-const HIDE_CLASS = 'hide';
-
-describe('AjaxFormVariableList', () => {
-  preloadFixtures('projects/ci_cd_settings.html');
-  preloadFixtures('projects/ci_cd_settings_with_variables.html');
-
-  let container;
-  let saveButton;
-  let errorBox;
-
-  let mock;
-  let ajaxVariableList;
-
-  beforeEach(() => {
-    loadFixtures('projects/ci_cd_settings.html');
-    container = document.querySelector('.js-ci-variable-list-section');
-
-    mock = new MockAdapter(axios);
-
-    const ajaxVariableListEl = document.querySelector('.js-ci-variable-list-section');
-    saveButton = ajaxVariableListEl.querySelector('.js-ci-variables-save-button');
-    errorBox = container.querySelector('.js-ci-variable-error-box');
-    ajaxVariableList = new AjaxFormVariableList({
-      container,
-      formField: 'variables',
-      saveButton,
-      errorBox,
-      saveEndpoint: container.dataset.saveEndpoint,
-      maskableRegex: container.dataset.maskableRegex,
-    });
-
-    spyOn(ajaxVariableList, 'updateRowsWithPersistedVariables').and.callThrough();
-    spyOn(ajaxVariableList.variableList, 'toggleEnableRow').and.callThrough();
-  });
-
-  afterEach(() => {
-    mock.restore();
-  });
-
-  describe('onSaveClicked', () => {
-    it('shows loading spinner while waiting for the request', done => {
-      const loadingIcon = saveButton.querySelector('.js-ci-variables-save-loading-icon');
-
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(() => {
-        expect(loadingIcon.classList.contains(HIDE_CLASS)).toEqual(false);
-
-        return [200, {}];
-      });
-
-      expect(loadingIcon.classList.contains(HIDE_CLASS)).toEqual(true);
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(loadingIcon.classList.contains(HIDE_CLASS)).toEqual(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('calls `updateRowsWithPersistedVariables` with the persisted variables', done => {
-      const variablesResponse = [{ id: 1, key: 'foo', value: 'bar' }];
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(200, {
-        variables: variablesResponse,
-      });
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(ajaxVariableList.updateRowsWithPersistedVariables).toHaveBeenCalledWith(
-            variablesResponse,
-          );
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('hides any previous error box', done => {
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(200);
-
-      expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(true);
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('disables remove buttons while waiting for the request', done => {
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(() => {
-        expect(ajaxVariableList.variableList.toggleEnableRow).toHaveBeenCalledWith(false);
-
-        return [200, {}];
-      });
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(ajaxVariableList.variableList.toggleEnableRow).toHaveBeenCalledWith(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('hides secret values', done => {
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(200, {});
-
-      const row = container.querySelector('.js-row');
-      const valueInput = row.querySelector('.js-ci-variable-input-value');
-      const valuePlaceholder = row.querySelector('.js-secret-value-placeholder');
-
-      valueInput.value = 'bar';
-      $(valueInput).trigger('input');
-
-      expect(valuePlaceholder.classList.contains(HIDE_CLASS)).toBe(true);
-      expect(valueInput.classList.contains(HIDE_CLASS)).toBe(false);
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(valuePlaceholder.classList.contains(HIDE_CLASS)).toBe(false);
-          expect(valueInput.classList.contains(HIDE_CLASS)).toBe(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('shows error box with validation errors', done => {
-      const validationError = 'some validation error';
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(400, [validationError]);
-
-      expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(true);
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(false);
-          expect(errorBox.textContent.trim().replace(/\n+\s+/m, ' ')).toEqual(
-            `Validation failed ${validationError}`,
-          );
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('shows flash message when request fails', done => {
-      mock.onPatch(VARIABLE_PATCH_ENDPOINT).reply(500);
-
-      expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(true);
-
-      ajaxVariableList
-        .onSaveClicked()
-        .then(() => {
-          expect(errorBox.classList.contains(HIDE_CLASS)).toEqual(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('updateRowsWithPersistedVariables', () => {
-    beforeEach(() => {
-      loadFixtures('projects/ci_cd_settings_with_variables.html');
-      container = document.querySelector('.js-ci-variable-list-section');
-
-      const ajaxVariableListEl = document.querySelector('.js-ci-variable-list-section');
-      saveButton = ajaxVariableListEl.querySelector('.js-ci-variables-save-button');
-      errorBox = container.querySelector('.js-ci-variable-error-box');
-      ajaxVariableList = new AjaxFormVariableList({
-        container,
-        formField: 'variables',
-        saveButton,
-        errorBox,
-        saveEndpoint: container.dataset.saveEndpoint,
-      });
-    });
-
-    it('removes variable that was removed', () => {
-      expect(container.querySelectorAll('.js-row').length).toBe(3);
-
-      container.querySelector('.js-row-remove-button').click();
-
-      expect(container.querySelectorAll('.js-row').length).toBe(3);
-
-      ajaxVariableList.updateRowsWithPersistedVariables([]);
-
-      expect(container.querySelectorAll('.js-row').length).toBe(2);
-    });
-
-    it('updates new variable row with persisted ID', () => {
-      const row = container.querySelector('.js-row:last-child');
-      const idInput = row.querySelector('.js-ci-variable-input-id');
-      const keyInput = row.querySelector('.js-ci-variable-input-key');
-      const valueInput = row.querySelector('.js-ci-variable-input-value');
-
-      keyInput.value = 'foo';
-      $(keyInput).trigger('input');
-      valueInput.value = 'bar';
-      $(valueInput).trigger('input');
-
-      expect(idInput.value).toEqual('');
-
-      ajaxVariableList.updateRowsWithPersistedVariables([
-        {
-          id: 3,
-          key: 'foo',
-          value: 'bar',
-        },
-      ]);
-
-      expect(idInput.value).toEqual('3');
-      expect(row.dataset.isPersisted).toEqual('true');
-    });
-  });
-
-  describe('maskableRegex', () => {
-    it('takes in the regex provided by the data attribute', () => {
-      expect(container.dataset.maskableRegex).toBe('^[a-zA-Z0-9_+=/@:.-]{8,}$');
-      expect(ajaxVariableList.maskableRegex).toBe(container.dataset.maskableRegex);
-    });
-  });
-});
diff --git a/spec/javascripts/ci_variable_list/ci_variable_list_spec.js b/spec/javascripts/ci_variable_list/ci_variable_list_spec.js
deleted file mode 100644
index c0c3a83a44b..00000000000
--- a/spec/javascripts/ci_variable_list/ci_variable_list_spec.js
+++ /dev/null
@@ -1,294 +0,0 @@
-import $ from 'jquery';
-import getSetTimeoutPromise from 'spec/helpers/set_timeout_promise_helper';
-import VariableList from '~/ci_variable_list/ci_variable_list';
-
-const HIDE_CLASS = 'hide';
-
-describe('VariableList', () => {
-  preloadFixtures('pipeline_schedules/edit.html');
-  preloadFixtures('pipeline_schedules/edit_with_variables.html');
-  preloadFixtures('projects/ci_cd_settings.html');
-
-  let $wrapper;
-  let variableList;
-
-  describe('with only key/value inputs', () => {
-    describe('with no variables', () => {
-      beforeEach(() => {
-        loadFixtures('pipeline_schedules/edit.html');
-        $wrapper = $('.js-ci-variable-list-section');
-
-        variableList = new VariableList({
-          container: $wrapper,
-          formField: 'schedule',
-        });
-        variableList.init();
-      });
-
-      it('should remove the row when clicking the remove button', () => {
-        $wrapper.find('.js-row-remove-button').trigger('click');
-
-        expect($wrapper.find('.js-row').length).toBe(0);
-      });
-
-      it('should add another row when editing the last rows key input', () => {
-        const $row = $wrapper.find('.js-row');
-        $row
-          .find('.js-ci-variable-input-key')
-          .val('foo')
-          .trigger('input');
-
-        expect($wrapper.find('.js-row').length).toBe(2);
-
-        // Check for the correct default in the new row
-        const $keyInput = $wrapper.find('.js-row:last-child').find('.js-ci-variable-input-key');
-
-        expect($keyInput.val()).toBe('');
-      });
-
-      it('should add another row when editing the last rows value textarea', () => {
-        const $row = $wrapper.find('.js-row');
-        $row
-          .find('.js-ci-variable-input-value')
-          .val('foo')
-          .trigger('input');
-
-        expect($wrapper.find('.js-row').length).toBe(2);
-
-        // Check for the correct default in the new row
-        const $valueInput = $wrapper.find('.js-row:last-child').find('.js-ci-variable-input-key');
-
-        expect($valueInput.val()).toBe('');
-      });
-
-      it('should remove empty row after blurring', () => {
-        const $row = $wrapper.find('.js-row');
-        $row
-          .find('.js-ci-variable-input-key')
-          .val('foo')
-          .trigger('input');
-
-        expect($wrapper.find('.js-row').length).toBe(2);
-
-        $row
-          .find('.js-ci-variable-input-key')
-          .val('')
-          .trigger('input')
-          .trigger('blur');
-
-        expect($wrapper.find('.js-row').length).toBe(1);
-      });
-    });
-
-    describe('with persisted variables', () => {
-      beforeEach(() => {
-        loadFixtures('pipeline_schedules/edit_with_variables.html');
-        $wrapper = $('.js-ci-variable-list-section');
-
-        variableList = new VariableList({
-          container: $wrapper,
-          formField: 'schedule',
-        });
-        variableList.init();
-      });
-
-      it('should have "Reveal values" button initially when there are already variables', () => {
-        expect($wrapper.find('.js-secret-value-reveal-button').text()).toBe('Reveal values');
-      });
-
-      it('should reveal hidden values', () => {
-        const $row = $wrapper.find('.js-row:first-child');
-        const $inputValue = $row.find('.js-ci-variable-input-value');
-        const $placeholder = $row.find('.js-secret-value-placeholder');
-
-        expect($placeholder.hasClass(HIDE_CLASS)).toBe(false);
-        expect($inputValue.hasClass(HIDE_CLASS)).toBe(true);
-
-        // Reveal values
-        $wrapper.find('.js-secret-value-reveal-button').click();
-
-        expect($placeholder.hasClass(HIDE_CLASS)).toBe(true);
-        expect($inputValue.hasClass(HIDE_CLASS)).toBe(false);
-      });
-    });
-  });
-
-  describe('with all inputs(key, value, protected)', () => {
-    beforeEach(() => {
-      loadFixtures('projects/ci_cd_settings.html');
-      $wrapper = $('.js-ci-variable-list-section');
-
-      $wrapper.find('.js-ci-variable-input-protected').attr('data-default', 'false');
-
-      variableList = new VariableList({
-        container: $wrapper,
-        formField: 'variables',
-      });
-      variableList.init();
-    });
-
-    it('should not add another row when editing the last rows protected checkbox', done => {
-      const $row = $wrapper.find('.js-row:last-child');
-      $row.find('.ci-variable-protected-item .js-project-feature-toggle').click();
-
-      getSetTimeoutPromise()
-        .then(() => {
-          expect($wrapper.find('.js-row').length).toBe(1);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('should not add another row when editing the last rows masked checkbox', done => {
-      const $row = $wrapper.find('.js-row:last-child');
-      $row.find('.ci-variable-masked-item .js-project-feature-toggle').click();
-
-      getSetTimeoutPromise()
-        .then(() => {
-          expect($wrapper.find('.js-row').length).toBe(1);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    describe('validateMaskability', () => {
-      let $row;
-
-      const maskingErrorElement = '.js-row:last-child .masking-validation-error';
-
-      beforeEach(() => {
-        $row = $wrapper.find('.js-row:last-child');
-        $row.find('.ci-variable-masked-item .js-project-feature-toggle').click();
-      });
-
-      it('has a regex provided via a data attribute', () => {
-        expect($wrapper.attr('data-maskable-regex')).toBe('^[a-zA-Z0-9_+=/@:.-]{8,}$');
-      });
-
-      it('allows values that are 8 characters long', done => {
-        $row.find('.js-ci-variable-input-value').val('looooong');
-
-        getSetTimeoutPromise()
-          .then(() => {
-            expect($wrapper.find(maskingErrorElement)).toHaveClass('hide');
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-
-      it('rejects values that are shorter than 8 characters', done => {
-        $row.find('.js-ci-variable-input-value').val('short');
-
-        getSetTimeoutPromise()
-          .then(() => {
-            expect($wrapper.find(maskingErrorElement)).toBeVisible();
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-
-      it('allows values with base 64 characters', done => {
-        $row.find('.js-ci-variable-input-value').val('abcABC123_+=/-');
-
-        getSetTimeoutPromise()
-          .then(() => {
-            expect($wrapper.find(maskingErrorElement)).toHaveClass('hide');
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-
-      it('rejects values with other special characters', done => {
-        $row.find('.js-ci-variable-input-value').val('1234567$');
-
-        getSetTimeoutPromise()
-          .then(() => {
-            expect($wrapper.find(maskingErrorElement)).toBeVisible();
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-    });
-  });
-
-  describe('toggleEnableRow method', () => {
-    beforeEach(() => {
-      loadFixtures('pipeline_schedules/edit_with_variables.html');
-      $wrapper = $('.js-ci-variable-list-section');
-
-      variableList = new VariableList({
-        container: $wrapper,
-        formField: 'variables',
-      });
-      variableList.init();
-    });
-
-    it('should disable all key inputs', () => {
-      expect($wrapper.find('.js-ci-variable-input-key:not([disabled])').length).toBe(3);
-
-      variableList.toggleEnableRow(false);
-
-      expect($wrapper.find('.js-ci-variable-input-key[disabled]').length).toBe(3);
-    });
-
-    it('should disable all remove buttons', () => {
-      expect($wrapper.find('.js-row-remove-button:not([disabled])').length).toBe(3);
-
-      variableList.toggleEnableRow(false);
-
-      expect($wrapper.find('.js-row-remove-button[disabled]').length).toBe(3);
-    });
-
-    it('should enable all remove buttons', () => {
-      variableList.toggleEnableRow(false);
-
-      expect($wrapper.find('.js-row-remove-button[disabled]').length).toBe(3);
-
-      variableList.toggleEnableRow(true);
-
-      expect($wrapper.find('.js-row-remove-button:not([disabled])').length).toBe(3);
-    });
-
-    it('should enable all key inputs', () => {
-      variableList.toggleEnableRow(false);
-
-      expect($wrapper.find('.js-ci-variable-input-key[disabled]').length).toBe(3);
-
-      variableList.toggleEnableRow(true);
-
-      expect($wrapper.find('.js-ci-variable-input-key:not([disabled])').length).toBe(3);
-    });
-  });
-
-  describe('hideValues', () => {
-    beforeEach(() => {
-      loadFixtures('projects/ci_cd_settings.html');
-      $wrapper = $('.js-ci-variable-list-section');
-
-      variableList = new VariableList({
-        container: $wrapper,
-        formField: 'variables',
-      });
-      variableList.init();
-    });
-
-    it('should hide value input and show placeholder stars', () => {
-      const $row = $wrapper.find('.js-row');
-      const $inputValue = $row.find('.js-ci-variable-input-value');
-      const $placeholder = $row.find('.js-secret-value-placeholder');
-
-      $row
-        .find('.js-ci-variable-input-value')
-        .val('foo')
-        .trigger('input');
-
-      expect($placeholder.hasClass(HIDE_CLASS)).toBe(true);
-      expect($inputValue.hasClass(HIDE_CLASS)).toBe(false);
-
-      variableList.hideValues();
-
-      expect($placeholder.hasClass(HIDE_CLASS)).toBe(false);
-      expect($inputValue.hasClass(HIDE_CLASS)).toBe(true);
-    });
-  });
-});
diff --git a/spec/javascripts/ci_variable_list/native_form_variable_list_spec.js b/spec/javascripts/ci_variable_list/native_form_variable_list_spec.js
deleted file mode 100644
index 4982b68fa81..00000000000
--- a/spec/javascripts/ci_variable_list/native_form_variable_list_spec.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import $ from 'jquery';
-import setupNativeFormVariableList from '~/ci_variable_list/native_form_variable_list';
-
-describe('NativeFormVariableList', () => {
-  preloadFixtures('pipeline_schedules/edit.html');
-
-  let $wrapper;
-
-  beforeEach(() => {
-    loadFixtures('pipeline_schedules/edit.html');
-    $wrapper = $('.js-ci-variable-list-section');
-
-    setupNativeFormVariableList({
-      container: $wrapper,
-      formField: 'schedule',
-    });
-  });
-
-  describe('onFormSubmit', () => {
-    it('should clear out the `name` attribute on the inputs for the last empty row on form submission (avoid BE validation)', () => {
-      const $row = $wrapper.find('.js-row');
-
-      expect($row.find('.js-ci-variable-input-key').attr('name')).toBe(
-        'schedule[variables_attributes][][key]',
-      );
-
-      expect($row.find('.js-ci-variable-input-value').attr('name')).toBe(
-        'schedule[variables_attributes][][secret_value]',
-      );
-
-      $wrapper.closest('form').trigger('trigger-submit');
-
-      expect($row.find('.js-ci-variable-input-key').attr('name')).toBe('');
-      expect($row.find('.js-ci-variable-input-value').attr('name')).toBe('');
-    });
-  });
-});
diff --git a/spec/javascripts/close_reopen_report_toggle_spec.js b/spec/javascripts/close_reopen_report_toggle_spec.js
deleted file mode 100644
index 04a7ae7f429..00000000000
--- a/spec/javascripts/close_reopen_report_toggle_spec.js
+++ /dev/null
@@ -1,272 +0,0 @@
-/* eslint-disable jasmine/no-unsafe-spy */
-
-import CloseReopenReportToggle from '~/close_reopen_report_toggle';
-import DropLab from '~/droplab/drop_lab';
-
-describe('CloseReopenReportToggle', () => {
-  describe('class constructor', () => {
-    const dropdownTrigger = {};
-    const dropdownList = {};
-    const button = {};
-    let commentTypeToggle;
-
-    beforeEach(function() {
-      commentTypeToggle = new CloseReopenReportToggle({
-        dropdownTrigger,
-        dropdownList,
-        button,
-      });
-    });
-
-    it('sets .dropdownTrigger', function() {
-      expect(commentTypeToggle.dropdownTrigger).toBe(dropdownTrigger);
-    });
-
-    it('sets .dropdownList', function() {
-      expect(commentTypeToggle.dropdownList).toBe(dropdownList);
-    });
-
-    it('sets .button', function() {
-      expect(commentTypeToggle.button).toBe(button);
-    });
-  });
-
-  describe('initDroplab', () => {
-    let closeReopenReportToggle;
-    const dropdownList = jasmine.createSpyObj('dropdownList', ['querySelector']);
-    const dropdownTrigger = {};
-    const button = {};
-    const reopenItem = {};
-    const closeItem = {};
-    const config = {};
-
-    beforeEach(() => {
-      spyOn(DropLab.prototype, 'init');
-      dropdownList.querySelector.and.returnValues(reopenItem, closeItem);
-
-      closeReopenReportToggle = new CloseReopenReportToggle({
-        dropdownTrigger,
-        dropdownList,
-        button,
-      });
-
-      spyOn(closeReopenReportToggle, 'setConfig').and.returnValue(config);
-
-      closeReopenReportToggle.initDroplab();
-    });
-
-    it('sets .reopenItem and .closeItem', () => {
-      expect(dropdownList.querySelector).toHaveBeenCalledWith('.reopen-item');
-      expect(dropdownList.querySelector).toHaveBeenCalledWith('.close-item');
-      expect(closeReopenReportToggle.reopenItem).toBe(reopenItem);
-      expect(closeReopenReportToggle.closeItem).toBe(closeItem);
-    });
-
-    it('sets .droplab', () => {
-      expect(closeReopenReportToggle.droplab).toEqual(jasmine.any(Object));
-    });
-
-    it('calls .setConfig', () => {
-      expect(closeReopenReportToggle.setConfig).toHaveBeenCalled();
-    });
-
-    it('calls droplab.init', () => {
-      expect(DropLab.prototype.init).toHaveBeenCalledWith(
-        dropdownTrigger,
-        dropdownList,
-        jasmine.any(Array),
-        config,
-      );
-    });
-  });
-
-  describe('updateButton', () => {
-    let closeReopenReportToggle;
-    const dropdownList = {};
-    const dropdownTrigger = {};
-    const button = jasmine.createSpyObj('button', ['blur']);
-    const isClosed = true;
-
-    beforeEach(() => {
-      closeReopenReportToggle = new CloseReopenReportToggle({
-        dropdownTrigger,
-        dropdownList,
-        button,
-      });
-
-      spyOn(closeReopenReportToggle, 'toggleButtonType');
-
-      closeReopenReportToggle.updateButton(isClosed);
-    });
-
-    it('calls .toggleButtonType', () => {
-      expect(closeReopenReportToggle.toggleButtonType).toHaveBeenCalledWith(isClosed);
-    });
-
-    it('calls .button.blur', () => {
-      expect(closeReopenReportToggle.button.blur).toHaveBeenCalled();
-    });
-  });
-
-  describe('toggleButtonType', () => {
-    let closeReopenReportToggle;
-    const dropdownList = {};
-    const dropdownTrigger = {};
-    const button = {};
-    const isClosed = true;
-    const showItem = jasmine.createSpyObj('showItem', ['click']);
-    const hideItem = {};
-    showItem.classList = jasmine.createSpyObj('classList', ['add', 'remove']);
-    hideItem.classList = jasmine.createSpyObj('classList', ['add', 'remove']);
-
-    beforeEach(() => {
-      closeReopenReportToggle = new CloseReopenReportToggle({
-        dropdownTrigger,
-        dropdownList,
-        button,
-      });
-
-      spyOn(closeReopenReportToggle, 'getButtonTypes').and.returnValue([showItem, hideItem]);
-
-      closeReopenReportToggle.toggleButtonType(isClosed);
-    });
-
-    it('calls .getButtonTypes', () => {
-      expect(closeReopenReportToggle.getButtonTypes).toHaveBeenCalledWith(isClosed);
-    });
-
-    it('removes hide class and add selected class to showItem, opposite for hideItem', () => {
-      expect(showItem.classList.remove).toHaveBeenCalledWith('hidden');
-      expect(showItem.classList.add).toHaveBeenCalledWith('droplab-item-selected');
-      expect(hideItem.classList.add).toHaveBeenCalledWith('hidden');
-      expect(hideItem.classList.remove).toHaveBeenCalledWith('droplab-item-selected');
-    });
-
-    it('clicks the showItem', () => {
-      expect(showItem.click).toHaveBeenCalled();
-    });
-  });
-
-  describe('getButtonTypes', () => {
-    let closeReopenReportToggle;
-    const dropdownList = {};
-    const dropdownTrigger = {};
-    const button = {};
-    const reopenItem = {};
-    const closeItem = {};
-
-    beforeEach(() => {
-      closeReopenReportToggle = new CloseReopenReportToggle({
-        dropdownTrigger,
-        dropdownList,
-        button,
-      });
-
-      closeReopenReportToggle.reopenItem = reopenItem;
-      closeReopenReportToggle.closeItem = closeItem;
-    });
-
-    it('returns reopenItem, closeItem if isClosed is true', () => {
-      const buttonTypes = closeReopenReportToggle.getButtonTypes(true);
-
-      expect(buttonTypes).toEqual([reopenItem, closeItem]);
-    });
-
-    it('returns closeItem, reopenItem if isClosed is false', () => {
-      const buttonTypes = closeReopenReportToggle.getButtonTypes(false);
-
-      expect(buttonTypes).toEqual([closeItem, reopenItem]);
-    });
-  });
-
-  describe('setDisable', () => {
-    let closeReopenReportToggle;
-    const dropdownList = {};
-    const dropdownTrigger = jasmine.createSpyObj('button', ['setAttribute', 'removeAttribute']);
-    const button = jasmine.createSpyObj('button', ['setAttribute', 'removeAttribute']);
-
-    beforeEach(() => {
-      closeReopenReportToggle = new CloseReopenReportToggle({
-        dropdownTrigger,
-        dropdownList,
-        button,
-      });
-    });
-
-    it('disable .button and .dropdownTrigger if shouldDisable is true', () => {
-      closeReopenReportToggle.setDisable(true);
-
-      expect(button.setAttribute).toHaveBeenCalledWith('disabled', 'true');
-      expect(dropdownTrigger.setAttribute).toHaveBeenCalledWith('disabled', 'true');
-    });
-
-    it('disable .button and .dropdownTrigger if shouldDisable is undefined', () => {
-      closeReopenReportToggle.setDisable();
-
-      expect(button.setAttribute).toHaveBeenCalledWith('disabled', 'true');
-      expect(dropdownTrigger.setAttribute).toHaveBeenCalledWith('disabled', 'true');
-    });
-
-    it('enable .button and .dropdownTrigger if shouldDisable is false', () => {
-      closeReopenReportToggle.setDisable(false);
-
-      expect(button.removeAttribute).toHaveBeenCalledWith('disabled');
-      expect(dropdownTrigger.removeAttribute).toHaveBeenCalledWith('disabled');
-    });
-  });
-
-  describe('setConfig', () => {
-    let closeReopenReportToggle;
-    const dropdownList = {};
-    const dropdownTrigger = {};
-    const button = {};
-    let config;
-
-    beforeEach(() => {
-      closeReopenReportToggle = new CloseReopenReportToggle({
-        dropdownTrigger,
-        dropdownList,
-        button,
-      });
-
-      config = closeReopenReportToggle.setConfig();
-    });
-
-    it('returns a config object', () => {
-      expect(config).toEqual({
-        InputSetter: [
-          {
-            input: button,
-            valueAttribute: 'data-text',
-            inputAttribute: 'data-value',
-          },
-          {
-            input: button,
-            valueAttribute: 'data-text',
-            inputAttribute: 'title',
-          },
-          {
-            input: button,
-            valueAttribute: 'data-button-class',
-            inputAttribute: 'class',
-          },
-          {
-            input: dropdownTrigger,
-            valueAttribute: 'data-toggle-class',
-            inputAttribute: 'class',
-          },
-          {
-            input: button,
-            valueAttribute: 'data-url',
-            inputAttribute: 'href',
-          },
-          {
-            input: button,
-            valueAttribute: 'data-method',
-            inputAttribute: 'data-method',
-          },
-        ],
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/commit_merge_requests_spec.js b/spec/javascripts/commit_merge_requests_spec.js
deleted file mode 100644
index 82968e028d1..00000000000
--- a/spec/javascripts/commit_merge_requests_spec.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import * as CommitMergeRequests from '~/commit_merge_requests';
-
-describe('CommitMergeRequests', () => {
-  describe('createContent', () => {
-    it('should return created content', () => {
-      const content1 = CommitMergeRequests.createContent([
-        { iid: 1, path: '/path1', title: 'foo' },
-        { iid: 2, path: '/path2', title: 'baz' },
-      ])[0];
-
-      expect(content1.tagName).toEqual('SPAN');
-      expect(content1.childElementCount).toEqual(4);
-
-      const content2 = CommitMergeRequests.createContent([])[0];
-
-      expect(content2.tagName).toEqual('SPAN');
-      expect(content2.childElementCount).toEqual(0);
-      expect(content2.innerText).toEqual('No related merge requests found');
-    });
-  });
-
-  describe('getHeaderText', () => {
-    it('should return header text', () => {
-      expect(CommitMergeRequests.getHeaderText(0, 1)).toEqual('1 merge request');
-      expect(CommitMergeRequests.getHeaderText(0, 2)).toEqual('2 merge requests');
-      expect(CommitMergeRequests.getHeaderText(1, 1)).toEqual(',');
-      expect(CommitMergeRequests.getHeaderText(1, 2)).toEqual(',');
-    });
-  });
-
-  describe('createHeader', () => {
-    it('should return created header', () => {
-      const header = CommitMergeRequests.createHeader(0, 1)[0];
-
-      expect(header.tagName).toEqual('SPAN');
-      expect(header.innerText).toEqual('1 merge request');
-    });
-  });
-
-  describe('createItem', () => {
-    it('should return created item', () => {
-      const item = CommitMergeRequests.createItem({ iid: 1, path: '/path', title: 'foo' })[0];
-
-      expect(item.tagName).toEqual('SPAN');
-      expect(item.childElementCount).toEqual(2);
-      expect(item.children[0].tagName).toEqual('A');
-      expect(item.children[1].tagName).toEqual('SPAN');
-    });
-  });
-
-  describe('createLink', () => {
-    it('should return created link', () => {
-      const link = CommitMergeRequests.createLink({ iid: 1, path: '/path', title: 'foo' })[0];
-
-      expect(link.tagName).toEqual('A');
-      expect(link.href).toMatch(/\/path$/);
-      expect(link.innerText).toEqual('!1');
-    });
-  });
-
-  describe('createTitle', () => {
-    it('should return created title', () => {
-      const title = CommitMergeRequests.createTitle({ iid: 1, path: '/path', title: 'foo' })[0];
-
-      expect(title.tagName).toEqual('SPAN');
-      expect(title.innerText).toEqual('foo');
-    });
-  });
-});
diff --git a/spec/javascripts/commits_spec.js b/spec/javascripts/commits_spec.js
deleted file mode 100644
index 28b89157bd3..00000000000
--- a/spec/javascripts/commits_spec.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import $ from 'jquery';
-import 'vendor/jquery.endless-scroll';
-import MockAdapter from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import CommitsList from '~/commits';
-import Pager from '~/pager';
-
-describe('Commits List', () => {
-  let commitsList;
-
-  beforeEach(() => {
-    setFixtures(`
-      <form class="commits-search-form" action="/h5bp/html5-boilerplate/commits/master">
-        <input id="commits-search">
-      </form>
-      <ol id="commits-list"></ol>
-      `);
-    spyOn(Pager, 'init').and.stub();
-    commitsList = new CommitsList(25);
-  });
-
-  it('should be defined', () => {
-    expect(CommitsList).toBeDefined();
-  });
-
-  describe('processCommits', () => {
-    it('should join commit headers', () => {
-      commitsList.$contentList = $(`
-        <div>
-          <li class="commit-header" data-day="2016-09-20">
-            <span class="day">20 Sep, 2016</span>
-            <span class="commits-count">1 commit</span>
-          </li>
-          <li class="commit"></li>
-        </div>
-      `);
-
-      const data = `
-        <li class="commit-header" data-day="2016-09-20">
-          <span class="day">20 Sep, 2016</span>
-          <span class="commits-count">1 commit</span>
-        </li>
-        <li class="commit"></li>
-      `;
-
-      // The last commit header should be removed
-      // since the previous one has the same data-day value.
-      expect(commitsList.processCommits(data).find('li.commit-header').length).toBe(0);
-    });
-  });
-
-  describe('on entering input', () => {
-    let ajaxSpy;
-    let mock;
-
-    beforeEach(() => {
-      commitsList.searchField.val('');
-
-      spyOn(window.history, 'replaceState').and.stub();
-      mock = new MockAdapter(axios);
-
-      mock.onGet('/h5bp/html5-boilerplate/commits/master').reply(200, {
-        html: '<li>Result</li>',
-      });
-
-      ajaxSpy = spyOn(axios, 'get').and.callThrough();
-    });
-
-    afterEach(() => {
-      mock.restore();
-    });
-
-    it('should save the last search string', done => {
-      commitsList.searchField.val('GitLab');
-      commitsList
-        .filterResults()
-        .then(() => {
-          expect(ajaxSpy).toHaveBeenCalled();
-          expect(commitsList.lastSearch).toEqual('GitLab');
-
-          done();
-        })
-        .catch(done.fail);
-    });
-
-    it('should not make ajax call if the input does not change', done => {
-      commitsList
-        .filterResults()
-        .then(() => {
-          expect(ajaxSpy).not.toHaveBeenCalled();
-          expect(commitsList.lastSearch).toEqual('');
-
-          done();
-        })
-        .catch(done.fail);
-    });
-  });
-});
diff --git a/spec/javascripts/create_item_dropdown_spec.js b/spec/javascripts/create_item_dropdown_spec.js
deleted file mode 100644
index a814952faab..00000000000
--- a/spec/javascripts/create_item_dropdown_spec.js
+++ /dev/null
@@ -1,195 +0,0 @@
-import $ from 'jquery';
-import CreateItemDropdown from '~/create_item_dropdown';
-
-const DROPDOWN_ITEM_DATA = [
-  {
-    title: 'one',
-    id: 'one',
-    text: 'one',
-  },
-  {
-    title: 'two',
-    id: 'two',
-    text: 'two',
-  },
-  {
-    title: 'three',
-    id: 'three',
-    text: 'three',
-  },
-];
-
-describe('CreateItemDropdown', () => {
-  preloadFixtures('static/create_item_dropdown.html');
-
-  let $wrapperEl;
-  let createItemDropdown;
-
-  function createItemAndClearInput(text) {
-    // Filter for the new item
-    $wrapperEl
-      .find('.dropdown-input-field')
-      .val(text)
-      .trigger('input');
-
-    // Create the new item
-    const $createButton = $wrapperEl.find('.js-dropdown-create-new-item');
-    $createButton.click();
-
-    // Clear out the filter
-    $wrapperEl
-      .find('.dropdown-input-field')
-      .val('')
-      .trigger('input');
-  }
-
-  beforeEach(() => {
-    loadFixtures('static/create_item_dropdown.html');
-    $wrapperEl = $('.js-create-item-dropdown-fixture-root');
-  });
-
-  afterEach(() => {
-    $wrapperEl.remove();
-  });
-
-  describe('items', () => {
-    beforeEach(() => {
-      createItemDropdown = new CreateItemDropdown({
-        $dropdown: $wrapperEl.find('.js-dropdown-menu-toggle'),
-        defaultToggleLabel: 'All variables',
-        fieldName: 'variable[environment]',
-        getData: (term, callback) => {
-          callback(DROPDOWN_ITEM_DATA);
-        },
-      });
-    });
-
-    it('should have a dropdown item for each piece of data', () => {
-      // Get the data in the dropdown
-      $('.js-dropdown-menu-toggle').click();
-
-      const $itemEls = $wrapperEl.find('.js-dropdown-content a');
-
-      expect($itemEls.length).toEqual(DROPDOWN_ITEM_DATA.length);
-    });
-  });
-
-  describe('created items', () => {
-    const NEW_ITEM_TEXT = 'foobarbaz';
-
-    beforeEach(() => {
-      createItemDropdown = new CreateItemDropdown({
-        $dropdown: $wrapperEl.find('.js-dropdown-menu-toggle'),
-        defaultToggleLabel: 'All variables',
-        fieldName: 'variable[environment]',
-        getData: (term, callback) => {
-          callback(DROPDOWN_ITEM_DATA);
-        },
-      });
-
-      // Open the dropdown
-      $('.js-dropdown-menu-toggle').click();
-
-      // Filter for the new item
-      $wrapperEl
-        .find('.dropdown-input-field')
-        .val(NEW_ITEM_TEXT)
-        .trigger('input');
-    });
-
-    it('create new item button should include the filter text', () => {
-      expect($wrapperEl.find('.js-dropdown-create-new-item code').text()).toEqual(NEW_ITEM_TEXT);
-    });
-
-    it('should update the dropdown with the newly created item', () => {
-      // Create the new item
-      const $createButton = $wrapperEl.find('.js-dropdown-create-new-item');
-      $createButton.click();
-
-      expect($wrapperEl.find('.dropdown-toggle-text').text()).toEqual(NEW_ITEM_TEXT);
-      expect($wrapperEl.find('input[name="variable[environment]"]').val()).toEqual(NEW_ITEM_TEXT);
-    });
-
-    it('should include newly created item in dropdown list', () => {
-      createItemAndClearInput(NEW_ITEM_TEXT);
-
-      const $itemEls = $wrapperEl.find('.js-dropdown-content a');
-
-      expect($itemEls.length).toEqual(1 + DROPDOWN_ITEM_DATA.length);
-      expect($($itemEls.get(DROPDOWN_ITEM_DATA.length)).text()).toEqual(NEW_ITEM_TEXT);
-    });
-
-    it('should not duplicate an item when trying to create an existing item', () => {
-      createItemAndClearInput(DROPDOWN_ITEM_DATA[0].text);
-
-      const $itemEls = $wrapperEl.find('.js-dropdown-content a');
-
-      expect($itemEls.length).toEqual(DROPDOWN_ITEM_DATA.length);
-    });
-  });
-
-  describe('clearDropdown()', () => {
-    beforeEach(() => {
-      createItemDropdown = new CreateItemDropdown({
-        $dropdown: $wrapperEl.find('.js-dropdown-menu-toggle'),
-        defaultToggleLabel: 'All variables',
-        fieldName: 'variable[environment]',
-        getData: (term, callback) => {
-          callback(DROPDOWN_ITEM_DATA);
-        },
-      });
-    });
-
-    it('should clear all data and filter input', () => {
-      const filterInput = $wrapperEl.find('.dropdown-input-field');
-
-      // Get the data in the dropdown
-      $('.js-dropdown-menu-toggle').click();
-
-      // Filter for an item
-      filterInput.val('one').trigger('input');
-
-      const $itemElsAfterFilter = $wrapperEl.find('.js-dropdown-content a');
-
-      expect($itemElsAfterFilter.length).toEqual(1);
-
-      createItemDropdown.clearDropdown();
-
-      const $itemElsAfterClear = $wrapperEl.find('.js-dropdown-content a');
-
-      expect($itemElsAfterClear.length).toEqual(0);
-      expect(filterInput.val()).toEqual('');
-    });
-  });
-
-  describe('createNewItemFromValue option', () => {
-    beforeEach(() => {
-      createItemDropdown = new CreateItemDropdown({
-        $dropdown: $wrapperEl.find('.js-dropdown-menu-toggle'),
-        defaultToggleLabel: 'All variables',
-        fieldName: 'variable[environment]',
-        getData: (term, callback) => {
-          callback(DROPDOWN_ITEM_DATA);
-        },
-        createNewItemFromValue: newValue => ({
-          title: `${newValue}-title`,
-          id: `${newValue}-id`,
-          text: `${newValue}-text`,
-        }),
-      });
-    });
-
-    it('all items go through createNewItemFromValue', () => {
-      // Get the data in the dropdown
-      $('.js-dropdown-menu-toggle').click();
-
-      createItemAndClearInput('new-item');
-
-      const $itemEls = $wrapperEl.find('.js-dropdown-content a');
-
-      expect($itemEls.length).toEqual(1 + DROPDOWN_ITEM_DATA.length);
-      expect($($itemEls[3]).text()).toEqual('new-item-text');
-      expect($wrapperEl.find('.dropdown-toggle-text').text()).toEqual('new-item-title');
-    });
-  });
-});
diff --git a/spec/javascripts/deploy_keys/components/action_btn_spec.js b/spec/javascripts/deploy_keys/components/action_btn_spec.js
deleted file mode 100644
index 5bf72cc0018..00000000000
--- a/spec/javascripts/deploy_keys/components/action_btn_spec.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import Vue from 'vue';
-import eventHub from '~/deploy_keys/eventhub';
-import actionBtn from '~/deploy_keys/components/action_btn.vue';
-
-describe('Deploy keys action btn', () => {
-  const data = getJSONFixture('deploy_keys/keys.json');
-  const deployKey = data.enabled_keys[0];
-  let vm;
-
-  beforeEach(done => {
-    const ActionBtnComponent = Vue.extend({
-      components: {
-        actionBtn,
-      },
-      data() {
-        return {
-          deployKey,
-        };
-      },
-      template: `
-        <action-btn
-          :deploy-key="deployKey"
-          type="enable">
-            Enable
-        </action-btn>`,
-    });
-
-    vm = new ActionBtnComponent().$mount();
-
-    Vue.nextTick()
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('renders the default slot', () => {
-    expect(vm.$el.textContent.trim()).toBe('Enable');
-  });
-
-  it('sends eventHub event with btn type', done => {
-    spyOn(eventHub, '$emit');
-
-    vm.$el.click();
-
-    Vue.nextTick(() => {
-      expect(eventHub.$emit).toHaveBeenCalledWith('enable.key', deployKey, jasmine.anything());
-
-      done();
-    });
-  });
-
-  it('shows loading spinner after click', done => {
-    vm.$el.click();
-
-    Vue.nextTick(() => {
-      expect(vm.$el.querySelector('.fa')).toBeDefined();
-
-      done();
-    });
-  });
-
-  it('disables button after click', done => {
-    vm.$el.click();
-
-    Vue.nextTick(() => {
-      expect(vm.$el.classList.contains('disabled')).toBeTruthy();
-
-      expect(vm.$el.getAttribute('disabled')).toBe('disabled');
-
-      done();
-    });
-  });
-});
diff --git a/spec/javascripts/deploy_keys/components/app_spec.js b/spec/javascripts/deploy_keys/components/app_spec.js
deleted file mode 100644
index c9a9814d122..00000000000
--- a/spec/javascripts/deploy_keys/components/app_spec.js
+++ /dev/null
@@ -1,155 +0,0 @@
-import Vue from 'vue';
-import MockAdapter from 'axios-mock-adapter';
-import { TEST_HOST } from 'spec/test_constants';
-import axios from '~/lib/utils/axios_utils';
-import eventHub from '~/deploy_keys/eventhub';
-import deployKeysApp from '~/deploy_keys/components/app.vue';
-
-describe('Deploy keys app component', () => {
-  const data = getJSONFixture('deploy_keys/keys.json');
-  let vm;
-  let mock;
-
-  beforeEach(done => {
-    // set up axios mock before component
-    mock = new MockAdapter(axios);
-    mock.onGet(`${TEST_HOST}/dummy/`).replyOnce(200, data);
-
-    const Component = Vue.extend(deployKeysApp);
-
-    vm = new Component({
-      propsData: {
-        endpoint: `${TEST_HOST}/dummy`,
-        projectId: '8',
-      },
-    }).$mount();
-
-    setTimeout(done);
-  });
-
-  afterEach(() => {
-    mock.restore();
-  });
-
-  it('renders loading icon', done => {
-    vm.store.keys = {};
-    vm.isLoading = false;
-
-    Vue.nextTick(() => {
-      expect(vm.$el.querySelectorAll('.deploy-keys .nav-links li').length).toBe(0);
-
-      expect(vm.$el.querySelector('.fa-spinner')).toBeDefined();
-
-      done();
-    });
-  });
-
-  it('renders keys panels', () => {
-    expect(vm.$el.querySelectorAll('.deploy-keys .nav-links li').length).toBe(3);
-  });
-
-  it('renders the titles with keys count', () => {
-    const textContent = selector => {
-      const element = vm.$el.querySelector(`${selector}`);
-
-      expect(element).not.toBeNull();
-      return element.textContent.trim();
-    };
-
-    expect(textContent('.js-deployKeys-tab-enabled_keys')).toContain('Enabled deploy keys');
-    expect(textContent('.js-deployKeys-tab-available_project_keys')).toContain(
-      'Privately accessible deploy keys',
-    );
-
-    expect(textContent('.js-deployKeys-tab-public_keys')).toContain(
-      'Publicly accessible deploy keys',
-    );
-
-    expect(textContent('.js-deployKeys-tab-enabled_keys .badge')).toBe(
-      `${vm.store.keys.enabled_keys.length}`,
-    );
-
-    expect(textContent('.js-deployKeys-tab-available_project_keys .badge')).toBe(
-      `${vm.store.keys.available_project_keys.length}`,
-    );
-
-    expect(textContent('.js-deployKeys-tab-public_keys .badge')).toBe(
-      `${vm.store.keys.public_keys.length}`,
-    );
-  });
-
-  it('does not render key panels when keys object is empty', done => {
-    vm.store.keys = {};
-
-    Vue.nextTick(() => {
-      expect(vm.$el.querySelectorAll('.deploy-keys .nav-links li').length).toBe(0);
-
-      done();
-    });
-  });
-
-  it('re-fetches deploy keys when enabling a key', done => {
-    const key = data.public_keys[0];
-
-    spyOn(vm.service, 'getKeys');
-    spyOn(vm.service, 'enableKey').and.callFake(() => Promise.resolve());
-
-    eventHub.$emit('enable.key', key);
-
-    Vue.nextTick(() => {
-      expect(vm.service.enableKey).toHaveBeenCalledWith(key.id);
-      expect(vm.service.getKeys).toHaveBeenCalled();
-      done();
-    });
-  });
-
-  it('re-fetches deploy keys when disabling a key', done => {
-    const key = data.public_keys[0];
-
-    spyOn(window, 'confirm').and.returnValue(true);
-    spyOn(vm.service, 'getKeys');
-    spyOn(vm.service, 'disableKey').and.callFake(() => Promise.resolve());
-
-    eventHub.$emit('disable.key', key);
-
-    Vue.nextTick(() => {
-      expect(vm.service.disableKey).toHaveBeenCalledWith(key.id);
-      expect(vm.service.getKeys).toHaveBeenCalled();
-      done();
-    });
-  });
-
-  it('calls disableKey when removing a key', done => {
-    const key = data.public_keys[0];
-
-    spyOn(window, 'confirm').and.returnValue(true);
-    spyOn(vm.service, 'getKeys');
-    spyOn(vm.service, 'disableKey').and.callFake(() => Promise.resolve());
-
-    eventHub.$emit('remove.key', key);
-
-    Vue.nextTick(() => {
-      expect(vm.service.disableKey).toHaveBeenCalledWith(key.id);
-      expect(vm.service.getKeys).toHaveBeenCalled();
-      done();
-    });
-  });
-
-  it('hasKeys returns true when there are keys', () => {
-    expect(vm.hasKeys).toEqual(3);
-  });
-
-  it('resets disable button loading state', done => {
-    spyOn(window, 'confirm').and.returnValue(false);
-
-    const btn = vm.$el.querySelector('.btn-warning');
-
-    btn.click();
-
-    Vue.nextTick(() => {
-      expect(btn.querySelector('.btn-warning')).not.toExist();
-
-      done();
-    });
-  });
-});
diff --git a/spec/javascripts/deploy_keys/components/key_spec.js b/spec/javascripts/deploy_keys/components/key_spec.js
deleted file mode 100644
index 7117dc4a9ee..00000000000
--- a/spec/javascripts/deploy_keys/components/key_spec.js
+++ /dev/null
@@ -1,157 +0,0 @@
-import Vue from 'vue';
-import DeployKeysStore from '~/deploy_keys/store';
-import key from '~/deploy_keys/components/key.vue';
-import { getTimeago } from '~/lib/utils/datetime_utility';
-
-describe('Deploy keys key', () => {
-  let vm;
-  const KeyComponent = Vue.extend(key);
-  const data = getJSONFixture('deploy_keys/keys.json');
-  const createComponent = deployKey => {
-    const store = new DeployKeysStore();
-    store.keys = data;
-
-    vm = new KeyComponent({
-      propsData: {
-        deployKey,
-        store,
-        endpoint: 'https://test.host/dummy/endpoint',
-      },
-    }).$mount();
-  };
-
-  describe('enabled key', () => {
-    const deployKey = data.enabled_keys[0];
-
-    beforeEach(done => {
-      createComponent(deployKey);
-
-      setTimeout(done);
-    });
-
-    it('renders the keys title', () => {
-      expect(vm.$el.querySelector('.title').textContent.trim()).toContain('My title');
-    });
-
-    it('renders human friendly formatted created date', () => {
-      expect(vm.$el.querySelector('.key-created-at').textContent.trim()).toBe(
-        `${getTimeago().format(deployKey.created_at)}`,
-      );
-    });
-
-    it('shows pencil button for editing', () => {
-      expect(vm.$el.querySelector('.btn .ic-pencil')).toExist();
-    });
-
-    it('shows disable button when the project is not deletable', () => {
-      expect(vm.$el.querySelector('.btn .ic-cancel')).toExist();
-    });
-
-    it('shows remove button when the project is deletable', done => {
-      vm.deployKey.destroyed_when_orphaned = true;
-      vm.deployKey.almost_orphaned = true;
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelector('.btn .ic-remove')).toExist();
-        done();
-      });
-    });
-  });
-
-  describe('deploy key labels', () => {
-    it('shows write access title when key has write access', done => {
-      vm.deployKey.deploy_keys_projects[0].can_push = true;
-
-      Vue.nextTick(() => {
-        expect(
-          vm.$el.querySelector('.deploy-project-label').getAttribute('data-original-title'),
-        ).toBe('Write access allowed');
-        done();
-      });
-    });
-
-    it('does not show write access title when key has write access', done => {
-      vm.deployKey.deploy_keys_projects[0].can_push = false;
-
-      Vue.nextTick(() => {
-        expect(
-          vm.$el.querySelector('.deploy-project-label').getAttribute('data-original-title'),
-        ).toBe('Read access only');
-        done();
-      });
-    });
-
-    it('shows expandable button if more than two projects', () => {
-      const labels = vm.$el.querySelectorAll('.deploy-project-label');
-
-      expect(labels.length).toBe(2);
-      expect(labels[1].textContent).toContain('others');
-      expect(labels[1].getAttribute('data-original-title')).toContain('Expand');
-    });
-
-    it('expands all project labels after click', done => {
-      const { length } = vm.deployKey.deploy_keys_projects;
-      vm.$el.querySelectorAll('.deploy-project-label')[1].click();
-
-      Vue.nextTick(() => {
-        const labels = vm.$el.querySelectorAll('.deploy-project-label');
-
-        expect(labels.length).toBe(length);
-        expect(labels[1].textContent).not.toContain(`+${length} others`);
-        expect(labels[1].getAttribute('data-original-title')).not.toContain('Expand');
-        done();
-      });
-    });
-
-    it('shows two projects', done => {
-      vm.deployKey.deploy_keys_projects = [...vm.deployKey.deploy_keys_projects].slice(0, 2);
-
-      Vue.nextTick(() => {
-        const labels = vm.$el.querySelectorAll('.deploy-project-label');
-
-        expect(labels.length).toBe(2);
-        expect(labels[1].textContent).toContain(
-          vm.deployKey.deploy_keys_projects[1].project.full_name,
-        );
-        done();
-      });
-    });
-  });
-
-  describe('public keys', () => {
-    const deployKey = data.public_keys[0];
-
-    beforeEach(done => {
-      createComponent(deployKey);
-
-      setTimeout(done);
-    });
-
-    it('renders deploy keys without any enabled projects', done => {
-      vm.deployKey.deploy_keys_projects = [];
-
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelector('.deploy-project-list').textContent.trim()).toBe('None');
-
-        done();
-      });
-    });
-
-    it('shows enable button', () => {
-      expect(vm.$el.querySelectorAll('.btn')[0].textContent.trim()).toBe('Enable');
-    });
-
-    it('shows pencil button for editing', () => {
-      expect(vm.$el.querySelector('.btn .ic-pencil')).toExist();
-    });
-
-    it('shows disable button when key is enabled', done => {
-      vm.store.keys.enabled_keys.push(deployKey);
-
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelector('.btn .ic-cancel')).toExist();
-
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/deploy_keys/components/keys_panel_spec.js b/spec/javascripts/deploy_keys/components/keys_panel_spec.js
deleted file mode 100644
index f71f5ccf082..00000000000
--- a/spec/javascripts/deploy_keys/components/keys_panel_spec.js
+++ /dev/null
@@ -1,63 +0,0 @@
-import Vue from 'vue';
-import DeployKeysStore from '~/deploy_keys/store';
-import deployKeysPanel from '~/deploy_keys/components/keys_panel.vue';
-
-describe('Deploy keys panel', () => {
-  const data = getJSONFixture('deploy_keys/keys.json');
-  let vm;
-
-  beforeEach(done => {
-    const DeployKeysPanelComponent = Vue.extend(deployKeysPanel);
-    const store = new DeployKeysStore();
-    store.keys = data;
-
-    vm = new DeployKeysPanelComponent({
-      propsData: {
-        title: 'test',
-        keys: data.enabled_keys,
-        showHelpBox: true,
-        store,
-        endpoint: 'https://test.host/dummy/endpoint',
-      },
-    }).$mount();
-
-    setTimeout(done);
-  });
-
-  it('renders list of keys', () => {
-    expect(vm.$el.querySelectorAll('.deploy-key').length).toBe(vm.keys.length);
-  });
-
-  it('renders table header', () => {
-    const tableHeader = vm.$el.querySelector('.table-row-header');
-
-    expect(tableHeader).toExist();
-    expect(tableHeader.textContent).toContain('Deploy key');
-    expect(tableHeader.textContent).toContain('Project usage');
-    expect(tableHeader.textContent).toContain('Created');
-  });
-
-  it('renders help box if keys are empty', done => {
-    vm.keys = [];
-
-    Vue.nextTick(() => {
-      expect(vm.$el.querySelector('.settings-message')).toBeDefined();
-
-      expect(vm.$el.querySelector('.settings-message').textContent.trim()).toBe(
-        'No deploy keys found. Create one with the form above.',
-      );
-
-      done();
-    });
-  });
-
-  it('renders no table header if keys are empty', done => {
-    vm.keys = [];
-
-    Vue.nextTick(() => {
-      expect(vm.$el.querySelector('.table-row-header')).not.toExist();
-
-      done();
-    });
-  });
-});
diff --git a/spec/javascripts/diff_comments_store_spec.js b/spec/javascripts/diff_comments_store_spec.js
deleted file mode 100644
index a6d363ce88e..00000000000
--- a/spec/javascripts/diff_comments_store_spec.js
+++ /dev/null
@@ -1,141 +0,0 @@
-/* eslint-disable jasmine/no-global-setup, dot-notation, jasmine/no-expect-in-setup-teardown */
-/* global CommentsStore */
-
-import '~/diff_notes/models/discussion';
-import '~/diff_notes/models/note';
-import '~/diff_notes/stores/comments';
-
-function createDiscussion(noteId = 1, resolved = true) {
-  CommentsStore.create({
-    discussionId: 'a',
-    noteId,
-    canResolve: true,
-    resolved,
-    resolvedBy: 'test',
-    authorName: 'test',
-    authorAvatar: 'test',
-    noteTruncated: 'test...',
-  });
-}
-
-beforeEach(() => {
-  CommentsStore.state = {};
-});
-
-describe('New discussion', () => {
-  it('creates new discussion', () => {
-    expect(Object.keys(CommentsStore.state).length).toBe(0);
-    createDiscussion();
-
-    expect(Object.keys(CommentsStore.state).length).toBe(1);
-  });
-
-  it('creates new note in discussion', () => {
-    createDiscussion();
-    createDiscussion(2);
-
-    const discussion = CommentsStore.state['a'];
-
-    expect(Object.keys(discussion.notes).length).toBe(2);
-  });
-});
-
-describe('Get note', () => {
-  beforeEach(() => {
-    expect(Object.keys(CommentsStore.state).length).toBe(0);
-    createDiscussion();
-  });
-
-  it('gets note by ID', () => {
-    const note = CommentsStore.get('a', 1);
-
-    expect(note).toBeDefined();
-    expect(note.id).toBe(1);
-  });
-});
-
-describe('Delete discussion', () => {
-  beforeEach(() => {
-    expect(Object.keys(CommentsStore.state).length).toBe(0);
-    createDiscussion();
-  });
-
-  it('deletes discussion by ID', () => {
-    CommentsStore.delete('a', 1);
-
-    expect(Object.keys(CommentsStore.state).length).toBe(0);
-  });
-
-  it('deletes discussion when no more notes', () => {
-    createDiscussion();
-    createDiscussion(2);
-
-    expect(Object.keys(CommentsStore.state).length).toBe(1);
-    expect(Object.keys(CommentsStore.state['a'].notes).length).toBe(2);
-
-    CommentsStore.delete('a', 1);
-    CommentsStore.delete('a', 2);
-
-    expect(Object.keys(CommentsStore.state).length).toBe(0);
-  });
-});
-
-describe('Update note', () => {
-  beforeEach(() => {
-    expect(Object.keys(CommentsStore.state).length).toBe(0);
-    createDiscussion();
-  });
-
-  it('updates note to be unresolved', () => {
-    CommentsStore.update('a', 1, false, 'test');
-
-    const note = CommentsStore.get('a', 1);
-
-    expect(note.resolved).toBe(false);
-  });
-});
-
-describe('Discussion resolved', () => {
-  beforeEach(() => {
-    expect(Object.keys(CommentsStore.state).length).toBe(0);
-    createDiscussion();
-  });
-
-  it('is resolved with single note', () => {
-    const discussion = CommentsStore.state['a'];
-
-    expect(discussion.isResolved()).toBe(true);
-  });
-
-  it('is unresolved with 2 notes', () => {
-    const discussion = CommentsStore.state['a'];
-    createDiscussion(2, false);
-
-    expect(discussion.isResolved()).toBe(false);
-  });
-
-  it('is resolved with 2 notes', () => {
-    const discussion = CommentsStore.state['a'];
-    createDiscussion(2);
-
-    expect(discussion.isResolved()).toBe(true);
-  });
-
-  it('resolve all notes', () => {
-    const discussion = CommentsStore.state['a'];
-    createDiscussion(2, false);
-
-    discussion.resolveAllNotes();
-
-    expect(discussion.isResolved()).toBe(true);
-  });
-
-  it('unresolve all notes', () => {
-    const discussion = CommentsStore.state['a'];
-    createDiscussion(2);
-
-    discussion.unResolveAllNotes();
-
-    expect(discussion.isResolved()).toBe(false);
-  });
-});
diff --git a/spec/javascripts/diffs/create_diffs_store.js b/spec/javascripts/diffs/create_diffs_store.js
deleted file mode 100644
index 9df057dd8b2..00000000000
--- a/spec/javascripts/diffs/create_diffs_store.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// No new code should be added to this file. Instead, modify the
-// file this one re-exports from. For more detail about why, see:
-// https://gitlab.com/gitlab-org/gitlab-foss/merge_requests/31349
-
-export { default } from '../../frontend/diffs/create_diffs_store';
diff --git a/spec/javascripts/diffs/mock_data/diff_discussions.js b/spec/javascripts/diffs/mock_data/diff_discussions.js
deleted file mode 100644
index 17586fddd0f..00000000000
--- a/spec/javascripts/diffs/mock_data/diff_discussions.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// No new code should be added to this file. Instead, modify the
-// file this one re-exports from. For more detail about why, see:
-// https://gitlab.com/gitlab-org/gitlab-foss/merge_requests/31349
-
-export { default } from '../../../frontend/diffs/mock_data/diff_discussions';
diff --git a/spec/javascripts/diffs/mock_data/diff_file.js b/spec/javascripts/diffs/mock_data/diff_file.js
deleted file mode 100644
index 9dc365b7403..00000000000
--- a/spec/javascripts/diffs/mock_data/diff_file.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// No new code should be added to this file. Instead, modify the
-// file this one re-exports from. For more detail about why, see:
-// https://gitlab.com/gitlab-org/gitlab-foss/merge_requests/31349
-
-export { default } from '../../../frontend/diffs/mock_data/diff_file';
diff --git a/spec/javascripts/diffs/mock_data/diff_file_unreadable.js b/spec/javascripts/diffs/mock_data/diff_file_unreadable.js
deleted file mode 100644
index 09a0dc61847..00000000000
--- a/spec/javascripts/diffs/mock_data/diff_file_unreadable.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// No new code should be added to this file. Instead, modify the
-// file this one re-exports from. For more detail about why, see:
-// https://gitlab.com/gitlab-org/gitlab-foss/merge_requests/31349
-
-export { default } from '../../../frontend/diffs/mock_data/diff_file_unreadable';
diff --git a/spec/javascripts/diffs/mock_data/diff_with_commit.js b/spec/javascripts/diffs/mock_data/diff_with_commit.js
deleted file mode 100644
index c36b0239060..00000000000
--- a/spec/javascripts/diffs/mock_data/diff_with_commit.js
+++ /dev/null
@@ -1,7 +0,0 @@
-// No new code should be added to this file. Instead, modify the
-// file this one re-exports from. For more detail about why, see:
-// https://gitlab.com/gitlab-org/gitlab-foss/merge_requests/31349
-
-import getDiffWithCommit from '../../../frontend/diffs/mock_data/diff_with_commit';
-
-export default getDiffWithCommit;
diff --git a/spec/javascripts/diffs/mock_data/merge_request_diffs.js b/spec/javascripts/diffs/mock_data/merge_request_diffs.js
deleted file mode 100644
index de29eb7e560..00000000000
--- a/spec/javascripts/diffs/mock_data/merge_request_diffs.js
+++ /dev/null
@@ -1,7 +0,0 @@
-// No new code should be added to this file. Instead, modify the
-// file this one re-exports from. For more detail about why, see:
-// https://gitlab.com/gitlab-org/gitlab-foss/merge_requests/31349
-
-import diffsMockData from '../../../frontend/diffs/mock_data/merge_request_diffs';
-
-export default diffsMockData;
diff --git a/spec/javascripts/dirty_submit/dirty_submit_collection_spec.js b/spec/javascripts/dirty_submit/dirty_submit_collection_spec.js
deleted file mode 100644
index 47be0b3ce9d..00000000000
--- a/spec/javascripts/dirty_submit/dirty_submit_collection_spec.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import DirtySubmitCollection from '~/dirty_submit/dirty_submit_collection';
-import { setInputValue, createForm } from './helper';
-
-describe('DirtySubmitCollection', () => {
-  it('disables submits until there are changes', done => {
-    const testElementsCollection = [createForm(), createForm()];
-    const forms = testElementsCollection.map(testElements => testElements.form);
-
-    new DirtySubmitCollection(forms); // eslint-disable-line no-new
-
-    testElementsCollection.forEach(testElements => {
-      const { input, submit } = testElements;
-      const originalValue = input.value;
-
-      expect(submit.disabled).toBe(true);
-
-      return setInputValue(input, `${originalValue} changes`)
-        .then(() => {
-          expect(submit.disabled).toBe(false);
-        })
-        .then(() => setInputValue(input, originalValue))
-        .then(() => {
-          expect(submit.disabled).toBe(true);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-});
diff --git a/spec/javascripts/dirty_submit/dirty_submit_factory_spec.js b/spec/javascripts/dirty_submit/dirty_submit_factory_spec.js
deleted file mode 100644
index 40843a68582..00000000000
--- a/spec/javascripts/dirty_submit/dirty_submit_factory_spec.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import dirtySubmitFactory from '~/dirty_submit/dirty_submit_factory';
-import DirtySubmitForm from '~/dirty_submit/dirty_submit_form';
-import DirtySubmitCollection from '~/dirty_submit/dirty_submit_collection';
-import { createForm } from './helper';
-
-describe('DirtySubmitCollection', () => {
-  it('returns a DirtySubmitForm instance for single form elements', () => {
-    const { form } = createForm();
-
-    expect(dirtySubmitFactory(form) instanceof DirtySubmitForm).toBe(true);
-  });
-
-  it('returns a DirtySubmitCollection instance for a collection of form elements', () => {
-    const forms = [createForm().form, createForm().form];
-
-    expect(dirtySubmitFactory(forms) instanceof DirtySubmitCollection).toBe(true);
-  });
-});
diff --git a/spec/javascripts/dirty_submit/dirty_submit_form_spec.js b/spec/javascripts/dirty_submit/dirty_submit_form_spec.js
deleted file mode 100644
index 42f806fa1bf..00000000000
--- a/spec/javascripts/dirty_submit/dirty_submit_form_spec.js
+++ /dev/null
@@ -1,114 +0,0 @@
-import { range as rge } from 'lodash';
-import DirtySubmitForm from '~/dirty_submit/dirty_submit_form';
-import { getInputValue, setInputValue, createForm } from './helper';
-
-function expectToToggleDisableOnDirtyUpdate(submit, input) {
-  const originalValue = getInputValue(input);
-
-  expect(submit.disabled).toBe(true);
-
-  return setInputValue(input, `${originalValue} changes`)
-    .then(() => expect(submit.disabled).toBe(false))
-    .then(() => setInputValue(input, originalValue))
-    .then(() => expect(submit.disabled).toBe(true));
-}
-
-describe('DirtySubmitForm', () => {
-  const originalThrottleDuration = DirtySubmitForm.THROTTLE_DURATION;
-
-  describe('submit button tests', () => {
-    beforeEach(() => {
-      DirtySubmitForm.THROTTLE_DURATION = 0;
-    });
-
-    afterEach(() => {
-      DirtySubmitForm.THROTTLE_DURATION = originalThrottleDuration;
-    });
-
-    it('disables submit until there are changes', done => {
-      const { form, input, submit } = createForm();
-
-      new DirtySubmitForm(form); // eslint-disable-line no-new
-
-      return expectToToggleDisableOnDirtyUpdate(submit, input)
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('disables submit until there are changes when initializing with a falsy value', done => {
-      const { form, input, submit } = createForm();
-      input.value = '';
-
-      new DirtySubmitForm(form); // eslint-disable-line no-new
-
-      return expectToToggleDisableOnDirtyUpdate(submit, input)
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('disables submit until there are changes for radio inputs', done => {
-      const { form, input, submit } = createForm('radio');
-
-      new DirtySubmitForm(form); // eslint-disable-line no-new
-
-      return expectToToggleDisableOnDirtyUpdate(submit, input)
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('disables submit until there are changes for checkbox inputs', done => {
-      const { form, input, submit } = createForm('checkbox');
-
-      new DirtySubmitForm(form); // eslint-disable-line no-new
-
-      return expectToToggleDisableOnDirtyUpdate(submit, input)
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('throttling tests', () => {
-    beforeEach(() => {
-      jasmine.clock().install();
-      jasmine.clock().mockDate();
-      DirtySubmitForm.THROTTLE_DURATION = 100;
-    });
-
-    afterEach(() => {
-      jasmine.clock().uninstall();
-      DirtySubmitForm.THROTTLE_DURATION = originalThrottleDuration;
-    });
-
-    it('throttles updates when rapid changes are made to a single form element', () => {
-      const { form, input } = createForm();
-      const updateDirtyInputSpy = spyOn(new DirtySubmitForm(form), 'updateDirtyInput');
-
-      rge(10).forEach(i => {
-        setInputValue(input, `change ${i}`, false);
-      });
-
-      jasmine.clock().tick(101);
-
-      expect(updateDirtyInputSpy).toHaveBeenCalledTimes(2);
-    });
-
-    it('does not throttle updates when rapid changes are made to different form elements', () => {
-      const form = document.createElement('form');
-      const range = rge(10);
-      range.forEach(i => {
-        form.innerHTML += `<input type="text" name="input-${i}" class="js-input-${i}"/>`;
-      });
-
-      const updateDirtyInputSpy = spyOn(new DirtySubmitForm(form), 'updateDirtyInput');
-
-      range.forEach(i => {
-        const input = form.querySelector(`.js-input-${i}`);
-        setInputValue(input, `change`, false);
-      });
-
-      jasmine.clock().tick(101);
-
-      expect(updateDirtyInputSpy).toHaveBeenCalledTimes(range.length);
-    });
-  });
-});
diff --git a/spec/javascripts/dirty_submit/helper.js b/spec/javascripts/dirty_submit/helper.js
deleted file mode 100644
index b51783cb915..00000000000
--- a/spec/javascripts/dirty_submit/helper.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import DirtySubmitForm from '~/dirty_submit/dirty_submit_form';
-import setTimeoutPromiseHelper from '../helpers/set_timeout_promise_helper';
-
-function isCheckableType(type) {
-  return /^(radio|checkbox)$/.test(type);
-}
-
-export function setInputValue(element, value) {
-  const { type } = element;
-  let eventType;
-
-  if (isCheckableType(type)) {
-    element.checked = !element.checked;
-    eventType = 'change';
-  } else {
-    element.value = value;
-    eventType = 'input';
-  }
-
-  element.dispatchEvent(
-    new Event(eventType, {
-      bubbles: true,
-    }),
-  );
-
-  return setTimeoutPromiseHelper(DirtySubmitForm.THROTTLE_DURATION);
-}
-
-export function getInputValue(input) {
-  return isCheckableType(input.type) ? input.checked : input.value;
-}
-
-export function createForm(type = 'text') {
-  const form = document.createElement('form');
-  form.innerHTML = `
-    <input type="${type}" name="${type}" class="js-input"/>
-    <button type="submit" class="js-dirty-submit"></button>
-  `;
-
-  const input = form.querySelector('.js-input');
-  const submit = form.querySelector('.js-dirty-submit');
-
-  return {
-    form,
-    input,
-    submit,
-  };
-}
diff --git a/spec/javascripts/editor/editor_lite_spec.js b/spec/javascripts/editor/editor_lite_spec.js
deleted file mode 100644
index 106264aa13f..00000000000
--- a/spec/javascripts/editor/editor_lite_spec.js
+++ /dev/null
@@ -1,160 +0,0 @@
-import { editor as monacoEditor, Uri } from 'monaco-editor';
-import Editor from '~/editor/editor_lite';
-import { DEFAULT_THEME, themes } from '~/ide/lib/themes';
-
-describe('Base editor', () => {
-  let editorEl;
-  let editor;
-  const blobContent = 'Foo Bar';
-  const blobPath = 'test.md';
-  const uri = new Uri('gitlab', false, blobPath);
-  const fakeModel = { foo: 'bar' };
-
-  beforeEach(() => {
-    setFixtures('<div id="editor" data-editor-loading></div>');
-    editorEl = document.getElementById('editor');
-    editor = new Editor();
-  });
-
-  afterEach(() => {
-    editor.dispose();
-    editorEl.remove();
-  });
-
-  it('initializes Editor with basic properties', () => {
-    expect(editor).toBeDefined();
-    expect(editor.editorEl).toBe(null);
-    expect(editor.blobContent).toEqual('');
-    expect(editor.blobPath).toEqual('');
-  });
-
-  it('removes `editor-loading` data attribute from the target DOM element', () => {
-    editor.createInstance({ el: editorEl });
-
-    expect(editorEl.dataset.editorLoading).toBeUndefined();
-  });
-
-  describe('instance of the Editor', () => {
-    let modelSpy;
-    let instanceSpy;
-    let setModel;
-    let dispose;
-
-    beforeEach(() => {
-      setModel = jasmine.createSpy();
-      dispose = jasmine.createSpy();
-      modelSpy = spyOn(monacoEditor, 'createModel').and.returnValue(fakeModel);
-      instanceSpy = spyOn(monacoEditor, 'create').and.returnValue({
-        setModel,
-        dispose,
-      });
-    });
-
-    it('does nothing if no dom element is supplied', () => {
-      editor.createInstance();
-
-      expect(editor.editorEl).toBe(null);
-      expect(editor.blobContent).toEqual('');
-      expect(editor.blobPath).toEqual('');
-
-      expect(modelSpy).not.toHaveBeenCalled();
-      expect(instanceSpy).not.toHaveBeenCalled();
-      expect(setModel).not.toHaveBeenCalled();
-    });
-
-    it('creates model to be supplied to Monaco editor', () => {
-      editor.createInstance({ el: editorEl, blobPath, blobContent });
-
-      expect(modelSpy).toHaveBeenCalledWith(blobContent, undefined, uri);
-      expect(setModel).toHaveBeenCalledWith(fakeModel);
-    });
-
-    it('initializes the instance on a supplied DOM node', () => {
-      editor.createInstance({ el: editorEl });
-
-      expect(editor.editorEl).not.toBe(null);
-      expect(instanceSpy).toHaveBeenCalledWith(editorEl, jasmine.anything());
-    });
-  });
-
-  describe('implementation', () => {
-    beforeEach(() => {
-      editor.createInstance({ el: editorEl, blobPath, blobContent });
-    });
-
-    afterEach(() => {
-      editor.model.dispose();
-    });
-
-    it('correctly proxies value from the model', () => {
-      expect(editor.getValue()).toEqual(blobContent);
-    });
-
-    it('is capable of changing the language of the model', () => {
-      const blobRenamedPath = 'test.js';
-
-      expect(editor.model.getLanguageIdentifier().language).toEqual('markdown');
-      editor.updateModelLanguage(blobRenamedPath);
-
-      expect(editor.model.getLanguageIdentifier().language).toEqual('javascript');
-    });
-
-    it('falls back to plaintext if there is no language associated with an extension', () => {
-      const blobRenamedPath = 'test.myext';
-      const spy = spyOn(console, 'error');
-
-      editor.updateModelLanguage(blobRenamedPath);
-
-      expect(spy).not.toHaveBeenCalled();
-      expect(editor.model.getLanguageIdentifier().language).toEqual('plaintext');
-    });
-  });
-
-  describe('syntax highlighting theme', () => {
-    let themeDefineSpy;
-    let themeSetSpy;
-    let defaultScheme;
-
-    beforeEach(() => {
-      themeDefineSpy = spyOn(monacoEditor, 'defineTheme');
-      themeSetSpy = spyOn(monacoEditor, 'setTheme');
-      defaultScheme = window.gon.user_color_scheme;
-    });
-
-    afterEach(() => {
-      window.gon.user_color_scheme = defaultScheme;
-    });
-
-    it('sets default syntax highlighting theme', () => {
-      const expectedTheme = themes.find(t => t.name === DEFAULT_THEME);
-
-      editor = new Editor();
-
-      expect(themeDefineSpy).toHaveBeenCalledWith(DEFAULT_THEME, expectedTheme.data);
-      expect(themeSetSpy).toHaveBeenCalledWith(DEFAULT_THEME);
-    });
-
-    it('sets correct theme if it is set in users preferences', () => {
-      const expectedTheme = themes.find(t => t.name !== DEFAULT_THEME);
-
-      expect(expectedTheme.name).not.toBe(DEFAULT_THEME);
-
-      window.gon.user_color_scheme = expectedTheme.name;
-      editor = new Editor();
-
-      expect(themeDefineSpy).toHaveBeenCalledWith(expectedTheme.name, expectedTheme.data);
-      expect(themeSetSpy).toHaveBeenCalledWith(expectedTheme.name);
-    });
-
-    it('falls back to default theme if a selected one is not supported yet', () => {
-      const name = 'non-existent-theme';
-      const nonExistentTheme = { name };
-
-      window.gon.user_color_scheme = nonExistentTheme.name;
-      editor = new Editor();
-
-      expect(themeDefineSpy).not.toHaveBeenCalled();
-      expect(themeSetSpy).toHaveBeenCalledWith(DEFAULT_THEME);
-    });
-  });
-});
diff --git a/spec/javascripts/emoji_spec.js b/spec/javascripts/emoji_spec.js
deleted file mode 100644
index 3db4d9800f1..00000000000
--- a/spec/javascripts/emoji_spec.js
+++ /dev/null
@@ -1,486 +0,0 @@
-import { glEmojiTag } from '~/emoji';
-import isEmojiUnicodeSupported, {
-  isFlagEmoji,
-  isRainbowFlagEmoji,
-  isKeycapEmoji,
-  isSkinToneComboEmoji,
-  isHorceRacingSkinToneComboEmoji,
-  isPersonZwjEmoji,
-} from '~/emoji/support/is_emoji_unicode_supported';
-
-const emptySupportMap = {
-  personZwj: false,
-  horseRacing: false,
-  flag: false,
-  skinToneModifier: false,
-  '9.0': false,
-  '8.0': false,
-  '7.0': false,
-  6.1: false,
-  '6.0': false,
-  5.2: false,
-  5.1: false,
-  4.1: false,
-  '4.0': false,
-  3.2: false,
-  '3.0': false,
-  1.1: false,
-};
-
-const emojiFixtureMap = {
-  bomb: {
-    name: 'bomb',
-    moji: '💣',
-    unicodeVersion: '6.0',
-  },
-  construction_worker_tone5: {
-    name: 'construction_worker_tone5',
-    moji: '👷🏿',
-    unicodeVersion: '8.0',
-  },
-  five: {
-    name: 'five',
-    moji: '5️⃣',
-    unicodeVersion: '3.0',
-  },
-  grey_question: {
-    name: 'grey_question',
-    moji: '❔',
-    unicodeVersion: '6.0',
-  },
-};
-
-function markupToDomElement(markup) {
-  const div = document.createElement('div');
-  div.innerHTML = markup;
-  return div.firstElementChild;
-}
-
-function testGlEmojiImageFallback(element, name, src) {
-  expect(element.tagName.toLowerCase()).toBe('img');
-  expect(element.getAttribute('src')).toBe(src);
-  expect(element.getAttribute('title')).toBe(`:${name}:`);
-  expect(element.getAttribute('alt')).toBe(`:${name}:`);
-}
-
-const defaults = {
-  forceFallback: false,
-  sprite: false,
-};
-
-function testGlEmojiElement(element, name, unicodeVersion, unicodeMoji, options = {}) {
-  const opts = Object.assign({}, defaults, options);
-  expect(element.tagName.toLowerCase()).toBe('gl-emoji');
-  expect(element.dataset.name).toBe(name);
-  expect(element.dataset.fallbackSrc.length).toBeGreaterThan(0);
-  expect(element.dataset.unicodeVersion).toBe(unicodeVersion);
-
-  const fallbackSpriteClass = `emoji-${name}`;
-  if (opts.sprite) {
-    expect(element.dataset.fallbackSpriteClass).toBe(fallbackSpriteClass);
-  }
-
-  if (opts.forceFallback && opts.sprite) {
-    expect(element.getAttribute('class')).toBe(`emoji-icon ${fallbackSpriteClass}`);
-  }
-
-  if (opts.forceFallback && !opts.sprite) {
-    // Check for image fallback
-    testGlEmojiImageFallback(element.firstElementChild, name, element.dataset.fallbackSrc);
-  } else {
-    // Otherwise make sure things are still unicode text
-    expect(element.textContent.trim()).toBe(unicodeMoji);
-  }
-}
-
-describe('gl_emoji', () => {
-  describe('glEmojiTag', () => {
-    it('bomb emoji', () => {
-      const emojiKey = 'bomb';
-      const markup = glEmojiTag(emojiFixtureMap[emojiKey].name);
-      const glEmojiElement = markupToDomElement(markup);
-      testGlEmojiElement(
-        glEmojiElement,
-        emojiFixtureMap[emojiKey].name,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-        emojiFixtureMap[emojiKey].moji,
-      );
-    });
-
-    it('bomb emoji with image fallback', () => {
-      const emojiKey = 'bomb';
-      const markup = glEmojiTag(emojiFixtureMap[emojiKey].name, {
-        forceFallback: true,
-      });
-      const glEmojiElement = markupToDomElement(markup);
-      testGlEmojiElement(
-        glEmojiElement,
-        emojiFixtureMap[emojiKey].name,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-        emojiFixtureMap[emojiKey].moji,
-        {
-          forceFallback: true,
-        },
-      );
-    });
-
-    it('bomb emoji with sprite fallback readiness', () => {
-      const emojiKey = 'bomb';
-      const markup = glEmojiTag(emojiFixtureMap[emojiKey].name, {
-        sprite: true,
-      });
-      const glEmojiElement = markupToDomElement(markup);
-      testGlEmojiElement(
-        glEmojiElement,
-        emojiFixtureMap[emojiKey].name,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-        emojiFixtureMap[emojiKey].moji,
-        {
-          sprite: true,
-        },
-      );
-    });
-
-    it('bomb emoji with sprite fallback', () => {
-      const emojiKey = 'bomb';
-      const markup = glEmojiTag(emojiFixtureMap[emojiKey].name, {
-        forceFallback: true,
-        sprite: true,
-      });
-      const glEmojiElement = markupToDomElement(markup);
-      testGlEmojiElement(
-        glEmojiElement,
-        emojiFixtureMap[emojiKey].name,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-        emojiFixtureMap[emojiKey].moji,
-        {
-          forceFallback: true,
-          sprite: true,
-        },
-      );
-    });
-
-    it('question mark when invalid emoji name given', () => {
-      const name = 'invalid_emoji';
-      const emojiKey = 'grey_question';
-      const markup = glEmojiTag(name);
-      const glEmojiElement = markupToDomElement(markup);
-      testGlEmojiElement(
-        glEmojiElement,
-        emojiFixtureMap[emojiKey].name,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-        emojiFixtureMap[emojiKey].moji,
-      );
-    });
-
-    it('question mark with image fallback when invalid emoji name given', () => {
-      const name = 'invalid_emoji';
-      const emojiKey = 'grey_question';
-      const markup = glEmojiTag(name, {
-        forceFallback: true,
-      });
-      const glEmojiElement = markupToDomElement(markup);
-      testGlEmojiElement(
-        glEmojiElement,
-        emojiFixtureMap[emojiKey].name,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-        emojiFixtureMap[emojiKey].moji,
-        {
-          forceFallback: true,
-        },
-      );
-    });
-  });
-
-  describe('isFlagEmoji', () => {
-    it('should gracefully handle empty string', () => {
-      expect(isFlagEmoji('')).toBeFalsy();
-    });
-
-    it('should detect flag_ac', () => {
-      expect(isFlagEmoji('🇦🇨')).toBeTruthy();
-    });
-
-    it('should detect flag_us', () => {
-      expect(isFlagEmoji('🇺🇸')).toBeTruthy();
-    });
-
-    it('should detect flag_zw', () => {
-      expect(isFlagEmoji('🇿🇼')).toBeTruthy();
-    });
-
-    it('should not detect flags', () => {
-      expect(isFlagEmoji('🎏')).toBeFalsy();
-    });
-
-    it('should not detect triangular_flag_on_post', () => {
-      expect(isFlagEmoji('🚩')).toBeFalsy();
-    });
-
-    it('should not detect single letter', () => {
-      expect(isFlagEmoji('🇦')).toBeFalsy();
-    });
-
-    it('should not detect >2 letters', () => {
-      expect(isFlagEmoji('🇦🇧🇨')).toBeFalsy();
-    });
-  });
-
-  describe('isRainbowFlagEmoji', () => {
-    it('should gracefully handle empty string', () => {
-      expect(isRainbowFlagEmoji('')).toBeFalsy();
-    });
-
-    it('should detect rainbow_flag', () => {
-      expect(isRainbowFlagEmoji('🏳🌈')).toBeTruthy();
-    });
-
-    it("should not detect flag_white on its' own", () => {
-      expect(isRainbowFlagEmoji('🏳')).toBeFalsy();
-    });
-
-    it("should not detect rainbow on its' own", () => {
-      expect(isRainbowFlagEmoji('🌈')).toBeFalsy();
-    });
-
-    it('should not detect flag_white with something else', () => {
-      expect(isRainbowFlagEmoji('🏳🔵')).toBeFalsy();
-    });
-  });
-
-  describe('isKeycapEmoji', () => {
-    it('should gracefully handle empty string', () => {
-      expect(isKeycapEmoji('')).toBeFalsy();
-    });
-
-    it('should detect one(keycap)', () => {
-      expect(isKeycapEmoji('1️⃣')).toBeTruthy();
-    });
-
-    it('should detect nine(keycap)', () => {
-      expect(isKeycapEmoji('9️⃣')).toBeTruthy();
-    });
-
-    it('should not detect ten(keycap)', () => {
-      expect(isKeycapEmoji('🔟')).toBeFalsy();
-    });
-
-    it('should not detect hash(keycap)', () => {
-      expect(isKeycapEmoji('#⃣')).toBeFalsy();
-    });
-  });
-
-  describe('isSkinToneComboEmoji', () => {
-    it('should gracefully handle empty string', () => {
-      expect(isSkinToneComboEmoji('')).toBeFalsy();
-    });
-
-    it('should detect hand_splayed_tone5', () => {
-      expect(isSkinToneComboEmoji('🖐🏿')).toBeTruthy();
-    });
-
-    it('should not detect hand_splayed', () => {
-      expect(isSkinToneComboEmoji('🖐')).toBeFalsy();
-    });
-
-    it('should detect lifter_tone1', () => {
-      expect(isSkinToneComboEmoji('🏋🏻')).toBeTruthy();
-    });
-
-    it('should not detect lifter', () => {
-      expect(isSkinToneComboEmoji('🏋')).toBeFalsy();
-    });
-
-    it('should detect rowboat_tone4', () => {
-      expect(isSkinToneComboEmoji('🚣🏾')).toBeTruthy();
-    });
-
-    it('should not detect rowboat', () => {
-      expect(isSkinToneComboEmoji('🚣')).toBeFalsy();
-    });
-
-    it('should not detect individual tone emoji', () => {
-      expect(isSkinToneComboEmoji('🏻')).toBeFalsy();
-    });
-  });
-
-  describe('isHorceRacingSkinToneComboEmoji', () => {
-    it('should gracefully handle empty string', () => {
-      expect(isHorceRacingSkinToneComboEmoji('')).toBeFalsy();
-    });
-
-    it('should detect horse_racing_tone2', () => {
-      expect(isHorceRacingSkinToneComboEmoji('🏇🏼')).toBeTruthy();
-    });
-
-    it('should not detect horse_racing', () => {
-      expect(isHorceRacingSkinToneComboEmoji('🏇')).toBeFalsy();
-    });
-  });
-
-  describe('isPersonZwjEmoji', () => {
-    it('should gracefully handle empty string', () => {
-      expect(isPersonZwjEmoji('')).toBeFalsy();
-    });
-
-    it('should detect couple_mm', () => {
-      expect(isPersonZwjEmoji('👨‍❤️‍👨')).toBeTruthy();
-    });
-
-    it('should not detect couple_with_heart', () => {
-      expect(isPersonZwjEmoji('💑')).toBeFalsy();
-    });
-
-    it('should not detect couplekiss', () => {
-      expect(isPersonZwjEmoji('💏')).toBeFalsy();
-    });
-
-    it('should detect family_mmb', () => {
-      expect(isPersonZwjEmoji('👨‍👨‍👦')).toBeTruthy();
-    });
-
-    it('should detect family_mwgb', () => {
-      expect(isPersonZwjEmoji('👨‍👩‍👧‍👦')).toBeTruthy();
-    });
-
-    it('should not detect family', () => {
-      expect(isPersonZwjEmoji('👪')).toBeFalsy();
-    });
-
-    it('should detect kiss_ww', () => {
-      expect(isPersonZwjEmoji('👩‍❤️‍💋‍👩')).toBeTruthy();
-    });
-
-    it('should not detect girl', () => {
-      expect(isPersonZwjEmoji('👧')).toBeFalsy();
-    });
-
-    it('should not detect girl_tone5', () => {
-      expect(isPersonZwjEmoji('👧🏿')).toBeFalsy();
-    });
-
-    it('should not detect man', () => {
-      expect(isPersonZwjEmoji('👨')).toBeFalsy();
-    });
-
-    it('should not detect woman', () => {
-      expect(isPersonZwjEmoji('👩')).toBeFalsy();
-    });
-  });
-
-  describe('isEmojiUnicodeSupported', () => {
-    it('should gracefully handle empty string with unicode support', () => {
-      const isSupported = isEmojiUnicodeSupported({ '1.0': true }, '', '1.0');
-
-      expect(isSupported).toBeTruthy();
-    });
-
-    it('should gracefully handle empty string without unicode support', () => {
-      const isSupported = isEmojiUnicodeSupported({}, '', '1.0');
-
-      expect(isSupported).toBeFalsy();
-    });
-
-    it('bomb(6.0) with 6.0 support', () => {
-      const emojiKey = 'bomb';
-      const unicodeSupportMap = Object.assign({}, emptySupportMap, {
-        '6.0': true,
-      });
-      const isSupported = isEmojiUnicodeSupported(
-        unicodeSupportMap,
-        emojiFixtureMap[emojiKey].moji,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-      );
-
-      expect(isSupported).toBeTruthy();
-    });
-
-    it('bomb(6.0) without 6.0 support', () => {
-      const emojiKey = 'bomb';
-      const unicodeSupportMap = emptySupportMap;
-      const isSupported = isEmojiUnicodeSupported(
-        unicodeSupportMap,
-        emojiFixtureMap[emojiKey].moji,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-      );
-
-      expect(isSupported).toBeFalsy();
-    });
-
-    it('bomb(6.0) without 6.0 but with 9.0 support', () => {
-      const emojiKey = 'bomb';
-      const unicodeSupportMap = Object.assign({}, emptySupportMap, {
-        '9.0': true,
-      });
-      const isSupported = isEmojiUnicodeSupported(
-        unicodeSupportMap,
-        emojiFixtureMap[emojiKey].moji,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-      );
-
-      expect(isSupported).toBeFalsy();
-    });
-
-    it('construction_worker_tone5(8.0) without skin tone modifier support', () => {
-      const emojiKey = 'construction_worker_tone5';
-      const unicodeSupportMap = Object.assign({}, emptySupportMap, {
-        skinToneModifier: false,
-        '9.0': true,
-        '8.0': true,
-        '7.0': true,
-        6.1: true,
-        '6.0': true,
-        5.2: true,
-        5.1: true,
-        4.1: true,
-        '4.0': true,
-        3.2: true,
-        '3.0': true,
-        1.1: true,
-      });
-      const isSupported = isEmojiUnicodeSupported(
-        unicodeSupportMap,
-        emojiFixtureMap[emojiKey].moji,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-      );
-
-      expect(isSupported).toBeFalsy();
-    });
-
-    it('use native keycap on >=57 chrome', () => {
-      const emojiKey = 'five';
-      const unicodeSupportMap = Object.assign({}, emptySupportMap, {
-        '3.0': true,
-        meta: {
-          isChrome: true,
-          chromeVersion: 57,
-        },
-      });
-      const isSupported = isEmojiUnicodeSupported(
-        unicodeSupportMap,
-        emojiFixtureMap[emojiKey].moji,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-      );
-
-      expect(isSupported).toBeTruthy();
-    });
-
-    it('fallback keycap on <57 chrome', () => {
-      const emojiKey = 'five';
-      const unicodeSupportMap = Object.assign({}, emptySupportMap, {
-        '3.0': true,
-        meta: {
-          isChrome: true,
-          chromeVersion: 50,
-        },
-      });
-      const isSupported = isEmojiUnicodeSupported(
-        unicodeSupportMap,
-        emojiFixtureMap[emojiKey].moji,
-        emojiFixtureMap[emojiKey].unicodeVersion,
-      );
-
-      expect(isSupported).toBeFalsy();
-    });
-  });
-});
diff --git a/spec/javascripts/feature_highlight/feature_highlight_helper_spec.js b/spec/javascripts/feature_highlight/feature_highlight_helper_spec.js
deleted file mode 100644
index ba35f7bf7c6..00000000000
--- a/spec/javascripts/feature_highlight/feature_highlight_helper_spec.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import $ from 'jquery';
-import MockAdapter from 'axios-mock-adapter';
-import getSetTimeoutPromise from 'spec/helpers/set_timeout_promise_helper';
-import axios from '~/lib/utils/axios_utils';
-import { getSelector, dismiss, inserted } from '~/feature_highlight/feature_highlight_helper';
-import { togglePopover } from '~/shared/popover';
-
-describe('feature highlight helper', () => {
-  describe('getSelector', () => {
-    it('returns js-feature-highlight selector', () => {
-      const highlightId = 'highlightId';
-
-      expect(getSelector(highlightId)).toEqual(
-        `.js-feature-highlight[data-highlight=${highlightId}]`,
-      );
-    });
-  });
-
-  describe('dismiss', () => {
-    let mock;
-    const context = {
-      hide: () => {},
-      attr: () => '/-/callouts/dismiss',
-    };
-
-    beforeEach(() => {
-      mock = new MockAdapter(axios);
-
-      spyOn(togglePopover, 'call').and.callFake(() => {});
-      spyOn(context, 'hide').and.callFake(() => {});
-      dismiss.call(context);
-    });
-
-    afterEach(() => {
-      mock.restore();
-    });
-
-    it('calls persistent dismissal endpoint', done => {
-      const spy = jasmine.createSpy('dismiss-endpoint-hit');
-      mock.onPost('/-/callouts/dismiss').reply(spy);
-
-      getSetTimeoutPromise()
-        .then(() => {
-          expect(spy).toHaveBeenCalled();
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('calls hide popover', () => {
-      expect(togglePopover.call).toHaveBeenCalledWith(context, false);
-    });
-
-    it('calls hide', () => {
-      expect(context.hide).toHaveBeenCalled();
-    });
-  });
-
-  describe('inserted', () => {
-    it('registers click event callback', done => {
-      const context = {
-        getAttribute: () => 'popoverId',
-        dataset: {
-          highlight: 'some-feature',
-        },
-      };
-
-      spyOn($.fn, 'on').and.callFake(event => {
-        expect(event).toEqual('click');
-        done();
-      });
-      inserted.call(context);
-    });
-  });
-});
diff --git a/spec/javascripts/feature_highlight/feature_highlight_spec.js b/spec/javascripts/feature_highlight/feature_highlight_spec.js
deleted file mode 100644
index 40ac4bbb6a0..00000000000
--- a/spec/javascripts/feature_highlight/feature_highlight_spec.js
+++ /dev/null
@@ -1,141 +0,0 @@
-import $ from 'jquery';
-import MockAdapter from 'axios-mock-adapter';
-import * as featureHighlight from '~/feature_highlight/feature_highlight';
-import * as popover from '~/shared/popover';
-import axios from '~/lib/utils/axios_utils';
-
-describe('feature highlight', () => {
-  beforeEach(() => {
-    setFixtures(`
-      <div>
-        <div class="js-feature-highlight" data-highlight="test" data-highlight-priority="10" data-dismiss-endpoint="/test" disabled>
-          Trigger
-        </div>
-      </div>
-      <div class="feature-highlight-popover-content">
-        Content
-        <div class="dismiss-feature-highlight">
-          Dismiss
-        </div>
-      </div>
-    `);
-  });
-
-  describe('setupFeatureHighlightPopover', () => {
-    let mock;
-    const selector = '.js-feature-highlight[data-highlight=test]';
-
-    beforeEach(() => {
-      mock = new MockAdapter(axios);
-      mock.onGet('/test').reply(200);
-      spyOn(window, 'addEventListener');
-      featureHighlight.setupFeatureHighlightPopover('test', 0);
-    });
-
-    afterEach(() => {
-      mock.restore();
-    });
-
-    it('setup popover content', () => {
-      const $popoverContent = $('.feature-highlight-popover-content');
-      const outerHTML = $popoverContent.prop('outerHTML');
-
-      expect($(selector).data('content')).toEqual(outerHTML);
-    });
-
-    it('setup mouseenter', () => {
-      const toggleSpy = spyOn(popover.togglePopover, 'call');
-      $(selector).trigger('mouseenter');
-
-      expect(toggleSpy).toHaveBeenCalledWith(jasmine.any(Object), true);
-    });
-
-    it('setup debounced mouseleave', done => {
-      const toggleSpy = spyOn(popover.togglePopover, 'call');
-      $(selector).trigger('mouseleave');
-
-      // Even though we've set the debounce to 0ms, setTimeout is needed for the debounce
-      setTimeout(() => {
-        expect(toggleSpy).toHaveBeenCalledWith(jasmine.any(Object), false);
-        done();
-      }, 0);
-    });
-
-    it('setup show.bs.popover', () => {
-      $(selector).trigger('show.bs.popover');
-
-      expect(window.addEventListener).toHaveBeenCalledWith('scroll', jasmine.any(Function), {
-        once: true,
-      });
-    });
-
-    it('removes disabled attribute', () => {
-      expect($('.js-feature-highlight').is(':disabled')).toEqual(false);
-    });
-
-    it('displays popover', () => {
-      expect(document.querySelector(selector).getAttribute('aria-describedby')).toBeFalsy();
-      $(selector).trigger('mouseenter');
-
-      expect(document.querySelector(selector).getAttribute('aria-describedby')).toBeTruthy();
-    });
-
-    it('toggles when clicked', () => {
-      $(selector).trigger('mouseenter');
-      const popoverId = $(selector).attr('aria-describedby');
-      const toggleSpy = spyOn(popover.togglePopover, 'call');
-
-      $(`#${popoverId} .dismiss-feature-highlight`).click();
-
-      expect(toggleSpy).toHaveBeenCalled();
-    });
-  });
-
-  describe('findHighestPriorityFeature', () => {
-    beforeEach(() => {
-      setFixtures(`
-        <div class="js-feature-highlight" data-highlight="test" data-highlight-priority="10" disabled></div>
-        <div class="js-feature-highlight" data-highlight="test-high-priority" data-highlight-priority="20" disabled></div>
-        <div class="js-feature-highlight" data-highlight="test-low-priority" data-highlight-priority="0" disabled></div>
-      `);
-    });
-
-    it('should pick the highest priority feature highlight', () => {
-      setFixtures(`
-        <div class="js-feature-highlight" data-highlight="test" data-highlight-priority="10" disabled></div>
-        <div class="js-feature-highlight" data-highlight="test-high-priority" data-highlight-priority="20" disabled></div>
-        <div class="js-feature-highlight" data-highlight="test-low-priority" data-highlight-priority="0" disabled></div>
-      `);
-
-      expect($('.js-feature-highlight').length).toBeGreaterThan(1);
-      expect(featureHighlight.findHighestPriorityFeature()).toEqual('test-high-priority');
-    });
-
-    it('should work when no priority is set', () => {
-      setFixtures(`
-        <div class="js-feature-highlight" data-highlight="test" disabled></div>
-      `);
-
-      expect(featureHighlight.findHighestPriorityFeature()).toEqual('test');
-    });
-
-    it('should pick the highest priority feature highlight when some have no priority set', () => {
-      setFixtures(`
-        <div class="js-feature-highlight" data-highlight="test-no-priority1" disabled></div>
-        <div class="js-feature-highlight" data-highlight="test" data-highlight-priority="10" disabled></div>
-        <div class="js-feature-highlight" data-highlight="test-no-priority2" disabled></div>
-        <div class="js-feature-highlight" data-highlight="test-high-priority" data-highlight-priority="20" disabled></div>
-        <div class="js-feature-highlight" data-highlight="test-low-priority" data-highlight-priority="0" disabled></div>
-      `);
-
-      expect($('.js-feature-highlight').length).toBeGreaterThan(1);
-      expect(featureHighlight.findHighestPriorityFeature()).toEqual('test-high-priority');
-    });
-  });
-
-  describe('highlightFeatures', () => {
-    it('calls setupFeatureHighlightPopover', () => {
-      expect(featureHighlight.highlightFeatures()).toEqual('test');
-    });
-  });
-});
diff --git a/spec/javascripts/filtered_search/dropdown_utils_spec.js b/spec/javascripts/filtered_search/dropdown_utils_spec.js
deleted file mode 100644
index 6eda4f391a4..00000000000
--- a/spec/javascripts/filtered_search/dropdown_utils_spec.js
+++ /dev/null
@@ -1,374 +0,0 @@
-import DropdownUtils from '~/filtered_search/dropdown_utils';
-import FilteredSearchDropdownManager from '~/filtered_search/filtered_search_dropdown_manager';
-import IssuableFilteredSearchTokenKeys from '~/filtered_search/issuable_filtered_search_token_keys';
-import FilteredSearchSpecHelper from '../helpers/filtered_search_spec_helper';
-
-describe('Dropdown Utils', () => {
-  const issueListFixture = 'issues/issue_list.html';
-  preloadFixtures(issueListFixture);
-
-  describe('getEscapedText', () => {
-    it('should return same word when it has no space', () => {
-      const escaped = DropdownUtils.getEscapedText('textWithoutSpace');
-
-      expect(escaped).toBe('textWithoutSpace');
-    });
-
-    it('should escape with double quotes', () => {
-      let escaped = DropdownUtils.getEscapedText('text with space');
-
-      expect(escaped).toBe('"text with space"');
-
-      escaped = DropdownUtils.getEscapedText("won't fix");
-
-      expect(escaped).toBe('"won\'t fix"');
-    });
-
-    it('should escape with single quotes', () => {
-      const escaped = DropdownUtils.getEscapedText('won"t fix');
-
-      expect(escaped).toBe("'won\"t fix'");
-    });
-
-    it('should escape with single quotes by default', () => {
-      const escaped = DropdownUtils.getEscapedText('won"t\' fix');
-
-      expect(escaped).toBe("'won\"t' fix'");
-    });
-  });
-
-  describe('filterWithSymbol', () => {
-    let input;
-    const item = {
-      title: '@root',
-    };
-
-    beforeEach(() => {
-      setFixtures(`
-        <input type="text" id="test" />
-      `);
-
-      input = document.getElementById('test');
-    });
-
-    it('should filter without symbol', () => {
-      input.value = 'roo';
-
-      const updatedItem = DropdownUtils.filterWithSymbol('@', input, item);
-
-      expect(updatedItem.droplab_hidden).toBe(false);
-    });
-
-    it('should filter with symbol', () => {
-      input.value = '@roo';
-
-      const updatedItem = DropdownUtils.filterWithSymbol('@', input, item);
-
-      expect(updatedItem.droplab_hidden).toBe(false);
-    });
-
-    describe('filters multiple word title', () => {
-      const multipleWordItem = {
-        title: 'Community Contributions',
-      };
-
-      it('should filter with double quote', () => {
-        input.value = '"';
-
-        const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem);
-
-        expect(updatedItem.droplab_hidden).toBe(false);
-      });
-
-      it('should filter with double quote and symbol', () => {
-        input.value = '~"';
-
-        const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem);
-
-        expect(updatedItem.droplab_hidden).toBe(false);
-      });
-
-      it('should filter with double quote and multiple words', () => {
-        input.value = '"community con';
-
-        const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem);
-
-        expect(updatedItem.droplab_hidden).toBe(false);
-      });
-
-      it('should filter with double quote, symbol and multiple words', () => {
-        input.value = '~"community con';
-
-        const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem);
-
-        expect(updatedItem.droplab_hidden).toBe(false);
-      });
-
-      it('should filter with single quote', () => {
-        input.value = "'";
-
-        const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem);
-
-        expect(updatedItem.droplab_hidden).toBe(false);
-      });
-
-      it('should filter with single quote and symbol', () => {
-        input.value = "~'";
-
-        const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem);
-
-        expect(updatedItem.droplab_hidden).toBe(false);
-      });
-
-      it('should filter with single quote and multiple words', () => {
-        input.value = "'community con";
-
-        const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem);
-
-        expect(updatedItem.droplab_hidden).toBe(false);
-      });
-
-      it('should filter with single quote, symbol and multiple words', () => {
-        input.value = "~'community con";
-
-        const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem);
-
-        expect(updatedItem.droplab_hidden).toBe(false);
-      });
-    });
-  });
-
-  describe('filterHint', () => {
-    let input;
-    let allowedKeys;
-
-    beforeEach(() => {
-      setFixtures(`
-        <ul class="tokens-container">
-          <li class="input-token">
-            <input class="filtered-search" type="text" id="test" />
-          </li>
-        </ul>
-      `);
-
-      input = document.getElementById('test');
-      allowedKeys = IssuableFilteredSearchTokenKeys.getKeys();
-    });
-
-    function config() {
-      return {
-        input,
-        allowedKeys,
-      };
-    }
-
-    it('should filter', () => {
-      input.value = 'l';
-      let updatedItem = DropdownUtils.filterHint(config(), {
-        hint: 'label',
-      });
-
-      expect(updatedItem.droplab_hidden).toBe(false);
-
-      input.value = 'o';
-      updatedItem = DropdownUtils.filterHint(config(), {
-        hint: 'label',
-      });
-
-      expect(updatedItem.droplab_hidden).toBe(true);
-    });
-
-    it('should return droplab_hidden false when item has no hint', () => {
-      const updatedItem = DropdownUtils.filterHint(config(), {}, '');
-
-      expect(updatedItem.droplab_hidden).toBe(false);
-    });
-
-    it('should allow multiple if item.type is array', () => {
-      input.value = 'label:~first la';
-      const updatedItem = DropdownUtils.filterHint(config(), {
-        hint: 'label',
-        type: 'array',
-      });
-
-      expect(updatedItem.droplab_hidden).toBe(false);
-    });
-
-    it('should prevent multiple if item.type is not array', () => {
-      input.value = 'milestone:~first mile';
-      let updatedItem = DropdownUtils.filterHint(config(), {
-        hint: 'milestone',
-      });
-
-      expect(updatedItem.droplab_hidden).toBe(true);
-
-      updatedItem = DropdownUtils.filterHint(config(), {
-        hint: 'milestone',
-        type: 'string',
-      });
-
-      expect(updatedItem.droplab_hidden).toBe(true);
-    });
-  });
-
-  describe('setDataValueIfSelected', () => {
-    beforeEach(() => {
-      spyOn(FilteredSearchDropdownManager, 'addWordToInput').and.callFake(() => {});
-    });
-
-    it('calls addWordToInput when dataValue exists', () => {
-      const selected = {
-        getAttribute: () => 'value',
-        hasAttribute: () => false,
-      };
-
-      DropdownUtils.setDataValueIfSelected(null, '=', selected);
-
-      expect(FilteredSearchDropdownManager.addWordToInput.calls.count()).toEqual(1);
-    });
-
-    it('returns true when dataValue exists', () => {
-      const selected = {
-        getAttribute: () => 'value',
-        hasAttribute: () => false,
-      };
-
-      const result = DropdownUtils.setDataValueIfSelected(null, '=', selected);
-      const result2 = DropdownUtils.setDataValueIfSelected(null, '!=', selected);
-
-      expect(result).toBe(true);
-      expect(result2).toBe(true);
-    });
-
-    it('returns false when dataValue does not exist', () => {
-      const selected = {
-        getAttribute: () => null,
-      };
-
-      const result = DropdownUtils.setDataValueIfSelected(null, '=', selected);
-      const result2 = DropdownUtils.setDataValueIfSelected(null, '!=', selected);
-
-      expect(result).toBe(false);
-      expect(result2).toBe(false);
-    });
-  });
-
-  describe('getInputSelectionPosition', () => {
-    describe('word with trailing spaces', () => {
-      const value = 'label:none ';
-
-      it('should return selectionStart when cursor is at the trailing space', () => {
-        const { left, right } = DropdownUtils.getInputSelectionPosition({
-          selectionStart: 11,
-          value,
-        });
-
-        expect(left).toBe(11);
-        expect(right).toBe(11);
-      });
-
-      it('should return input when cursor is at the start of input', () => {
-        const { left, right } = DropdownUtils.getInputSelectionPosition({
-          selectionStart: 0,
-          value,
-        });
-
-        expect(left).toBe(0);
-        expect(right).toBe(10);
-      });
-
-      it('should return input when cursor is at the middle of input', () => {
-        const { left, right } = DropdownUtils.getInputSelectionPosition({
-          selectionStart: 7,
-          value,
-        });
-
-        expect(left).toBe(0);
-        expect(right).toBe(10);
-      });
-
-      it('should return input when cursor is at the end of input', () => {
-        const { left, right } = DropdownUtils.getInputSelectionPosition({
-          selectionStart: 10,
-          value,
-        });
-
-        expect(left).toBe(0);
-        expect(right).toBe(10);
-      });
-    });
-
-    describe('multiple words', () => {
-      const value = 'label:~"Community Contribution"';
-
-      it('should return input when cursor is after the first word', () => {
-        const { left, right } = DropdownUtils.getInputSelectionPosition({
-          selectionStart: 17,
-          value,
-        });
-
-        expect(left).toBe(0);
-        expect(right).toBe(31);
-      });
-
-      it('should return input when cursor is before the second word', () => {
-        const { left, right } = DropdownUtils.getInputSelectionPosition({
-          selectionStart: 18,
-          value,
-        });
-
-        expect(left).toBe(0);
-        expect(right).toBe(31);
-      });
-    });
-
-    describe('incomplete multiple words', () => {
-      const value = 'label:~"Community Contribution';
-
-      it('should return entire input when cursor is at the start of input', () => {
-        const { left, right } = DropdownUtils.getInputSelectionPosition({
-          selectionStart: 0,
-          value,
-        });
-
-        expect(left).toBe(0);
-        expect(right).toBe(30);
-      });
-
-      it('should return entire input when cursor is at the end of input', () => {
-        const { left, right } = DropdownUtils.getInputSelectionPosition({
-          selectionStart: 30,
-          value,
-        });
-
-        expect(left).toBe(0);
-        expect(right).toBe(30);
-      });
-    });
-  });
-
-  describe('getSearchQuery', () => {
-    let authorToken;
-
-    beforeEach(() => {
-      loadFixtures(issueListFixture);
-
-      authorToken = FilteredSearchSpecHelper.createFilterVisualToken('author', '=', '@user');
-      const searchTermToken = FilteredSearchSpecHelper.createSearchVisualToken('search term');
-
-      const tokensContainer = document.querySelector('.tokens-container');
-      tokensContainer.appendChild(searchTermToken);
-      tokensContainer.appendChild(authorToken);
-    });
-
-    it('uses original value if present', () => {
-      const originalValue = 'original dance';
-      const valueContainer = authorToken.querySelector('.value-container');
-      valueContainer.dataset.originalValue = originalValue;
-
-      const searchQuery = DropdownUtils.getSearchQuery();
-
-      expect(searchQuery).toBe(' search term author:=original dance');
-    });
-  });
-});
diff --git a/spec/javascripts/filtered_search/filtered_search_manager_spec.js b/spec/javascripts/filtered_search/filtered_search_manager_spec.js
deleted file mode 100644
index d0b54a16747..00000000000
--- a/spec/javascripts/filtered_search/filtered_search_manager_spec.js
+++ /dev/null
@@ -1,580 +0,0 @@
-import RecentSearchesService from '~/filtered_search/services/recent_searches_service';
-import RecentSearchesServiceError from '~/filtered_search/services/recent_searches_service_error';
-import RecentSearchesRoot from '~/filtered_search/recent_searches_root';
-import IssuableFilteredSearchTokenKeys from '~/filtered_search/issuable_filtered_search_token_keys';
-import '~/lib/utils/common_utils';
-import DropdownUtils from '~/filtered_search/dropdown_utils';
-import FilteredSearchVisualTokens from '~/filtered_search/filtered_search_visual_tokens';
-import FilteredSearchDropdownManager from '~/filtered_search/filtered_search_dropdown_manager';
-import FilteredSearchManager from '~/filtered_search/filtered_search_manager';
-import FilteredSearchSpecHelper from '../helpers/filtered_search_spec_helper';
-import { BACKSPACE_KEY_CODE, DELETE_KEY_CODE } from '~/lib/utils/keycodes';
-
-describe('Filtered Search Manager', function() {
-  let input;
-  let manager;
-  let tokensContainer;
-  const page = 'issues';
-  const placeholder = 'Search or filter results...';
-
-  function dispatchBackspaceEvent(element, eventType) {
-    const event = new Event(eventType);
-    event.keyCode = BACKSPACE_KEY_CODE;
-    element.dispatchEvent(event);
-  }
-
-  function dispatchDeleteEvent(element, eventType) {
-    const event = new Event(eventType);
-    event.keyCode = DELETE_KEY_CODE;
-    element.dispatchEvent(event);
-  }
-
-  function dispatchAltBackspaceEvent(element, eventType) {
-    const event = new Event(eventType);
-    event.altKey = true;
-    event.keyCode = BACKSPACE_KEY_CODE;
-    element.dispatchEvent(event);
-  }
-
-  function dispatchCtrlBackspaceEvent(element, eventType) {
-    const event = new Event(eventType);
-    event.ctrlKey = true;
-    event.keyCode = BACKSPACE_KEY_CODE;
-    element.dispatchEvent(event);
-  }
-
-  function dispatchMetaBackspaceEvent(element, eventType) {
-    const event = new Event(eventType);
-    event.metaKey = true;
-    event.keyCode = BACKSPACE_KEY_CODE;
-    element.dispatchEvent(event);
-  }
-
-  function getVisualTokens() {
-    return tokensContainer.querySelectorAll('.js-visual-token');
-  }
-
-  beforeEach(() => {
-    setFixtures(`
-      <div class="filtered-search-box">
-        <form>
-          <ul class="tokens-container list-unstyled">
-            ${FilteredSearchSpecHelper.createInputHTML(placeholder)}
-          </ul>
-          <button class="clear-search" type="button">
-            <i class="fa fa-times"></i>
-          </button>
-        </form>
-      </div>
-    `);
-
-    spyOn(FilteredSearchDropdownManager.prototype, 'setDropdown').and.callFake(() => {});
-  });
-
-  const initializeManager = () => {
-    /* eslint-disable jasmine/no-unsafe-spy */
-    spyOn(FilteredSearchManager.prototype, 'loadSearchParamsFromURL').and.callFake(() => {});
-    spyOn(FilteredSearchManager.prototype, 'tokenChange').and.callFake(() => {});
-    spyOn(FilteredSearchDropdownManager.prototype, 'updateDropdownOffset').and.callFake(() => {});
-    spyOn(gl.utils, 'getParameterByName').and.returnValue(null);
-    spyOn(FilteredSearchVisualTokens, 'unselectTokens').and.callThrough();
-    /* eslint-enable jasmine/no-unsafe-spy */
-
-    input = document.querySelector('.filtered-search');
-    tokensContainer = document.querySelector('.tokens-container');
-    manager = new FilteredSearchManager({ page });
-    manager.setup();
-  };
-
-  afterEach(() => {
-    manager.cleanup();
-  });
-
-  describe('class constructor', () => {
-    const isLocalStorageAvailable = 'isLocalStorageAvailable';
-    let RecentSearchesStoreSpy;
-
-    beforeEach(() => {
-      spyOn(RecentSearchesService, 'isAvailable').and.returnValue(isLocalStorageAvailable);
-      spyOn(RecentSearchesRoot.prototype, 'render');
-      RecentSearchesStoreSpy = spyOnDependency(FilteredSearchManager, 'RecentSearchesStore');
-    });
-
-    it('should instantiate RecentSearchesStore with isLocalStorageAvailable', () => {
-      manager = new FilteredSearchManager({ page });
-
-      expect(RecentSearchesService.isAvailable).toHaveBeenCalled();
-      expect(RecentSearchesStoreSpy).toHaveBeenCalledWith({
-        isLocalStorageAvailable,
-        allowedKeys: IssuableFilteredSearchTokenKeys.getKeys(),
-      });
-    });
-  });
-
-  describe('setup', () => {
-    beforeEach(() => {
-      manager = new FilteredSearchManager({ page });
-    });
-
-    it('should not instantiate Flash if an RecentSearchesServiceError is caught', () => {
-      spyOn(RecentSearchesService.prototype, 'fetch').and.callFake(() =>
-        Promise.reject(new RecentSearchesServiceError()),
-      );
-      spyOn(window, 'Flash');
-
-      manager.setup();
-
-      expect(window.Flash).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('searchState', () => {
-    beforeEach(() => {
-      spyOn(FilteredSearchManager.prototype, 'search').and.callFake(() => {});
-      initializeManager();
-    });
-
-    it('should blur button', () => {
-      const e = {
-        preventDefault: () => {},
-        currentTarget: {
-          blur: () => {},
-        },
-      };
-      spyOn(e.currentTarget, 'blur').and.callThrough();
-      manager.searchState(e);
-
-      expect(e.currentTarget.blur).toHaveBeenCalled();
-    });
-
-    it('should not call search if there is no state', () => {
-      const e = {
-        preventDefault: () => {},
-        currentTarget: {
-          blur: () => {},
-        },
-      };
-
-      manager.searchState(e);
-
-      expect(FilteredSearchManager.prototype.search).not.toHaveBeenCalled();
-    });
-
-    it('should call search when there is state', () => {
-      const e = {
-        preventDefault: () => {},
-        currentTarget: {
-          blur: () => {},
-          dataset: {
-            state: 'opened',
-          },
-        },
-      };
-
-      manager.searchState(e);
-
-      expect(FilteredSearchManager.prototype.search).toHaveBeenCalledWith('opened');
-    });
-  });
-
-  describe('search', () => {
-    const defaultParams = '?scope=all&utf8=%E2%9C%93&state=opened';
-
-    beforeEach(() => {
-      initializeManager();
-    });
-
-    it('should search with a single word', done => {
-      input.value = 'searchTerm';
-
-      spyOnDependency(FilteredSearchManager, 'visitUrl').and.callFake(url => {
-        expect(url).toEqual(`${defaultParams}&search=searchTerm`);
-        done();
-      });
-
-      manager.search();
-    });
-
-    it('should search with multiple words', done => {
-      input.value = 'awesome search terms';
-
-      spyOnDependency(FilteredSearchManager, 'visitUrl').and.callFake(url => {
-        expect(url).toEqual(`${defaultParams}&search=awesome+search+terms`);
-        done();
-      });
-
-      manager.search();
-    });
-
-    it('should search with special characters', done => {
-      input.value = '~!@#$%^&*()_+{}:<>,.?/';
-
-      spyOnDependency(FilteredSearchManager, 'visitUrl').and.callFake(url => {
-        expect(url).toEqual(
-          `${defaultParams}&search=~!%40%23%24%25%5E%26*()_%2B%7B%7D%3A%3C%3E%2C.%3F%2F`,
-        );
-        done();
-      });
-
-      manager.search();
-    });
-
-    it('removes duplicated tokens', done => {
-      tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(`
-        ${FilteredSearchSpecHelper.createFilterVisualTokenHTML('label', '=', '~bug')}
-        ${FilteredSearchSpecHelper.createFilterVisualTokenHTML('label', '=', '~bug')}
-      `);
-
-      spyOnDependency(FilteredSearchManager, 'visitUrl').and.callFake(url => {
-        expect(url).toEqual(`${defaultParams}&label_name[]=bug`);
-        done();
-      });
-
-      manager.search();
-    });
-  });
-
-  describe('handleInputPlaceholder', () => {
-    beforeEach(() => {
-      initializeManager();
-    });
-
-    it('should render placeholder when there is no input', () => {
-      expect(input.placeholder).toEqual(placeholder);
-    });
-
-    it('should not render placeholder when there is input', () => {
-      input.value = 'test words';
-
-      const event = new Event('input');
-      input.dispatchEvent(event);
-
-      expect(input.placeholder).toEqual('');
-    });
-
-    it('should not render placeholder when there are tokens and no input', () => {
-      tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(
-        FilteredSearchSpecHelper.createFilterVisualTokenHTML('label', '=', '~bug'),
-      );
-
-      const event = new Event('input');
-      input.dispatchEvent(event);
-
-      expect(input.placeholder).toEqual('');
-    });
-  });
-
-  describe('checkForBackspace', () => {
-    beforeEach(() => {
-      initializeManager();
-    });
-
-    describe('tokens and no input', () => {
-      beforeEach(() => {
-        tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(
-          FilteredSearchSpecHelper.createFilterVisualTokenHTML('label', '=', '~bug'),
-        );
-      });
-
-      it('removes last token', () => {
-        spyOn(FilteredSearchVisualTokens, 'removeLastTokenPartial').and.callThrough();
-        dispatchBackspaceEvent(input, 'keyup');
-        dispatchBackspaceEvent(input, 'keyup');
-
-        expect(FilteredSearchVisualTokens.removeLastTokenPartial).toHaveBeenCalled();
-      });
-
-      it('sets the input', () => {
-        spyOn(FilteredSearchVisualTokens, 'getLastTokenPartial').and.callThrough();
-        dispatchDeleteEvent(input, 'keyup');
-        dispatchDeleteEvent(input, 'keyup');
-
-        expect(FilteredSearchVisualTokens.getLastTokenPartial).toHaveBeenCalled();
-        expect(input.value).toEqual('~bug');
-      });
-    });
-
-    it('does not remove token or change input when there is existing input', () => {
-      spyOn(FilteredSearchVisualTokens, 'removeLastTokenPartial').and.callThrough();
-      spyOn(FilteredSearchVisualTokens, 'getLastTokenPartial').and.callThrough();
-
-      input.value = 'text';
-      dispatchDeleteEvent(input, 'keyup');
-
-      expect(FilteredSearchVisualTokens.removeLastTokenPartial).not.toHaveBeenCalled();
-      expect(FilteredSearchVisualTokens.getLastTokenPartial).not.toHaveBeenCalled();
-      expect(input.value).toEqual('text');
-    });
-
-    it('does not remove previous token on single backspace press', () => {
-      spyOn(FilteredSearchVisualTokens, 'removeLastTokenPartial').and.callThrough();
-      spyOn(FilteredSearchVisualTokens, 'getLastTokenPartial').and.callThrough();
-
-      input.value = 't';
-      dispatchDeleteEvent(input, 'keyup');
-
-      expect(FilteredSearchVisualTokens.removeLastTokenPartial).not.toHaveBeenCalled();
-      expect(FilteredSearchVisualTokens.getLastTokenPartial).not.toHaveBeenCalled();
-      expect(input.value).toEqual('t');
-    });
-  });
-
-  describe('checkForAltOrCtrlBackspace', () => {
-    beforeEach(() => {
-      initializeManager();
-      spyOn(FilteredSearchVisualTokens, 'removeLastTokenPartial').and.callThrough();
-    });
-
-    describe('tokens and no input', () => {
-      beforeEach(() => {
-        tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(
-          FilteredSearchSpecHelper.createFilterVisualTokenHTML('label', '=', '~bug'),
-        );
-      });
-
-      it('removes last token via alt-backspace', () => {
-        dispatchAltBackspaceEvent(input, 'keydown');
-
-        expect(FilteredSearchVisualTokens.removeLastTokenPartial).toHaveBeenCalled();
-      });
-
-      it('removes last token via ctrl-backspace', () => {
-        dispatchCtrlBackspaceEvent(input, 'keydown');
-
-        expect(FilteredSearchVisualTokens.removeLastTokenPartial).toHaveBeenCalled();
-      });
-    });
-
-    describe('tokens and input', () => {
-      beforeEach(() => {
-        tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(
-          FilteredSearchSpecHelper.createFilterVisualTokenHTML('label', '=', '~bug'),
-        );
-      });
-
-      it('does not remove token or change input via alt-backspace when there is existing input', () => {
-        input = manager.filteredSearchInput;
-        input.value = 'text';
-        dispatchAltBackspaceEvent(input, 'keydown');
-
-        expect(FilteredSearchVisualTokens.removeLastTokenPartial).not.toHaveBeenCalled();
-        expect(input.value).toEqual('text');
-      });
-
-      it('does not remove token or change input via ctrl-backspace when there is existing input', () => {
-        input = manager.filteredSearchInput;
-        input.value = 'text';
-        dispatchCtrlBackspaceEvent(input, 'keydown');
-
-        expect(FilteredSearchVisualTokens.removeLastTokenPartial).not.toHaveBeenCalled();
-        expect(input.value).toEqual('text');
-      });
-    });
-  });
-
-  describe('checkForMetaBackspace', () => {
-    beforeEach(() => {
-      initializeManager();
-    });
-
-    beforeEach(() => {
-      tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(
-        FilteredSearchSpecHelper.createFilterVisualTokenHTML('label', '=', '~bug'),
-      );
-    });
-
-    it('removes all tokens and input', () => {
-      spyOn(FilteredSearchManager.prototype, 'clearSearch').and.callThrough();
-      dispatchMetaBackspaceEvent(input, 'keydown');
-
-      expect(manager.clearSearch).toHaveBeenCalled();
-      expect(manager.filteredSearchInput.value).toEqual('');
-      expect(DropdownUtils.getSearchQuery()).toEqual('');
-    });
-  });
-
-  describe('removeToken', () => {
-    beforeEach(() => {
-      initializeManager();
-    });
-
-    it('removes token even when it is already selected', () => {
-      tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(
-        FilteredSearchSpecHelper.createFilterVisualTokenHTML('milestone', '=', 'none', true),
-      );
-
-      tokensContainer.querySelector('.js-visual-token .remove-token').click();
-
-      expect(tokensContainer.querySelector('.js-visual-token')).toEqual(null);
-    });
-
-    describe('unselected token', () => {
-      beforeEach(() => {
-        spyOn(FilteredSearchManager.prototype, 'removeSelectedToken').and.callThrough();
-
-        tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(
-          FilteredSearchSpecHelper.createFilterVisualTokenHTML('milestone', '=', 'none'),
-        );
-        tokensContainer.querySelector('.js-visual-token .remove-token').click();
-      });
-
-      it('removes token when remove button is selected', () => {
-        expect(tokensContainer.querySelector('.js-visual-token')).toEqual(null);
-      });
-
-      it('calls removeSelectedToken', () => {
-        expect(manager.removeSelectedToken).toHaveBeenCalled();
-      });
-    });
-  });
-
-  describe('removeSelectedTokenKeydown', () => {
-    beforeEach(() => {
-      initializeManager();
-      tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(
-        FilteredSearchSpecHelper.createFilterVisualTokenHTML('milestone', '=', 'none', true),
-      );
-    });
-
-    it('removes selected token when the backspace key is pressed', () => {
-      expect(getVisualTokens().length).toEqual(1);
-
-      dispatchBackspaceEvent(document, 'keydown');
-
-      expect(getVisualTokens().length).toEqual(0);
-    });
-
-    it('removes selected token when the delete key is pressed', () => {
-      expect(getVisualTokens().length).toEqual(1);
-
-      dispatchDeleteEvent(document, 'keydown');
-
-      expect(getVisualTokens().length).toEqual(0);
-    });
-
-    it('updates the input placeholder after removal', () => {
-      manager.handleInputPlaceholder();
-
-      expect(input.placeholder).toEqual('');
-      expect(getVisualTokens().length).toEqual(1);
-
-      dispatchBackspaceEvent(document, 'keydown');
-
-      expect(input.placeholder).not.toEqual('');
-      expect(getVisualTokens().length).toEqual(0);
-    });
-
-    it('updates the clear button after removal', () => {
-      manager.toggleClearSearchButton();
-
-      const clearButton = document.querySelector('.clear-search');
-
-      expect(clearButton.classList.contains('hidden')).toEqual(false);
-      expect(getVisualTokens().length).toEqual(1);
-
-      dispatchBackspaceEvent(document, 'keydown');
-
-      expect(clearButton.classList.contains('hidden')).toEqual(true);
-      expect(getVisualTokens().length).toEqual(0);
-    });
-  });
-
-  describe('removeSelectedToken', () => {
-    beforeEach(() => {
-      spyOn(FilteredSearchVisualTokens, 'removeSelectedToken').and.callThrough();
-      spyOn(FilteredSearchManager.prototype, 'handleInputPlaceholder').and.callThrough();
-      spyOn(FilteredSearchManager.prototype, 'toggleClearSearchButton').and.callThrough();
-      initializeManager();
-    });
-
-    it('calls FilteredSearchVisualTokens.removeSelectedToken', () => {
-      manager.removeSelectedToken();
-
-      expect(FilteredSearchVisualTokens.removeSelectedToken).toHaveBeenCalled();
-    });
-
-    it('calls handleInputPlaceholder', () => {
-      manager.removeSelectedToken();
-
-      expect(manager.handleInputPlaceholder).toHaveBeenCalled();
-    });
-
-    it('calls toggleClearSearchButton', () => {
-      manager.removeSelectedToken();
-
-      expect(manager.toggleClearSearchButton).toHaveBeenCalled();
-    });
-
-    it('calls update dropdown offset', () => {
-      manager.removeSelectedToken();
-
-      expect(manager.dropdownManager.updateDropdownOffset).toHaveBeenCalled();
-    });
-  });
-
-  describe('Clearing search', () => {
-    beforeEach(() => {
-      initializeManager();
-    });
-
-    it('Clicking the "x" clear button, clears the input', () => {
-      const inputValue = 'label:=~bug';
-      manager.filteredSearchInput.value = inputValue;
-      manager.filteredSearchInput.dispatchEvent(new Event('input'));
-
-      expect(DropdownUtils.getSearchQuery()).toEqual(inputValue);
-
-      manager.clearSearchButton.click();
-
-      expect(manager.filteredSearchInput.value).toEqual('');
-      expect(DropdownUtils.getSearchQuery()).toEqual('');
-    });
-  });
-
-  describe('toggleInputContainerFocus', () => {
-    beforeEach(() => {
-      initializeManager();
-    });
-
-    it('toggles on focus', () => {
-      input.focus();
-
-      expect(document.querySelector('.filtered-search-box').classList.contains('focus')).toEqual(
-        true,
-      );
-    });
-
-    it('toggles on blur', () => {
-      input.blur();
-
-      expect(document.querySelector('.filtered-search-box').classList.contains('focus')).toEqual(
-        false,
-      );
-    });
-  });
-
-  describe('getAllParams', () => {
-    beforeEach(() => {
-      this.paramsArr = ['key=value', 'otherkey=othervalue'];
-
-      initializeManager();
-    });
-
-    it('correctly modifies params when custom modifier is passed', () => {
-      const modifedParams = manager.getAllParams.call(
-        {
-          modifyUrlParams: paramsArr => paramsArr.reverse(),
-        },
-        [].concat(this.paramsArr),
-      );
-
-      expect(modifedParams[0]).toBe(this.paramsArr[1]);
-    });
-
-    it('does not modify params when no custom modifier is passed', () => {
-      const modifedParams = manager.getAllParams.call({}, this.paramsArr);
-
-      expect(modifedParams[1]).toBe(this.paramsArr[1]);
-    });
-  });
-});
diff --git a/spec/javascripts/filtered_search/filtered_search_tokenizer_spec.js b/spec/javascripts/filtered_search/filtered_search_tokenizer_spec.js
deleted file mode 100644
index dec03e5ab93..00000000000
--- a/spec/javascripts/filtered_search/filtered_search_tokenizer_spec.js
+++ /dev/null
@@ -1,152 +0,0 @@
-import IssuableFilteredSearchTokenKeys from '~/filtered_search/issuable_filtered_search_token_keys';
-import FilteredSearchTokenizer from '~/filtered_search/filtered_search_tokenizer';
-
-describe('Filtered Search Tokenizer', () => {
-  const allowedKeys = IssuableFilteredSearchTokenKeys.getKeys();
-
-  describe('processTokens', () => {
-    it('returns for input containing only search value', () => {
-      const results = FilteredSearchTokenizer.processTokens('searchTerm', allowedKeys);
-
-      expect(results.searchToken).toBe('searchTerm');
-      expect(results.tokens.length).toBe(0);
-      expect(results.lastToken).toBe(results.searchToken);
-    });
-
-    it('returns for input containing only tokens', () => {
-      const results = FilteredSearchTokenizer.processTokens(
-        'author:@root label:~"Very Important" milestone:%v1.0 assignee:none',
-        allowedKeys,
-      );
-
-      expect(results.searchToken).toBe('');
-      expect(results.tokens.length).toBe(4);
-      expect(results.tokens[3]).toBe(results.lastToken);
-
-      expect(results.tokens[0].key).toBe('author');
-      expect(results.tokens[0].value).toBe('root');
-      expect(results.tokens[0].symbol).toBe('@');
-
-      expect(results.tokens[1].key).toBe('label');
-      expect(results.tokens[1].value).toBe('"Very Important"');
-      expect(results.tokens[1].symbol).toBe('~');
-
-      expect(results.tokens[2].key).toBe('milestone');
-      expect(results.tokens[2].value).toBe('v1.0');
-      expect(results.tokens[2].symbol).toBe('%');
-
-      expect(results.tokens[3].key).toBe('assignee');
-      expect(results.tokens[3].value).toBe('none');
-      expect(results.tokens[3].symbol).toBe('');
-    });
-
-    it('returns for input starting with search value and ending with tokens', () => {
-      const results = FilteredSearchTokenizer.processTokens(
-        'searchTerm anotherSearchTerm milestone:none',
-        allowedKeys,
-      );
-
-      expect(results.searchToken).toBe('searchTerm anotherSearchTerm');
-      expect(results.tokens.length).toBe(1);
-      expect(results.tokens[0]).toBe(results.lastToken);
-      expect(results.tokens[0].key).toBe('milestone');
-      expect(results.tokens[0].value).toBe('none');
-      expect(results.tokens[0].symbol).toBe('');
-    });
-
-    it('returns for input starting with tokens and ending with search value', () => {
-      const results = FilteredSearchTokenizer.processTokens(
-        'assignee:@user searchTerm',
-        allowedKeys,
-      );
-
-      expect(results.searchToken).toBe('searchTerm');
-      expect(results.tokens.length).toBe(1);
-      expect(results.tokens[0].key).toBe('assignee');
-      expect(results.tokens[0].value).toBe('user');
-      expect(results.tokens[0].symbol).toBe('@');
-      expect(results.lastToken).toBe(results.searchToken);
-    });
-
-    it('returns for input containing search value wrapped between tokens', () => {
-      const results = FilteredSearchTokenizer.processTokens(
-        'author:@root label:~"Won\'t fix" searchTerm anotherSearchTerm milestone:none',
-        allowedKeys,
-      );
-
-      expect(results.searchToken).toBe('searchTerm anotherSearchTerm');
-      expect(results.tokens.length).toBe(3);
-      expect(results.tokens[2]).toBe(results.lastToken);
-
-      expect(results.tokens[0].key).toBe('author');
-      expect(results.tokens[0].value).toBe('root');
-      expect(results.tokens[0].symbol).toBe('@');
-
-      expect(results.tokens[1].key).toBe('label');
-      expect(results.tokens[1].value).toBe('"Won\'t fix"');
-      expect(results.tokens[1].symbol).toBe('~');
-
-      expect(results.tokens[2].key).toBe('milestone');
-      expect(results.tokens[2].value).toBe('none');
-      expect(results.tokens[2].symbol).toBe('');
-    });
-
-    it('returns for input containing search value in between tokens', () => {
-      const results = FilteredSearchTokenizer.processTokens(
-        'author:@root searchTerm assignee:none anotherSearchTerm label:~Doing',
-        allowedKeys,
-      );
-
-      expect(results.searchToken).toBe('searchTerm anotherSearchTerm');
-      expect(results.tokens.length).toBe(3);
-      expect(results.tokens[2]).toBe(results.lastToken);
-
-      expect(results.tokens[0].key).toBe('author');
-      expect(results.tokens[0].value).toBe('root');
-      expect(results.tokens[0].symbol).toBe('@');
-
-      expect(results.tokens[1].key).toBe('assignee');
-      expect(results.tokens[1].value).toBe('none');
-      expect(results.tokens[1].symbol).toBe('');
-
-      expect(results.tokens[2].key).toBe('label');
-      expect(results.tokens[2].value).toBe('Doing');
-      expect(results.tokens[2].symbol).toBe('~');
-    });
-
-    it('returns search value for invalid tokens', () => {
-      const results = FilteredSearchTokenizer.processTokens('fake:token', allowedKeys);
-
-      expect(results.lastToken).toBe('fake:token');
-      expect(results.searchToken).toBe('fake:token');
-      expect(results.tokens.length).toEqual(0);
-    });
-
-    it('returns search value and token for mix of valid and invalid tokens', () => {
-      const results = FilteredSearchTokenizer.processTokens('label:real fake:token', allowedKeys);
-
-      expect(results.tokens.length).toEqual(1);
-      expect(results.tokens[0].key).toBe('label');
-      expect(results.tokens[0].value).toBe('real');
-      expect(results.tokens[0].symbol).toBe('');
-      expect(results.lastToken).toBe('fake:token');
-      expect(results.searchToken).toBe('fake:token');
-    });
-
-    it('returns search value for invalid symbols', () => {
-      const results = FilteredSearchTokenizer.processTokens('std::includes', allowedKeys);
-
-      expect(results.lastToken).toBe('std::includes');
-      expect(results.searchToken).toBe('std::includes');
-    });
-
-    it('removes duplicated values', () => {
-      const results = FilteredSearchTokenizer.processTokens('label:~foo label:~foo', allowedKeys);
-
-      expect(results.tokens.length).toBe(1);
-      expect(results.tokens[0].key).toBe('label');
-      expect(results.tokens[0].value).toBe('foo');
-      expect(results.tokens[0].symbol).toBe('~');
-    });
-  });
-});
diff --git a/spec/javascripts/filtered_search/issues_filtered_search_token_keys_spec.js b/spec/javascripts/filtered_search/issues_filtered_search_token_keys_spec.js
deleted file mode 100644
index c7be900ba2c..00000000000
--- a/spec/javascripts/filtered_search/issues_filtered_search_token_keys_spec.js
+++ /dev/null
@@ -1,148 +0,0 @@
-import IssuableFilteredSearchTokenKeys from '~/filtered_search/issuable_filtered_search_token_keys';
-
-describe('Issues Filtered Search Token Keys', () => {
-  describe('get', () => {
-    let tokenKeys;
-
-    beforeEach(() => {
-      tokenKeys = IssuableFilteredSearchTokenKeys.get();
-    });
-
-    it('should return tokenKeys', () => {
-      expect(tokenKeys).not.toBeNull();
-    });
-
-    it('should return tokenKeys as an array', () => {
-      expect(tokenKeys instanceof Array).toBe(true);
-    });
-
-    it('should always return the same array', () => {
-      const tokenKeys2 = IssuableFilteredSearchTokenKeys.get();
-
-      expect(tokenKeys).toEqual(tokenKeys2);
-    });
-
-    it('should return assignee as a string', () => {
-      const assignee = tokenKeys.find(tokenKey => tokenKey.key === 'assignee');
-
-      expect(assignee.type).toEqual('string');
-    });
-  });
-
-  describe('getKeys', () => {
-    it('should return keys', () => {
-      const getKeys = IssuableFilteredSearchTokenKeys.getKeys();
-      const keys = IssuableFilteredSearchTokenKeys.get().map(i => i.key);
-
-      keys.forEach((key, i) => {
-        expect(key).toEqual(getKeys[i]);
-      });
-    });
-  });
-
-  describe('getConditions', () => {
-    let conditions;
-
-    beforeEach(() => {
-      conditions = IssuableFilteredSearchTokenKeys.getConditions();
-    });
-
-    it('should return conditions', () => {
-      expect(conditions).not.toBeNull();
-    });
-
-    it('should return conditions as an array', () => {
-      expect(conditions instanceof Array).toBe(true);
-    });
-  });
-
-  describe('searchByKey', () => {
-    it('should return null when key not found', () => {
-      const tokenKey = IssuableFilteredSearchTokenKeys.searchByKey('notakey');
-
-      expect(tokenKey).toBeNull();
-    });
-
-    it('should return tokenKey when found by key', () => {
-      const tokenKeys = IssuableFilteredSearchTokenKeys.get();
-      const result = IssuableFilteredSearchTokenKeys.searchByKey(tokenKeys[0].key);
-
-      expect(result).toEqual(tokenKeys[0]);
-    });
-  });
-
-  describe('searchBySymbol', () => {
-    it('should return null when symbol not found', () => {
-      const tokenKey = IssuableFilteredSearchTokenKeys.searchBySymbol('notasymbol');
-
-      expect(tokenKey).toBeNull();
-    });
-
-    it('should return tokenKey when found by symbol', () => {
-      const tokenKeys = IssuableFilteredSearchTokenKeys.get();
-      const result = IssuableFilteredSearchTokenKeys.searchBySymbol(tokenKeys[0].symbol);
-
-      expect(result).toEqual(tokenKeys[0]);
-    });
-  });
-
-  describe('searchByKeyParam', () => {
-    it('should return null when key param not found', () => {
-      const tokenKey = IssuableFilteredSearchTokenKeys.searchByKeyParam('notakeyparam');
-
-      expect(tokenKey).toBeNull();
-    });
-
-    it('should return tokenKey when found by key param', () => {
-      const tokenKeys = IssuableFilteredSearchTokenKeys.get();
-      const result = IssuableFilteredSearchTokenKeys.searchByKeyParam(
-        `${tokenKeys[0].key}_${tokenKeys[0].param}`,
-      );
-
-      expect(result).toEqual(tokenKeys[0]);
-    });
-
-    it('should return alternative tokenKey when found by key param', () => {
-      const tokenKeys = IssuableFilteredSearchTokenKeys.getAlternatives();
-      const result = IssuableFilteredSearchTokenKeys.searchByKeyParam(
-        `${tokenKeys[0].key}_${tokenKeys[0].param}`,
-      );
-
-      expect(result).toEqual(tokenKeys[0]);
-    });
-  });
-
-  describe('searchByConditionUrl', () => {
-    it('should return null when condition url not found', () => {
-      const condition = IssuableFilteredSearchTokenKeys.searchByConditionUrl(null);
-
-      expect(condition).toBeNull();
-    });
-
-    it('should return condition when found by url', () => {
-      const conditions = IssuableFilteredSearchTokenKeys.getConditions();
-      const result = IssuableFilteredSearchTokenKeys.searchByConditionUrl(conditions[0].url);
-
-      expect(result).toBe(conditions[0]);
-    });
-  });
-
-  describe('searchByConditionKeyValue', () => {
-    it('should return null when condition tokenKey and value not found', () => {
-      const condition = IssuableFilteredSearchTokenKeys.searchByConditionKeyValue(null, null);
-
-      expect(condition).toBeNull();
-    });
-
-    it('should return condition when found by tokenKey and value', () => {
-      const conditions = IssuableFilteredSearchTokenKeys.getConditions();
-      const result = IssuableFilteredSearchTokenKeys.searchByConditionKeyValue(
-        conditions[0].tokenKey,
-        conditions[0].operator,
-        conditions[0].value,
-      );
-
-      expect(result).toEqual(conditions[0]);
-    });
-  });
-});
diff --git a/spec/javascripts/filtered_search/recent_searches_root_spec.js b/spec/javascripts/filtered_search/recent_searches_root_spec.js
deleted file mode 100644
index 70dd4e9570d..00000000000
--- a/spec/javascripts/filtered_search/recent_searches_root_spec.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import RecentSearchesRoot from '~/filtered_search/recent_searches_root';
-
-describe('RecentSearchesRoot', () => {
-  describe('render', () => {
-    let recentSearchesRoot;
-    let data;
-    let template;
-    let VueSpy;
-
-    beforeEach(() => {
-      recentSearchesRoot = {
-        store: {
-          state: 'state',
-        },
-      };
-
-      VueSpy = spyOnDependency(RecentSearchesRoot, 'Vue').and.callFake(options => {
-        ({ data, template } = options);
-      });
-
-      RecentSearchesRoot.prototype.render.call(recentSearchesRoot);
-    });
-
-    it('should instantiate Vue', () => {
-      expect(VueSpy).toHaveBeenCalled();
-      expect(data()).toBe(recentSearchesRoot.store.state);
-      expect(template).toContain(':is-local-storage-available="isLocalStorageAvailable"');
-    });
-  });
-});
diff --git a/spec/javascripts/filtered_search/services/recent_searches_service_spec.js b/spec/javascripts/filtered_search/services/recent_searches_service_spec.js
deleted file mode 100644
index 188f83eca16..00000000000
--- a/spec/javascripts/filtered_search/services/recent_searches_service_spec.js
+++ /dev/null
@@ -1,158 +0,0 @@
-import RecentSearchesService from '~/filtered_search/services/recent_searches_service';
-import RecentSearchesServiceError from '~/filtered_search/services/recent_searches_service_error';
-import AccessorUtilities from '~/lib/utils/accessor';
-
-describe('RecentSearchesService', () => {
-  let service;
-
-  beforeEach(() => {
-    service = new RecentSearchesService();
-    window.localStorage.removeItem(service.localStorageKey);
-  });
-
-  describe('fetch', () => {
-    beforeEach(() => {
-      spyOn(RecentSearchesService, 'isAvailable').and.returnValue(true);
-    });
-
-    it('should default to empty array', done => {
-      const fetchItemsPromise = service.fetch();
-
-      fetchItemsPromise
-        .then(items => {
-          expect(items).toEqual([]);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('should reject when unable to parse', done => {
-      window.localStorage.setItem(service.localStorageKey, 'fail');
-      const fetchItemsPromise = service.fetch();
-
-      fetchItemsPromise
-        .then(done.fail)
-        .catch(error => {
-          expect(error).toEqual(jasmine.any(SyntaxError));
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('should reject when service is unavailable', done => {
-      RecentSearchesService.isAvailable.and.returnValue(false);
-
-      service
-        .fetch()
-        .then(done.fail)
-        .catch(error => {
-          expect(error).toEqual(jasmine.any(Error));
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('should return items from localStorage', done => {
-      window.localStorage.setItem(service.localStorageKey, '["foo", "bar"]');
-      const fetchItemsPromise = service.fetch();
-
-      fetchItemsPromise
-        .then(items => {
-          expect(items).toEqual(['foo', 'bar']);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    describe('if .isAvailable returns `false`', () => {
-      beforeEach(() => {
-        RecentSearchesService.isAvailable.and.returnValue(false);
-
-        spyOn(window.localStorage, 'getItem');
-      });
-
-      it('should not call .getItem', done => {
-        RecentSearchesService.prototype
-          .fetch()
-          .then(done.fail)
-          .catch(err => {
-            expect(err).toEqual(new RecentSearchesServiceError());
-            expect(window.localStorage.getItem).not.toHaveBeenCalled();
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-    });
-  });
-
-  describe('setRecentSearches', () => {
-    beforeEach(() => {
-      spyOn(RecentSearchesService, 'isAvailable').and.returnValue(true);
-    });
-
-    it('should save things in localStorage', () => {
-      const items = ['foo', 'bar'];
-      service.save(items);
-      const newLocalStorageValue = window.localStorage.getItem(service.localStorageKey);
-
-      expect(JSON.parse(newLocalStorageValue)).toEqual(items);
-    });
-  });
-
-  describe('save', () => {
-    beforeEach(() => {
-      spyOn(window.localStorage, 'setItem');
-      spyOn(RecentSearchesService, 'isAvailable');
-    });
-
-    describe('if .isAvailable returns `true`', () => {
-      const searchesString = 'searchesString';
-      const localStorageKey = 'localStorageKey';
-      const recentSearchesService = {
-        localStorageKey,
-      };
-
-      beforeEach(() => {
-        RecentSearchesService.isAvailable.and.returnValue(true);
-
-        spyOn(JSON, 'stringify').and.returnValue(searchesString);
-      });
-
-      it('should call .setItem', () => {
-        RecentSearchesService.prototype.save.call(recentSearchesService);
-
-        expect(window.localStorage.setItem).toHaveBeenCalledWith(localStorageKey, searchesString);
-      });
-    });
-
-    describe('if .isAvailable returns `false`', () => {
-      beforeEach(() => {
-        RecentSearchesService.isAvailable.and.returnValue(false);
-      });
-
-      it('should not call .setItem', () => {
-        RecentSearchesService.prototype.save();
-
-        expect(window.localStorage.setItem).not.toHaveBeenCalled();
-      });
-    });
-  });
-
-  describe('isAvailable', () => {
-    let isAvailable;
-
-    beforeEach(() => {
-      spyOn(AccessorUtilities, 'isLocalStorageAccessSafe').and.callThrough();
-
-      isAvailable = RecentSearchesService.isAvailable();
-    });
-
-    it('should call .isLocalStorageAccessSafe', () => {
-      expect(AccessorUtilities.isLocalStorageAccessSafe).toHaveBeenCalled();
-    });
-
-    it('should return a boolean', () => {
-      expect(typeof isAvailable).toBe('boolean');
-    });
-  });
-});
diff --git a/spec/javascripts/filtered_search/visual_token_value_spec.js b/spec/javascripts/filtered_search/visual_token_value_spec.js
deleted file mode 100644
index 4469ade1874..00000000000
--- a/spec/javascripts/filtered_search/visual_token_value_spec.js
+++ /dev/null
@@ -1,389 +0,0 @@
-import { escape as esc } from 'lodash';
-import VisualTokenValue from '~/filtered_search/visual_token_value';
-import AjaxCache from '~/lib/utils/ajax_cache';
-import UsersCache from '~/lib/utils/users_cache';
-import DropdownUtils from '~/filtered_search//dropdown_utils';
-import FilteredSearchSpecHelper from '../helpers/filtered_search_spec_helper';
-
-describe('Filtered Search Visual Tokens', () => {
-  const findElements = tokenElement => {
-    const tokenNameElement = tokenElement.querySelector('.name');
-    const tokenValueContainer = tokenElement.querySelector('.value-container');
-    const tokenValueElement = tokenValueContainer.querySelector('.value');
-    const tokenOperatorElement = tokenElement.querySelector('.operator');
-    const tokenType = tokenNameElement.innerText.toLowerCase();
-    const tokenValue = tokenValueElement.innerText;
-    const tokenOperator = tokenOperatorElement.innerText;
-    const subject = new VisualTokenValue(tokenValue, tokenType, tokenOperator);
-    return { subject, tokenValueContainer, tokenValueElement };
-  };
-
-  let tokensContainer;
-  let authorToken;
-  let bugLabelToken;
-
-  beforeEach(() => {
-    setFixtures(`
-      <ul class="tokens-container">
-        ${FilteredSearchSpecHelper.createInputHTML()}
-      </ul>
-    `);
-    tokensContainer = document.querySelector('.tokens-container');
-
-    authorToken = FilteredSearchSpecHelper.createFilterVisualToken('author', '=', '@user');
-    bugLabelToken = FilteredSearchSpecHelper.createFilterVisualToken('label', '=', '~bug');
-  });
-
-  describe('updateUserTokenAppearance', () => {
-    let usersCacheSpy;
-
-    beforeEach(() => {
-      spyOn(UsersCache, 'retrieve').and.callFake(username => usersCacheSpy(username));
-    });
-
-    it('ignores error if UsersCache throws', done => {
-      spyOn(window, 'Flash');
-      const dummyError = new Error('Earth rotated backwards');
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(authorToken);
-      const tokenValue = tokenValueElement.innerText;
-      usersCacheSpy = username => {
-        expect(`@${username}`).toBe(tokenValue);
-        return Promise.reject(dummyError);
-      };
-
-      subject
-        .updateUserTokenAppearance(tokenValueContainer, tokenValueElement, tokenValue)
-        .then(() => {
-          expect(window.Flash.calls.count()).toBe(0);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('does nothing if user cannot be found', done => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(authorToken);
-      const tokenValue = tokenValueElement.innerText;
-      usersCacheSpy = username => {
-        expect(`@${username}`).toBe(tokenValue);
-        return Promise.resolve(undefined);
-      };
-
-      subject
-        .updateUserTokenAppearance(tokenValueContainer, tokenValueElement, tokenValue)
-        .then(() => {
-          expect(tokenValueElement.innerText).toBe(tokenValue);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('replaces author token with avatar and display name', done => {
-      const dummyUser = {
-        name: 'Important Person',
-        avatar_url: 'https://host.invalid/mypics/avatar.png',
-      };
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(authorToken);
-      const tokenValue = tokenValueElement.innerText;
-      usersCacheSpy = username => {
-        expect(`@${username}`).toBe(tokenValue);
-        return Promise.resolve(dummyUser);
-      };
-
-      subject
-        .updateUserTokenAppearance(tokenValueContainer, tokenValueElement, tokenValue)
-        .then(() => {
-          expect(tokenValueContainer.dataset.originalValue).toBe(tokenValue);
-          expect(tokenValueElement.innerText.trim()).toBe(dummyUser.name);
-          const avatar = tokenValueElement.querySelector('img.avatar');
-
-          expect(avatar.src).toBe(dummyUser.avatar_url);
-          expect(avatar.alt).toBe('');
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('escapes user name when creating token', done => {
-      const dummyUser = {
-        name: '<script>',
-        avatar_url: `${gl.TEST_HOST}/mypics/avatar.png`,
-      };
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(authorToken);
-      const tokenValue = tokenValueElement.innerText;
-      usersCacheSpy = username => {
-        expect(`@${username}`).toBe(tokenValue);
-        return Promise.resolve(dummyUser);
-      };
-
-      subject
-        .updateUserTokenAppearance(tokenValueContainer, tokenValueElement, tokenValue)
-        .then(() => {
-          expect(tokenValueElement.innerText.trim()).toBe(dummyUser.name);
-          tokenValueElement.querySelector('.avatar').remove();
-
-          expect(tokenValueElement.innerHTML.trim()).toBe(esc(dummyUser.name));
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('updateLabelTokenColor', () => {
-    const jsonFixtureName = 'labels/project_labels.json';
-    const dummyEndpoint = '/dummy/endpoint';
-
-    preloadFixtures(jsonFixtureName);
-
-    let labelData;
-
-    beforeAll(() => {
-      labelData = getJSONFixture(jsonFixtureName);
-    });
-
-    const missingLabelToken = FilteredSearchSpecHelper.createFilterVisualToken(
-      'label',
-      '=',
-      '~doesnotexist',
-    );
-    const spaceLabelToken = FilteredSearchSpecHelper.createFilterVisualToken(
-      'label',
-      '=',
-      '~"some space"',
-    );
-
-    beforeEach(() => {
-      tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(`
-        ${bugLabelToken.outerHTML}
-        ${missingLabelToken.outerHTML}
-        ${spaceLabelToken.outerHTML}
-      `);
-
-      const filteredSearchInput = document.querySelector('.filtered-search');
-      filteredSearchInput.dataset.runnerTagsEndpoint = `${dummyEndpoint}/admin/runners/tag_list`;
-      filteredSearchInput.dataset.labelsEndpoint = `${dummyEndpoint}/-/labels`;
-      filteredSearchInput.dataset.milestonesEndpoint = `${dummyEndpoint}/-/milestones`;
-
-      AjaxCache.internalStorage = {};
-      AjaxCache.internalStorage[`${filteredSearchInput.dataset.labelsEndpoint}.json`] = labelData;
-    });
-
-    const parseColor = color => {
-      const dummyElement = document.createElement('div');
-      dummyElement.style.color = color;
-      return dummyElement.style.color;
-    };
-
-    const expectValueContainerStyle = (tokenValueContainer, label) => {
-      expect(tokenValueContainer.getAttribute('style')).not.toBe(null);
-      expect(tokenValueContainer.style.backgroundColor).toBe(parseColor(label.color));
-      expect(tokenValueContainer.style.color).toBe(parseColor(label.text_color));
-    };
-
-    const findLabel = tokenValue =>
-      labelData.find(label => tokenValue === `~${DropdownUtils.getEscapedText(label.title)}`);
-
-    it('updates the color of a label token', done => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(bugLabelToken);
-      const tokenValue = tokenValueElement.innerText;
-      const matchingLabel = findLabel(tokenValue);
-
-      subject
-        .updateLabelTokenColor(tokenValueContainer, tokenValue)
-        .then(() => {
-          expectValueContainerStyle(tokenValueContainer, matchingLabel);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('updates the color of a label token with spaces', done => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(spaceLabelToken);
-      const tokenValue = tokenValueElement.innerText;
-      const matchingLabel = findLabel(tokenValue);
-
-      subject
-        .updateLabelTokenColor(tokenValueContainer, tokenValue)
-        .then(() => {
-          expectValueContainerStyle(tokenValueContainer, matchingLabel);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('does not change color of a missing label', done => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(missingLabelToken);
-      const tokenValue = tokenValueElement.innerText;
-      const matchingLabel = findLabel(tokenValue);
-
-      expect(matchingLabel).toBe(undefined);
-
-      subject
-        .updateLabelTokenColor(tokenValueContainer, tokenValue)
-        .then(() => {
-          expect(tokenValueContainer.getAttribute('style')).toBe(null);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('setTokenStyle', () => {
-    let originalTextColor;
-
-    beforeEach(() => {
-      originalTextColor = bugLabelToken.style.color;
-    });
-
-    it('should set backgroundColor', () => {
-      const originalBackgroundColor = bugLabelToken.style.backgroundColor;
-      const token = VisualTokenValue.setTokenStyle(bugLabelToken, 'blue', 'white');
-
-      expect(token.style.backgroundColor).toEqual('blue');
-      expect(token.style.backgroundColor).not.toEqual(originalBackgroundColor);
-    });
-
-    it('should set textColor', () => {
-      const token = VisualTokenValue.setTokenStyle(bugLabelToken, 'white', 'black');
-
-      expect(token.style.color).toEqual('black');
-      expect(token.style.color).not.toEqual(originalTextColor);
-    });
-
-    it('should add inverted class when textColor is #FFFFFF', () => {
-      const token = VisualTokenValue.setTokenStyle(bugLabelToken, 'black', '#FFFFFF');
-
-      expect(token.style.color).toEqual('rgb(255, 255, 255)');
-      expect(token.style.color).not.toEqual(originalTextColor);
-      expect(token.querySelector('.remove-token').classList.contains('inverted')).toEqual(true);
-    });
-  });
-
-  describe('render', () => {
-    const setupSpies = subject => {
-      spyOn(subject, 'updateLabelTokenColor'); // eslint-disable-line jasmine/no-unsafe-spy
-      const updateLabelTokenColorSpy = subject.updateLabelTokenColor;
-
-      spyOn(subject, 'updateUserTokenAppearance'); // eslint-disable-line jasmine/no-unsafe-spy
-      const updateUserTokenAppearanceSpy = subject.updateUserTokenAppearance;
-
-      return { updateLabelTokenColorSpy, updateUserTokenAppearanceSpy };
-    };
-
-    const keywordToken = FilteredSearchSpecHelper.createFilterVisualToken('search');
-    const milestoneToken = FilteredSearchSpecHelper.createFilterVisualToken(
-      'milestone',
-      'upcoming',
-    );
-
-    beforeEach(() => {
-      tokensContainer.innerHTML = FilteredSearchSpecHelper.createTokensContainerHTML(`
-        ${authorToken.outerHTML}
-        ${bugLabelToken.outerHTML}
-        ${keywordToken.outerHTML}
-        ${milestoneToken.outerHTML}
-      `);
-    });
-
-    it('renders a author token value element', () => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(authorToken);
-
-      const { updateLabelTokenColorSpy, updateUserTokenAppearanceSpy } = setupSpies(subject);
-      subject.render(tokenValueContainer, tokenValueElement);
-
-      expect(updateUserTokenAppearanceSpy.calls.count()).toBe(1);
-      const expectedArgs = [tokenValueContainer, tokenValueElement];
-
-      expect(updateUserTokenAppearanceSpy.calls.argsFor(0)).toEqual(expectedArgs);
-      expect(updateLabelTokenColorSpy.calls.count()).toBe(0);
-    });
-
-    it('renders a label token value element', () => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(bugLabelToken);
-
-      const { updateLabelTokenColorSpy, updateUserTokenAppearanceSpy } = setupSpies(subject);
-      subject.render(tokenValueContainer, tokenValueElement);
-
-      expect(updateLabelTokenColorSpy.calls.count()).toBe(1);
-      const expectedArgs = [tokenValueContainer];
-
-      expect(updateLabelTokenColorSpy.calls.argsFor(0)).toEqual(expectedArgs);
-      expect(updateUserTokenAppearanceSpy.calls.count()).toBe(0);
-    });
-
-    it('renders a milestone token value element', () => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(milestoneToken);
-
-      const { updateLabelTokenColorSpy, updateUserTokenAppearanceSpy } = setupSpies(subject);
-      subject.render(tokenValueContainer, tokenValueElement);
-
-      expect(updateLabelTokenColorSpy.calls.count()).toBe(0);
-      expect(updateUserTokenAppearanceSpy.calls.count()).toBe(0);
-    });
-
-    it('does not update user token appearance for `none` filter', () => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(authorToken);
-
-      subject.tokenValue = 'none';
-
-      const { updateUserTokenAppearanceSpy } = setupSpies(subject);
-      subject.render(tokenValueContainer, tokenValueElement);
-
-      expect(updateUserTokenAppearanceSpy.calls.count()).toBe(0);
-    });
-
-    it('does not update user token appearance for `None` filter', () => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(authorToken);
-
-      subject.tokenValue = 'None';
-
-      const { updateUserTokenAppearanceSpy } = setupSpies(subject);
-      subject.render(tokenValueContainer, tokenValueElement);
-
-      expect(updateUserTokenAppearanceSpy.calls.count()).toBe(0);
-    });
-
-    it('does not update user token appearance for `any` filter', () => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(authorToken);
-
-      subject.tokenValue = 'any';
-
-      const { updateUserTokenAppearanceSpy } = setupSpies(subject);
-      subject.render(tokenValueContainer, tokenValueElement);
-
-      expect(updateUserTokenAppearanceSpy.calls.count()).toBe(0);
-    });
-
-    it('does not update label token color for `None` filter', () => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(bugLabelToken);
-
-      subject.tokenValue = 'None';
-
-      const { updateLabelTokenColorSpy } = setupSpies(subject);
-      subject.render(tokenValueContainer, tokenValueElement);
-
-      expect(updateLabelTokenColorSpy.calls.count()).toBe(0);
-    });
-
-    it('does not update label token color for `none` filter', () => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(bugLabelToken);
-
-      subject.tokenValue = 'none';
-
-      const { updateLabelTokenColorSpy } = setupSpies(subject);
-      subject.render(tokenValueContainer, tokenValueElement);
-
-      expect(updateLabelTokenColorSpy.calls.count()).toBe(0);
-    });
-
-    it('does not update label token color for `any` filter', () => {
-      const { subject, tokenValueContainer, tokenValueElement } = findElements(bugLabelToken);
-
-      subject.tokenValue = 'any';
-
-      const { updateLabelTokenColorSpy } = setupSpies(subject);
-      subject.render(tokenValueContainer, tokenValueElement);
-
-      expect(updateLabelTokenColorSpy.calls.count()).toBe(0);
-    });
-  });
-});
diff --git a/spec/javascripts/flash_spec.js b/spec/javascripts/flash_spec.js
deleted file mode 100644
index 39ca4eedb69..00000000000
--- a/spec/javascripts/flash_spec.js
+++ /dev/null
@@ -1,236 +0,0 @@
-import flash, { createFlashEl, createAction, hideFlash, removeFlashClickListener } from '~/flash';
-
-describe('Flash', () => {
-  describe('createFlashEl', () => {
-    let el;
-
-    beforeEach(() => {
-      el = document.createElement('div');
-    });
-
-    afterEach(() => {
-      el.innerHTML = '';
-    });
-
-    it('creates flash element with type', () => {
-      el.innerHTML = createFlashEl('testing', 'alert');
-
-      expect(el.querySelector('.flash-alert')).not.toBeNull();
-    });
-
-    it('escapes text', () => {
-      el.innerHTML = createFlashEl('<script>alert("a");</script>', 'alert');
-
-      expect(el.querySelector('.flash-text').textContent.trim()).toBe(
-        '<script>alert("a");</script>',
-      );
-    });
-  });
-
-  describe('hideFlash', () => {
-    let el;
-
-    beforeEach(() => {
-      el = document.createElement('div');
-      el.className = 'js-testing';
-    });
-
-    it('sets transition style', () => {
-      hideFlash(el);
-
-      expect(el.style['transition-property']).toBe('opacity');
-
-      expect(el.style['transition-duration']).toBe('0.15s');
-    });
-
-    it('sets opacity style', () => {
-      hideFlash(el);
-
-      expect(el.style.opacity).toBe('0');
-    });
-
-    it('does not set styles when fadeTransition is false', () => {
-      hideFlash(el, false);
-
-      expect(el.style.opacity).toBe('');
-
-      expect(el.style.transition).toBe('');
-    });
-
-    it('removes element after transitionend', () => {
-      document.body.appendChild(el);
-
-      hideFlash(el);
-      el.dispatchEvent(new Event('transitionend'));
-
-      expect(document.querySelector('.js-testing')).toBeNull();
-    });
-
-    it('calls event listener callback once', () => {
-      spyOn(el, 'remove').and.callThrough();
-      document.body.appendChild(el);
-
-      hideFlash(el);
-
-      el.dispatchEvent(new Event('transitionend'));
-      el.dispatchEvent(new Event('transitionend'));
-
-      expect(el.remove.calls.count()).toBe(1);
-    });
-  });
-
-  describe('createAction', () => {
-    let el;
-
-    beforeEach(() => {
-      el = document.createElement('div');
-    });
-
-    it('creates link with href', () => {
-      el.innerHTML = createAction({
-        href: 'testing',
-        title: 'test',
-      });
-
-      expect(el.querySelector('.flash-action').href).toContain('testing');
-    });
-
-    it('uses hash as href when no href is present', () => {
-      el.innerHTML = createAction({
-        title: 'test',
-      });
-
-      expect(el.querySelector('.flash-action').href).toContain('#');
-    });
-
-    it('adds role when no href is present', () => {
-      el.innerHTML = createAction({
-        title: 'test',
-      });
-
-      expect(el.querySelector('.flash-action').getAttribute('role')).toBe('button');
-    });
-
-    it('escapes the title text', () => {
-      el.innerHTML = createAction({
-        title: '<script>alert("a")</script>',
-      });
-
-      expect(el.querySelector('.flash-action').textContent.trim()).toBe(
-        '<script>alert("a")</script>',
-      );
-    });
-  });
-
-  describe('createFlash', () => {
-    describe('no flash-container', () => {
-      it('does not add to the DOM', () => {
-        const flashEl = flash('testing');
-
-        expect(flashEl).toBeNull();
-
-        expect(document.querySelector('.flash-alert')).toBeNull();
-      });
-    });
-
-    describe('with flash-container', () => {
-      beforeEach(() => {
-        document.body.innerHTML += `
-          <div class="content-wrapper js-content-wrapper">
-            <div class="flash-container"></div>
-          </div>
-        `;
-      });
-
-      afterEach(() => {
-        document.querySelector('.js-content-wrapper').remove();
-      });
-
-      it('adds flash element into container', () => {
-        flash('test', 'alert', document, null, false, true);
-
-        expect(document.querySelector('.flash-alert')).not.toBeNull();
-
-        expect(document.body.className).toContain('flash-shown');
-      });
-
-      it('adds flash into specified parent', () => {
-        flash('test', 'alert', document.querySelector('.content-wrapper'));
-
-        expect(document.querySelector('.content-wrapper .flash-alert')).not.toBeNull();
-      });
-
-      it('adds container classes when inside content-wrapper', () => {
-        flash('test');
-
-        expect(document.querySelector('.flash-text').className).toBe('flash-text');
-      });
-
-      it('does not add container when outside of content-wrapper', () => {
-        document.querySelector('.content-wrapper').className = 'js-content-wrapper';
-        flash('test');
-
-        expect(document.querySelector('.flash-text').className.trim()).toContain('flash-text');
-      });
-
-      it('removes element after clicking', () => {
-        flash('test', 'alert', document, null, false, true);
-
-        document.querySelector('.flash-alert .js-close-icon').click();
-
-        expect(document.querySelector('.flash-alert')).toBeNull();
-
-        expect(document.body.className).not.toContain('flash-shown');
-      });
-
-      describe('with actionConfig', () => {
-        it('adds action link', () => {
-          flash('test', 'alert', document, {
-            title: 'test',
-          });
-
-          expect(document.querySelector('.flash-action')).not.toBeNull();
-        });
-
-        it('calls actionConfig clickHandler on click', () => {
-          const actionConfig = {
-            title: 'test',
-            clickHandler: jasmine.createSpy('actionConfig'),
-          };
-
-          flash('test', 'alert', document, actionConfig);
-
-          document.querySelector('.flash-action').click();
-
-          expect(actionConfig.clickHandler).toHaveBeenCalled();
-        });
-      });
-    });
-  });
-
-  describe('removeFlashClickListener', () => {
-    beforeEach(() => {
-      document.body.innerHTML += `
-        <div class="flash-container">
-          <div class="flash">
-            <div class="close-icon js-close-icon"></div>
-          </div>
-        </div>
-      `;
-    });
-
-    it('removes global flash on click', done => {
-      const flashEl = document.querySelector('.flash');
-
-      removeFlashClickListener(flashEl, false);
-
-      flashEl.querySelector('.js-close-icon').click();
-
-      setTimeout(() => {
-        expect(document.querySelector('.flash')).toBeNull();
-
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/frequent_items/components/app_spec.js b/spec/javascripts/frequent_items/components/app_spec.js
deleted file mode 100644
index b293ed541fd..00000000000
--- a/spec/javascripts/frequent_items/components/app_spec.js
+++ /dev/null
@@ -1,257 +0,0 @@
-import MockAdapter from 'axios-mock-adapter';
-import Vue from 'vue';
-import { mountComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import axios from '~/lib/utils/axios_utils';
-import appComponent from '~/frequent_items/components/app.vue';
-import eventHub from '~/frequent_items/event_hub';
-import store from '~/frequent_items/store';
-import { FREQUENT_ITEMS, HOUR_IN_MS } from '~/frequent_items/constants';
-import { getTopFrequentItems } from '~/frequent_items/utils';
-import { currentSession, mockFrequentProjects, mockSearchedProjects } from '../mock_data';
-
-let session;
-const createComponentWithStore = (namespace = 'projects') => {
-  session = currentSession[namespace];
-  gon.api_version = session.apiVersion;
-  const Component = Vue.extend(appComponent);
-
-  return mountComponentWithStore(Component, {
-    store,
-    props: {
-      namespace,
-      currentUserName: session.username,
-      currentItem: session.project || session.group,
-    },
-  });
-};
-
-describe('Frequent Items App Component', () => {
-  let vm;
-  let mock;
-
-  beforeEach(() => {
-    mock = new MockAdapter(axios);
-    vm = createComponentWithStore();
-  });
-
-  afterEach(() => {
-    mock.restore();
-    vm.$destroy();
-  });
-
-  describe('methods', () => {
-    describe('dropdownOpenHandler', () => {
-      it('should fetch frequent items when no search has been previously made on desktop', () => {
-        spyOn(vm, 'fetchFrequentItems');
-
-        vm.dropdownOpenHandler();
-
-        expect(vm.fetchFrequentItems).toHaveBeenCalledWith();
-      });
-    });
-
-    describe('logItemAccess', () => {
-      let storage;
-
-      beforeEach(() => {
-        storage = {};
-
-        spyOn(window.localStorage, 'setItem').and.callFake((storageKey, value) => {
-          storage[storageKey] = value;
-        });
-
-        spyOn(window.localStorage, 'getItem').and.callFake(storageKey => {
-          if (storage[storageKey]) {
-            return storage[storageKey];
-          }
-
-          return null;
-        });
-      });
-
-      it('should create a project store if it does not exist and adds a project', () => {
-        vm.logItemAccess(session.storageKey, session.project);
-
-        const projects = JSON.parse(storage[session.storageKey]);
-
-        expect(projects.length).toBe(1);
-        expect(projects[0].frequency).toBe(1);
-        expect(projects[0].lastAccessedOn).toBeDefined();
-      });
-
-      it('should prevent inserting same report multiple times into store', () => {
-        vm.logItemAccess(session.storageKey, session.project);
-        vm.logItemAccess(session.storageKey, session.project);
-
-        const projects = JSON.parse(storage[session.storageKey]);
-
-        expect(projects.length).toBe(1);
-      });
-
-      it('should increase frequency of report if it was logged multiple times over the course of an hour', () => {
-        let projects;
-        const newTimestamp = Date.now() + HOUR_IN_MS + 1;
-
-        vm.logItemAccess(session.storageKey, session.project);
-        projects = JSON.parse(storage[session.storageKey]);
-
-        expect(projects[0].frequency).toBe(1);
-
-        vm.logItemAccess(session.storageKey, {
-          ...session.project,
-          lastAccessedOn: newTimestamp,
-        });
-        projects = JSON.parse(storage[session.storageKey]);
-
-        expect(projects[0].frequency).toBe(2);
-        expect(projects[0].lastAccessedOn).not.toBe(session.project.lastAccessedOn);
-      });
-
-      it('should always update project metadata', () => {
-        let projects;
-        const oldProject = {
-          ...session.project,
-        };
-
-        const newProject = {
-          ...session.project,
-          name: 'New Name',
-          avatarUrl: 'new/avatar.png',
-          namespace: 'New / Namespace',
-          webUrl: 'http://localhost/new/web/url',
-        };
-
-        vm.logItemAccess(session.storageKey, oldProject);
-        projects = JSON.parse(storage[session.storageKey]);
-
-        expect(projects[0].name).toBe(oldProject.name);
-        expect(projects[0].avatarUrl).toBe(oldProject.avatarUrl);
-        expect(projects[0].namespace).toBe(oldProject.namespace);
-        expect(projects[0].webUrl).toBe(oldProject.webUrl);
-
-        vm.logItemAccess(session.storageKey, newProject);
-        projects = JSON.parse(storage[session.storageKey]);
-
-        expect(projects[0].name).toBe(newProject.name);
-        expect(projects[0].avatarUrl).toBe(newProject.avatarUrl);
-        expect(projects[0].namespace).toBe(newProject.namespace);
-        expect(projects[0].webUrl).toBe(newProject.webUrl);
-      });
-
-      it('should not add more than 20 projects in store', () => {
-        for (let id = 0; id < FREQUENT_ITEMS.MAX_COUNT; id += 1) {
-          const project = {
-            ...session.project,
-            id,
-          };
-          vm.logItemAccess(session.storageKey, project);
-        }
-
-        const projects = JSON.parse(storage[session.storageKey]);
-
-        expect(projects.length).toBe(FREQUENT_ITEMS.MAX_COUNT);
-      });
-    });
-  });
-
-  describe('created', () => {
-    it('should bind event listeners on eventHub', done => {
-      spyOn(eventHub, '$on');
-
-      createComponentWithStore().$mount();
-
-      Vue.nextTick(() => {
-        expect(eventHub.$on).toHaveBeenCalledWith('projects-dropdownOpen', jasmine.any(Function));
-        done();
-      });
-    });
-  });
-
-  describe('beforeDestroy', () => {
-    it('should unbind event listeners on eventHub', done => {
-      spyOn(eventHub, '$off');
-
-      vm.$mount();
-      vm.$destroy();
-
-      Vue.nextTick(() => {
-        expect(eventHub.$off).toHaveBeenCalledWith('projects-dropdownOpen', jasmine.any(Function));
-        done();
-      });
-    });
-  });
-
-  describe('template', () => {
-    it('should render search input', () => {
-      expect(vm.$el.querySelector('.search-input-container')).toBeDefined();
-    });
-
-    it('should render loading animation', done => {
-      vm.$store.dispatch('fetchSearchedItems');
-
-      Vue.nextTick(() => {
-        const loadingEl = vm.$el.querySelector('.loading-animation');
-
-        expect(loadingEl).toBeDefined();
-        expect(loadingEl.classList.contains('prepend-top-20')).toBe(true);
-        expect(loadingEl.querySelector('span').getAttribute('aria-label')).toBe('Loading projects');
-        done();
-      });
-    });
-
-    it('should render frequent projects list header', done => {
-      Vue.nextTick(() => {
-        const sectionHeaderEl = vm.$el.querySelector('.section-header');
-
-        expect(sectionHeaderEl).toBeDefined();
-        expect(sectionHeaderEl.innerText.trim()).toBe('Frequently visited');
-        done();
-      });
-    });
-
-    it('should render frequent projects list', done => {
-      const expectedResult = getTopFrequentItems(mockFrequentProjects);
-      spyOn(window.localStorage, 'getItem').and.callFake(() =>
-        JSON.stringify(mockFrequentProjects),
-      );
-
-      expect(vm.$el.querySelectorAll('.frequent-items-list-container li').length).toBe(1);
-
-      vm.fetchFrequentItems();
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelectorAll('.frequent-items-list-container li').length).toBe(
-          expectedResult.length,
-        );
-        done();
-      });
-    });
-
-    it('should render searched projects list', done => {
-      mock.onGet(/\/api\/v4\/projects.json(.*)$/).replyOnce(200, mockSearchedProjects);
-
-      expect(vm.$el.querySelectorAll('.frequent-items-list-container li').length).toBe(1);
-
-      vm.$store.dispatch('setSearchQuery', 'gitlab');
-      vm.$nextTick()
-        .then(() => {
-          expect(vm.$el.querySelector('.loading-animation')).toBeDefined();
-        })
-
-        // This test waits for multiple ticks in order to allow the responses to
-        // propagate through each interceptor installed on the Axios instance.
-        // This shouldn't be necessary; this test should be refactored to avoid this.
-        // https://gitlab.com/gitlab-org/gitlab/issues/32479
-        .then(vm.$nextTick)
-        .then(vm.$nextTick)
-        .then(vm.$nextTick)
-
-        .then(() => {
-          expect(vm.$el.querySelectorAll('.frequent-items-list-container li').length).toBe(
-            mockSearchedProjects.data.length,
-          );
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-});
diff --git a/spec/javascripts/frequent_items/mock_data.js b/spec/javascripts/frequent_items/mock_data.js
deleted file mode 100644
index 419f70e41af..00000000000
--- a/spec/javascripts/frequent_items/mock_data.js
+++ /dev/null
@@ -1,168 +0,0 @@
-export const currentSession = {
-  groups: {
-    username: 'root',
-    storageKey: 'root/frequent-groups',
-    apiVersion: 'v4',
-    group: {
-      id: 1,
-      name: 'dummy-group',
-      full_name: 'dummy-parent-group',
-      webUrl: `${gl.TEST_HOST}/dummy-group`,
-      avatarUrl: null,
-      lastAccessedOn: Date.now(),
-    },
-  },
-  projects: {
-    username: 'root',
-    storageKey: 'root/frequent-projects',
-    apiVersion: 'v4',
-    project: {
-      id: 1,
-      name: 'dummy-project',
-      namespace: 'SampleGroup / Dummy-Project',
-      webUrl: `${gl.TEST_HOST}/samplegroup/dummy-project`,
-      avatarUrl: null,
-      lastAccessedOn: Date.now(),
-    },
-  },
-};
-
-export const mockNamespace = 'projects';
-
-export const mockStorageKey = 'test-user/frequent-projects';
-
-export const mockGroup = {
-  id: 1,
-  name: 'Sub451',
-  namespace: 'Commit451 / Sub451',
-  webUrl: `${gl.TEST_HOST}/Commit451/Sub451`,
-  avatarUrl: null,
-};
-
-export const mockRawGroup = {
-  id: 1,
-  name: 'Sub451',
-  full_name: 'Commit451 / Sub451',
-  web_url: `${gl.TEST_HOST}/Commit451/Sub451`,
-  avatar_url: null,
-};
-
-export const mockFrequentGroups = [
-  {
-    id: 3,
-    name: 'Subgroup451',
-    full_name: 'Commit451 / Subgroup451',
-    webUrl: '/Commit451/Subgroup451',
-    avatarUrl: null,
-    frequency: 7,
-    lastAccessedOn: 1497979281815,
-  },
-  {
-    id: 1,
-    name: 'Commit451',
-    full_name: 'Commit451',
-    webUrl: '/Commit451',
-    avatarUrl: null,
-    frequency: 3,
-    lastAccessedOn: 1497979281815,
-  },
-];
-
-export const mockSearchedGroups = [mockRawGroup];
-export const mockProcessedSearchedGroups = [mockGroup];
-
-export const mockProject = {
-  id: 1,
-  name: 'GitLab Community Edition',
-  namespace: 'gitlab-org / gitlab-ce',
-  webUrl: `${gl.TEST_HOST}/gitlab-org/gitlab-foss`,
-  avatarUrl: null,
-};
-
-export const mockRawProject = {
-  id: 1,
-  name: 'GitLab Community Edition',
-  name_with_namespace: 'gitlab-org / gitlab-ce',
-  web_url: `${gl.TEST_HOST}/gitlab-org/gitlab-foss`,
-  avatar_url: null,
-};
-
-export const mockFrequentProjects = [
-  {
-    id: 1,
-    name: 'GitLab Community Edition',
-    namespace: 'gitlab-org / gitlab-ce',
-    webUrl: `${gl.TEST_HOST}/gitlab-org/gitlab-foss`,
-    avatarUrl: null,
-    frequency: 1,
-    lastAccessedOn: Date.now(),
-  },
-  {
-    id: 2,
-    name: 'GitLab CI',
-    namespace: 'gitlab-org / gitlab-ci',
-    webUrl: `${gl.TEST_HOST}/gitlab-org/gitlab-ci`,
-    avatarUrl: null,
-    frequency: 9,
-    lastAccessedOn: Date.now(),
-  },
-  {
-    id: 3,
-    name: 'Typeahead.Js',
-    namespace: 'twitter / typeahead-js',
-    webUrl: `${gl.TEST_HOST}/twitter/typeahead-js`,
-    avatarUrl: '/uploads/-/system/project/avatar/7/TWBS.png',
-    frequency: 2,
-    lastAccessedOn: Date.now(),
-  },
-  {
-    id: 4,
-    name: 'Intel',
-    namespace: 'platform / hardware / bsp / intel',
-    webUrl: `${gl.TEST_HOST}/platform/hardware/bsp/intel`,
-    avatarUrl: null,
-    frequency: 3,
-    lastAccessedOn: Date.now(),
-  },
-  {
-    id: 5,
-    name: 'v4.4',
-    namespace: 'platform / hardware / bsp / kernel / common / v4.4',
-    webUrl: `${gl.TEST_HOST}/platform/hardware/bsp/kernel/common/v4.4`,
-    avatarUrl: null,
-    frequency: 8,
-    lastAccessedOn: Date.now(),
-  },
-];
-
-export const mockSearchedProjects = { data: [mockRawProject] };
-export const mockProcessedSearchedProjects = [mockProject];
-
-export const unsortedFrequentItems = [
-  { id: 1, frequency: 12, lastAccessedOn: 1491400843391 },
-  { id: 2, frequency: 14, lastAccessedOn: 1488240890738 },
-  { id: 3, frequency: 44, lastAccessedOn: 1497675908472 },
-  { id: 4, frequency: 8, lastAccessedOn: 1497979281815 },
-  { id: 5, frequency: 34, lastAccessedOn: 1488089211943 },
-  { id: 6, frequency: 14, lastAccessedOn: 1493517292488 },
-  { id: 7, frequency: 42, lastAccessedOn: 1486815299875 },
-  { id: 8, frequency: 33, lastAccessedOn: 1500762279114 },
-  { id: 10, frequency: 46, lastAccessedOn: 1483251641543 },
-];
-
-/**
- * This const has a specific order which tests authenticity
- * of `getTopFrequentItems` method so
- * DO NOT change order of items in this const.
- */
-export const sortedFrequentItems = [
-  { id: 10, frequency: 46, lastAccessedOn: 1483251641543 },
-  { id: 3, frequency: 44, lastAccessedOn: 1497675908472 },
-  { id: 7, frequency: 42, lastAccessedOn: 1486815299875 },
-  { id: 5, frequency: 34, lastAccessedOn: 1488089211943 },
-  { id: 8, frequency: 33, lastAccessedOn: 1500762279114 },
-  { id: 6, frequency: 14, lastAccessedOn: 1493517292488 },
-  { id: 2, frequency: 14, lastAccessedOn: 1488240890738 },
-  { id: 1, frequency: 12, lastAccessedOn: 1491400843391 },
-  { id: 4, frequency: 8, lastAccessedOn: 1497979281815 },
-];
diff --git a/spec/javascripts/frequent_items/store/actions_spec.js b/spec/javascripts/frequent_items/store/actions_spec.js
deleted file mode 100644
index 7b065b69cce..00000000000
--- a/spec/javascripts/frequent_items/store/actions_spec.js
+++ /dev/null
@@ -1,228 +0,0 @@
-import testAction from 'spec/helpers/vuex_action_helper';
-import MockAdapter from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import AccessorUtilities from '~/lib/utils/accessor';
-import * as actions from '~/frequent_items/store/actions';
-import * as types from '~/frequent_items/store/mutation_types';
-import state from '~/frequent_items/store/state';
-import {
-  mockNamespace,
-  mockStorageKey,
-  mockFrequentProjects,
-  mockSearchedProjects,
-} from '../mock_data';
-
-describe('Frequent Items Dropdown Store Actions', () => {
-  let mockedState;
-  let mock;
-
-  beforeEach(() => {
-    mockedState = state();
-    mock = new MockAdapter(axios);
-
-    mockedState.namespace = mockNamespace;
-    mockedState.storageKey = mockStorageKey;
-  });
-
-  afterEach(() => {
-    mock.restore();
-  });
-
-  describe('setNamespace', () => {
-    it('should set namespace', done => {
-      testAction(
-        actions.setNamespace,
-        mockNamespace,
-        mockedState,
-        [{ type: types.SET_NAMESPACE, payload: mockNamespace }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('setStorageKey', () => {
-    it('should set storage key', done => {
-      testAction(
-        actions.setStorageKey,
-        mockStorageKey,
-        mockedState,
-        [{ type: types.SET_STORAGE_KEY, payload: mockStorageKey }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('requestFrequentItems', () => {
-    it('should request frequent items', done => {
-      testAction(
-        actions.requestFrequentItems,
-        null,
-        mockedState,
-        [{ type: types.REQUEST_FREQUENT_ITEMS }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('receiveFrequentItemsSuccess', () => {
-    it('should set frequent items', done => {
-      testAction(
-        actions.receiveFrequentItemsSuccess,
-        mockFrequentProjects,
-        mockedState,
-        [{ type: types.RECEIVE_FREQUENT_ITEMS_SUCCESS, payload: mockFrequentProjects }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('receiveFrequentItemsError', () => {
-    it('should set frequent items error state', done => {
-      testAction(
-        actions.receiveFrequentItemsError,
-        null,
-        mockedState,
-        [{ type: types.RECEIVE_FREQUENT_ITEMS_ERROR }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('fetchFrequentItems', () => {
-    it('should dispatch `receiveFrequentItemsSuccess`', done => {
-      mockedState.namespace = mockNamespace;
-      mockedState.storageKey = mockStorageKey;
-
-      testAction(
-        actions.fetchFrequentItems,
-        null,
-        mockedState,
-        [],
-        [{ type: 'requestFrequentItems' }, { type: 'receiveFrequentItemsSuccess', payload: [] }],
-        done,
-      );
-    });
-
-    it('should dispatch `receiveFrequentItemsError`', done => {
-      spyOn(AccessorUtilities, 'isLocalStorageAccessSafe').and.returnValue(false);
-      mockedState.namespace = mockNamespace;
-      mockedState.storageKey = mockStorageKey;
-
-      testAction(
-        actions.fetchFrequentItems,
-        null,
-        mockedState,
-        [],
-        [{ type: 'requestFrequentItems' }, { type: 'receiveFrequentItemsError' }],
-        done,
-      );
-    });
-  });
-
-  describe('requestSearchedItems', () => {
-    it('should request searched items', done => {
-      testAction(
-        actions.requestSearchedItems,
-        null,
-        mockedState,
-        [{ type: types.REQUEST_SEARCHED_ITEMS }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('receiveSearchedItemsSuccess', () => {
-    it('should set searched items', done => {
-      testAction(
-        actions.receiveSearchedItemsSuccess,
-        mockSearchedProjects,
-        mockedState,
-        [{ type: types.RECEIVE_SEARCHED_ITEMS_SUCCESS, payload: mockSearchedProjects }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('receiveSearchedItemsError', () => {
-    it('should set searched items error state', done => {
-      testAction(
-        actions.receiveSearchedItemsError,
-        null,
-        mockedState,
-        [{ type: types.RECEIVE_SEARCHED_ITEMS_ERROR }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('fetchSearchedItems', () => {
-    beforeEach(() => {
-      gon.api_version = 'v4';
-    });
-
-    it('should dispatch `receiveSearchedItemsSuccess`', done => {
-      mock.onGet(/\/api\/v4\/projects.json(.*)$/).replyOnce(200, mockSearchedProjects, {});
-
-      testAction(
-        actions.fetchSearchedItems,
-        null,
-        mockedState,
-        [],
-        [
-          { type: 'requestSearchedItems' },
-          {
-            type: 'receiveSearchedItemsSuccess',
-            payload: { data: mockSearchedProjects, headers: {} },
-          },
-        ],
-        done,
-      );
-    });
-
-    it('should dispatch `receiveSearchedItemsError`', done => {
-      gon.api_version = 'v4';
-      mock.onGet(/\/api\/v4\/projects.json(.*)$/).replyOnce(500);
-
-      testAction(
-        actions.fetchSearchedItems,
-        null,
-        mockedState,
-        [],
-        [{ type: 'requestSearchedItems' }, { type: 'receiveSearchedItemsError' }],
-        done,
-      );
-    });
-  });
-
-  describe('setSearchQuery', () => {
-    it('should commit query and dispatch `fetchSearchedItems` when query is present', done => {
-      testAction(
-        actions.setSearchQuery,
-        { query: 'test' },
-        mockedState,
-        [{ type: types.SET_SEARCH_QUERY, payload: { query: 'test' } }],
-        [{ type: 'fetchSearchedItems', payload: { query: 'test' } }],
-        done,
-      );
-    });
-
-    it('should commit query and dispatch `fetchFrequentItems` when query is empty', done => {
-      testAction(
-        actions.setSearchQuery,
-        null,
-        mockedState,
-        [{ type: types.SET_SEARCH_QUERY, payload: null }],
-        [{ type: 'fetchFrequentItems' }],
-        done,
-      );
-    });
-  });
-});
diff --git a/spec/javascripts/frequent_items/store/mutations_spec.js b/spec/javascripts/frequent_items/store/mutations_spec.js
deleted file mode 100644
index d36964b2600..00000000000
--- a/spec/javascripts/frequent_items/store/mutations_spec.js
+++ /dev/null
@@ -1,117 +0,0 @@
-import state from '~/frequent_items/store/state';
-import mutations from '~/frequent_items/store/mutations';
-import * as types from '~/frequent_items/store/mutation_types';
-import {
-  mockNamespace,
-  mockStorageKey,
-  mockFrequentProjects,
-  mockSearchedProjects,
-  mockProcessedSearchedProjects,
-  mockSearchedGroups,
-  mockProcessedSearchedGroups,
-} from '../mock_data';
-
-describe('Frequent Items dropdown mutations', () => {
-  let stateCopy;
-
-  beforeEach(() => {
-    stateCopy = state();
-  });
-
-  describe('SET_NAMESPACE', () => {
-    it('should set namespace', () => {
-      mutations[types.SET_NAMESPACE](stateCopy, mockNamespace);
-
-      expect(stateCopy.namespace).toEqual(mockNamespace);
-    });
-  });
-
-  describe('SET_STORAGE_KEY', () => {
-    it('should set storage key', () => {
-      mutations[types.SET_STORAGE_KEY](stateCopy, mockStorageKey);
-
-      expect(stateCopy.storageKey).toEqual(mockStorageKey);
-    });
-  });
-
-  describe('SET_SEARCH_QUERY', () => {
-    it('should set search query', () => {
-      const searchQuery = 'gitlab-ce';
-
-      mutations[types.SET_SEARCH_QUERY](stateCopy, searchQuery);
-
-      expect(stateCopy.searchQuery).toEqual(searchQuery);
-    });
-  });
-
-  describe('REQUEST_FREQUENT_ITEMS', () => {
-    it('should set view states when requesting frequent items', () => {
-      mutations[types.REQUEST_FREQUENT_ITEMS](stateCopy);
-
-      expect(stateCopy.isLoadingItems).toEqual(true);
-      expect(stateCopy.hasSearchQuery).toEqual(false);
-    });
-  });
-
-  describe('RECEIVE_FREQUENT_ITEMS_SUCCESS', () => {
-    it('should set view states when receiving frequent items', () => {
-      mutations[types.RECEIVE_FREQUENT_ITEMS_SUCCESS](stateCopy, mockFrequentProjects);
-
-      expect(stateCopy.items).toEqual(mockFrequentProjects);
-      expect(stateCopy.isLoadingItems).toEqual(false);
-      expect(stateCopy.hasSearchQuery).toEqual(false);
-      expect(stateCopy.isFetchFailed).toEqual(false);
-    });
-  });
-
-  describe('RECEIVE_FREQUENT_ITEMS_ERROR', () => {
-    it('should set items and view states when error occurs retrieving frequent items', () => {
-      mutations[types.RECEIVE_FREQUENT_ITEMS_ERROR](stateCopy);
-
-      expect(stateCopy.items).toEqual([]);
-      expect(stateCopy.isLoadingItems).toEqual(false);
-      expect(stateCopy.hasSearchQuery).toEqual(false);
-      expect(stateCopy.isFetchFailed).toEqual(true);
-    });
-  });
-
-  describe('REQUEST_SEARCHED_ITEMS', () => {
-    it('should set view states when requesting searched items', () => {
-      mutations[types.REQUEST_SEARCHED_ITEMS](stateCopy);
-
-      expect(stateCopy.isLoadingItems).toEqual(true);
-      expect(stateCopy.hasSearchQuery).toEqual(true);
-    });
-  });
-
-  describe('RECEIVE_SEARCHED_ITEMS_SUCCESS', () => {
-    it('should set items and view states when receiving searched items', () => {
-      mutations[types.RECEIVE_SEARCHED_ITEMS_SUCCESS](stateCopy, mockSearchedProjects);
-
-      expect(stateCopy.items).toEqual(mockProcessedSearchedProjects);
-      expect(stateCopy.isLoadingItems).toEqual(false);
-      expect(stateCopy.hasSearchQuery).toEqual(true);
-      expect(stateCopy.isFetchFailed).toEqual(false);
-    });
-
-    it('should also handle the different `full_name` key for namespace in groups payload', () => {
-      mutations[types.RECEIVE_SEARCHED_ITEMS_SUCCESS](stateCopy, mockSearchedGroups);
-
-      expect(stateCopy.items).toEqual(mockProcessedSearchedGroups);
-      expect(stateCopy.isLoadingItems).toEqual(false);
-      expect(stateCopy.hasSearchQuery).toEqual(true);
-      expect(stateCopy.isFetchFailed).toEqual(false);
-    });
-  });
-
-  describe('RECEIVE_SEARCHED_ITEMS_ERROR', () => {
-    it('should set view states when error occurs retrieving searched items', () => {
-      mutations[types.RECEIVE_SEARCHED_ITEMS_ERROR](stateCopy);
-
-      expect(stateCopy.items).toEqual([]);
-      expect(stateCopy.isLoadingItems).toEqual(false);
-      expect(stateCopy.hasSearchQuery).toEqual(true);
-      expect(stateCopy.isFetchFailed).toEqual(true);
-    });
-  });
-});
diff --git a/spec/javascripts/frequent_items/utils_spec.js b/spec/javascripts/frequent_items/utils_spec.js
deleted file mode 100644
index 2939b46bc31..00000000000
--- a/spec/javascripts/frequent_items/utils_spec.js
+++ /dev/null
@@ -1,130 +0,0 @@
-import { GlBreakpointInstance as bp } from '@gitlab/ui/dist/utils';
-import {
-  isMobile,
-  getTopFrequentItems,
-  updateExistingFrequentItem,
-  sanitizeItem,
-} from '~/frequent_items/utils';
-import { HOUR_IN_MS, FREQUENT_ITEMS } from '~/frequent_items/constants';
-import { mockProject, unsortedFrequentItems, sortedFrequentItems } from './mock_data';
-
-describe('Frequent Items utils spec', () => {
-  describe('isMobile', () => {
-    it('returns true when the screen is medium ', () => {
-      spyOn(bp, 'getBreakpointSize').and.returnValue('md');
-
-      expect(isMobile()).toBe(true);
-    });
-
-    it('returns true when the screen is small ', () => {
-      spyOn(bp, 'getBreakpointSize').and.returnValue('sm');
-
-      expect(isMobile()).toBe(true);
-    });
-
-    it('returns true when the screen is extra-small ', () => {
-      spyOn(bp, 'getBreakpointSize').and.returnValue('xs');
-
-      expect(isMobile()).toBe(true);
-    });
-
-    it('returns false when the screen is larger than medium ', () => {
-      spyOn(bp, 'getBreakpointSize').and.returnValue('lg');
-
-      expect(isMobile()).toBe(false);
-    });
-  });
-
-  describe('getTopFrequentItems', () => {
-    it('returns empty array if no items provided', () => {
-      const result = getTopFrequentItems();
-
-      expect(result.length).toBe(0);
-    });
-
-    it('returns correct amount of items for mobile', () => {
-      spyOn(bp, 'getBreakpointSize').and.returnValue('md');
-      const result = getTopFrequentItems(unsortedFrequentItems);
-
-      expect(result.length).toBe(FREQUENT_ITEMS.LIST_COUNT_MOBILE);
-    });
-
-    it('returns correct amount of items for desktop', () => {
-      spyOn(bp, 'getBreakpointSize').and.returnValue('xl');
-      const result = getTopFrequentItems(unsortedFrequentItems);
-
-      expect(result.length).toBe(FREQUENT_ITEMS.LIST_COUNT_DESKTOP);
-    });
-
-    it('sorts frequent items in order of frequency and lastAccessedOn', () => {
-      spyOn(bp, 'getBreakpointSize').and.returnValue('xl');
-      const result = getTopFrequentItems(unsortedFrequentItems);
-      const expectedResult = sortedFrequentItems.slice(0, FREQUENT_ITEMS.LIST_COUNT_DESKTOP);
-
-      expect(result).toEqual(expectedResult);
-    });
-  });
-
-  describe('updateExistingFrequentItem', () => {
-    let mockedProject;
-
-    beforeEach(() => {
-      mockedProject = {
-        ...mockProject,
-        frequency: 1,
-        lastAccessedOn: 1497979281815,
-      };
-    });
-
-    it('updates item if accessed over an hour ago', () => {
-      const newTimestamp = Date.now() + HOUR_IN_MS + 1;
-      const newItem = {
-        ...mockedProject,
-        lastAccessedOn: newTimestamp,
-      };
-      const result = updateExistingFrequentItem(mockedProject, newItem);
-
-      expect(result.frequency).toBe(mockedProject.frequency + 1);
-    });
-
-    it('does not update item if accessed within the hour', () => {
-      const newItem = {
-        ...mockedProject,
-        lastAccessedOn: mockedProject.lastAccessedOn + HOUR_IN_MS,
-      };
-      const result = updateExistingFrequentItem(mockedProject, newItem);
-
-      expect(result.frequency).toBe(mockedProject.frequency);
-    });
-  });
-
-  describe('sanitizeItem', () => {
-    it('strips HTML tags for name and namespace', () => {
-      const input = {
-        name: '<br><b>test</b>',
-        namespace: '<br>test',
-        id: 1,
-      };
-
-      expect(sanitizeItem(input)).toEqual({ name: 'test', namespace: 'test', id: 1 });
-    });
-
-    it("skips `name` key if it doesn't exist on the item", () => {
-      const input = {
-        namespace: '<br>test',
-        id: 1,
-      };
-
-      expect(sanitizeItem(input)).toEqual({ namespace: 'test', id: 1 });
-    });
-
-    it("skips `namespace` key if it doesn't exist on the item", () => {
-      const input = {
-        name: '<br><b>test</b>',
-        id: 1,
-      };
-
-      expect(sanitizeItem(input)).toEqual({ name: 'test', id: 1 });
-    });
-  });
-});
diff --git a/spec/javascripts/gl_dropdown_spec.js b/spec/javascripts/gl_dropdown_spec.js
index 00bc552bd7d..06f76c581f2 100644
--- a/spec/javascripts/gl_dropdown_spec.js
+++ b/spec/javascripts/gl_dropdown_spec.js
@@ -44,19 +44,17 @@ describe('glDropdown', function describeDropdown() {
   };
 
   function initDropDown(hasRemote, isFilterable, extraOpts = {}) {
-    const options = Object.assign(
-      {
-        selectable: true,
-        filterable: isFilterable,
-        data: hasRemote ? remoteMock.bind({}, this.projectsData) : this.projectsData,
-        search: {
-          fields: ['name'],
-        },
-        text: project => project.name_with_namespace || project.name,
-        id: project => project.id,
+    const options = {
+      selectable: true,
+      filterable: isFilterable,
+      data: hasRemote ? remoteMock.bind({}, this.projectsData) : this.projectsData,
+      search: {
+        fields: ['name'],
       },
-      extraOpts,
-    );
+      text: project => project.name_with_namespace || project.name,
+      id: project => project.id,
+      ...extraOpts,
+    };
     this.dropdownButtonElement = $(
       '#js-project-dropdown',
       this.dropdownContainerElement,
diff --git a/spec/javascripts/groups/components/app_spec.js b/spec/javascripts/groups/components/app_spec.js
deleted file mode 100644
index 23b2564d3f9..00000000000
--- a/spec/javascripts/groups/components/app_spec.js
+++ /dev/null
@@ -1,533 +0,0 @@
-import '~/flash';
-import $ from 'jquery';
-import Vue from 'vue';
-
-import appComponent from '~/groups/components/app.vue';
-import groupFolderComponent from '~/groups/components/group_folder.vue';
-import groupItemComponent from '~/groups/components/group_item.vue';
-import eventHub from '~/groups/event_hub';
-import GroupsStore from '~/groups/store/groups_store';
-import GroupsService from '~/groups/service/groups_service';
-
-import {
-  mockEndpoint,
-  mockGroups,
-  mockSearchedGroups,
-  mockRawPageInfo,
-  mockParentGroupItem,
-  mockRawChildren,
-  mockChildren,
-  mockPageInfo,
-} from '../mock_data';
-
-const createComponent = (hideProjects = false) => {
-  const Component = Vue.extend(appComponent);
-  const store = new GroupsStore(false);
-  const service = new GroupsService(mockEndpoint);
-
-  store.state.pageInfo = mockPageInfo;
-
-  return new Component({
-    propsData: {
-      store,
-      service,
-      hideProjects,
-    },
-  });
-};
-
-const returnServicePromise = (data, failed) =>
-  new Promise((resolve, reject) => {
-    if (failed) {
-      reject(data);
-    } else {
-      resolve({
-        json() {
-          return data;
-        },
-      });
-    }
-  });
-
-describe('AppComponent', () => {
-  let vm;
-
-  beforeEach(done => {
-    Vue.component('group-folder', groupFolderComponent);
-    Vue.component('group-item', groupItemComponent);
-
-    vm = createComponent();
-
-    Vue.nextTick(() => {
-      done();
-    });
-  });
-
-  describe('computed', () => {
-    beforeEach(() => {
-      vm.$mount();
-    });
-
-    afterEach(() => {
-      vm.$destroy();
-    });
-
-    describe('groups', () => {
-      it('should return list of groups from store', () => {
-        spyOn(vm.store, 'getGroups');
-
-        const { groups } = vm;
-
-        expect(vm.store.getGroups).toHaveBeenCalled();
-        expect(groups).not.toBeDefined();
-      });
-    });
-
-    describe('pageInfo', () => {
-      it('should return pagination info from store', () => {
-        spyOn(vm.store, 'getPaginationInfo');
-
-        const { pageInfo } = vm;
-
-        expect(vm.store.getPaginationInfo).toHaveBeenCalled();
-        expect(pageInfo).not.toBeDefined();
-      });
-    });
-  });
-
-  describe('methods', () => {
-    beforeEach(() => {
-      vm.$mount();
-    });
-
-    afterEach(() => {
-      vm.$destroy();
-    });
-
-    describe('fetchGroups', () => {
-      it('should call `getGroups` with all the params provided', done => {
-        spyOn(vm.service, 'getGroups').and.returnValue(returnServicePromise(mockGroups));
-
-        vm.fetchGroups({
-          parentId: 1,
-          page: 2,
-          filterGroupsBy: 'git',
-          sortBy: 'created_desc',
-          archived: true,
-        });
-        setTimeout(() => {
-          expect(vm.service.getGroups).toHaveBeenCalledWith(1, 2, 'git', 'created_desc', true);
-          done();
-        }, 0);
-      });
-
-      it('should set headers to store for building pagination info when called with `updatePagination`', done => {
-        spyOn(vm.service, 'getGroups').and.returnValue(
-          returnServicePromise({ headers: mockRawPageInfo }),
-        );
-        spyOn(vm, 'updatePagination');
-
-        vm.fetchGroups({ updatePagination: true });
-        setTimeout(() => {
-          expect(vm.service.getGroups).toHaveBeenCalled();
-          expect(vm.updatePagination).toHaveBeenCalled();
-          done();
-        }, 0);
-      });
-
-      it('should show flash error when request fails', done => {
-        spyOn(vm.service, 'getGroups').and.returnValue(returnServicePromise(null, true));
-        spyOn($, 'scrollTo');
-        spyOn(window, 'Flash');
-
-        vm.fetchGroups({});
-        setTimeout(() => {
-          expect(vm.isLoading).toBe(false);
-          expect($.scrollTo).toHaveBeenCalledWith(0);
-          expect(window.Flash).toHaveBeenCalledWith('An error occurred. Please try again.');
-          done();
-        }, 0);
-      });
-    });
-
-    describe('fetchAllGroups', () => {
-      it('should fetch default set of groups', done => {
-        spyOn(vm, 'fetchGroups').and.returnValue(returnServicePromise(mockGroups));
-        spyOn(vm, 'updatePagination').and.callThrough();
-        spyOn(vm, 'updateGroups').and.callThrough();
-
-        vm.fetchAllGroups();
-
-        expect(vm.isLoading).toBe(true);
-        expect(vm.fetchGroups).toHaveBeenCalled();
-        setTimeout(() => {
-          expect(vm.isLoading).toBe(false);
-          expect(vm.updateGroups).toHaveBeenCalled();
-          done();
-        }, 0);
-      });
-
-      it('should fetch matching set of groups when app is loaded with search query', done => {
-        spyOn(vm, 'fetchGroups').and.returnValue(returnServicePromise(mockSearchedGroups));
-        spyOn(vm, 'updateGroups').and.callThrough();
-
-        vm.fetchAllGroups();
-
-        expect(vm.fetchGroups).toHaveBeenCalledWith({
-          page: null,
-          filterGroupsBy: null,
-          sortBy: null,
-          updatePagination: true,
-          archived: null,
-        });
-        setTimeout(() => {
-          expect(vm.updateGroups).toHaveBeenCalled();
-          done();
-        }, 0);
-      });
-    });
-
-    describe('fetchPage', () => {
-      it('should fetch groups for provided page details and update window state', done => {
-        spyOn(vm, 'fetchGroups').and.returnValue(returnServicePromise(mockGroups));
-        spyOn(vm, 'updateGroups').and.callThrough();
-        const mergeUrlParams = spyOnDependency(appComponent, 'mergeUrlParams').and.callThrough();
-        spyOn(window.history, 'replaceState');
-        spyOn($, 'scrollTo');
-
-        vm.fetchPage(2, null, null, true);
-
-        expect(vm.isLoading).toBe(true);
-        expect(vm.fetchGroups).toHaveBeenCalledWith({
-          page: 2,
-          filterGroupsBy: null,
-          sortBy: null,
-          updatePagination: true,
-          archived: true,
-        });
-        setTimeout(() => {
-          expect(vm.isLoading).toBe(false);
-          expect($.scrollTo).toHaveBeenCalledWith(0);
-          expect(mergeUrlParams).toHaveBeenCalledWith({ page: 2 }, jasmine.any(String));
-          expect(window.history.replaceState).toHaveBeenCalledWith(
-            {
-              page: jasmine.any(String),
-            },
-            jasmine.any(String),
-            jasmine.any(String),
-          );
-
-          expect(vm.updateGroups).toHaveBeenCalled();
-          done();
-        }, 0);
-      });
-    });
-
-    describe('toggleChildren', () => {
-      let groupItem;
-
-      beforeEach(() => {
-        groupItem = Object.assign({}, mockParentGroupItem);
-        groupItem.isOpen = false;
-        groupItem.isChildrenLoading = false;
-      });
-
-      it('should fetch children of given group and expand it if group is collapsed and children are not loaded', done => {
-        spyOn(vm, 'fetchGroups').and.returnValue(returnServicePromise(mockRawChildren));
-        spyOn(vm.store, 'setGroupChildren');
-
-        vm.toggleChildren(groupItem);
-
-        expect(groupItem.isChildrenLoading).toBe(true);
-        expect(vm.fetchGroups).toHaveBeenCalledWith({
-          parentId: groupItem.id,
-        });
-        setTimeout(() => {
-          expect(vm.store.setGroupChildren).toHaveBeenCalled();
-          done();
-        }, 0);
-      });
-
-      it('should skip network request while expanding group if children are already loaded', () => {
-        spyOn(vm, 'fetchGroups');
-        groupItem.children = mockRawChildren;
-
-        vm.toggleChildren(groupItem);
-
-        expect(vm.fetchGroups).not.toHaveBeenCalled();
-        expect(groupItem.isOpen).toBe(true);
-      });
-
-      it('should collapse group if it is already expanded', () => {
-        spyOn(vm, 'fetchGroups');
-        groupItem.isOpen = true;
-
-        vm.toggleChildren(groupItem);
-
-        expect(vm.fetchGroups).not.toHaveBeenCalled();
-        expect(groupItem.isOpen).toBe(false);
-      });
-
-      it('should set `isChildrenLoading` back to `false` if load request fails', done => {
-        spyOn(vm, 'fetchGroups').and.returnValue(returnServicePromise({}, true));
-
-        vm.toggleChildren(groupItem);
-
-        expect(groupItem.isChildrenLoading).toBe(true);
-        setTimeout(() => {
-          expect(groupItem.isChildrenLoading).toBe(false);
-          done();
-        }, 0);
-      });
-    });
-
-    describe('showLeaveGroupModal', () => {
-      it('caches candidate group (as props) which is to be left', () => {
-        const group = Object.assign({}, mockParentGroupItem);
-
-        expect(vm.targetGroup).toBe(null);
-        expect(vm.targetParentGroup).toBe(null);
-        vm.showLeaveGroupModal(group, mockParentGroupItem);
-
-        expect(vm.targetGroup).not.toBe(null);
-        expect(vm.targetParentGroup).not.toBe(null);
-      });
-
-      it('updates props which show modal confirmation dialog', () => {
-        const group = Object.assign({}, mockParentGroupItem);
-
-        expect(vm.showModal).toBe(false);
-        expect(vm.groupLeaveConfirmationMessage).toBe('');
-        vm.showLeaveGroupModal(group, mockParentGroupItem);
-
-        expect(vm.showModal).toBe(true);
-        expect(vm.groupLeaveConfirmationMessage).toBe(
-          `Are you sure you want to leave the "${group.fullName}" group?`,
-        );
-      });
-    });
-
-    describe('hideLeaveGroupModal', () => {
-      it('hides modal confirmation which is shown before leaving the group', () => {
-        const group = Object.assign({}, mockParentGroupItem);
-        vm.showLeaveGroupModal(group, mockParentGroupItem);
-
-        expect(vm.showModal).toBe(true);
-        vm.hideLeaveGroupModal();
-
-        expect(vm.showModal).toBe(false);
-      });
-    });
-
-    describe('leaveGroup', () => {
-      let groupItem;
-      let childGroupItem;
-
-      beforeEach(() => {
-        groupItem = Object.assign({}, mockParentGroupItem);
-        groupItem.children = mockChildren;
-        [childGroupItem] = groupItem.children;
-        groupItem.isChildrenLoading = false;
-        vm.targetGroup = childGroupItem;
-        vm.targetParentGroup = groupItem;
-      });
-
-      it('hides modal confirmation leave group and remove group item from tree', done => {
-        const notice = `You left the "${childGroupItem.fullName}" group.`;
-        spyOn(vm.service, 'leaveGroup').and.returnValue(Promise.resolve({ data: { notice } }));
-        spyOn(vm.store, 'removeGroup').and.callThrough();
-        spyOn(window, 'Flash');
-        spyOn($, 'scrollTo');
-
-        vm.leaveGroup();
-
-        expect(vm.showModal).toBe(false);
-        expect(vm.targetGroup.isBeingRemoved).toBe(true);
-        expect(vm.service.leaveGroup).toHaveBeenCalledWith(vm.targetGroup.leavePath);
-        setTimeout(() => {
-          expect($.scrollTo).toHaveBeenCalledWith(0);
-          expect(vm.store.removeGroup).toHaveBeenCalledWith(vm.targetGroup, vm.targetParentGroup);
-          expect(window.Flash).toHaveBeenCalledWith(notice, 'notice');
-          done();
-        }, 0);
-      });
-
-      it('should show error flash message if request failed to leave group', done => {
-        const message = 'An error occurred. Please try again.';
-        spyOn(vm.service, 'leaveGroup').and.returnValue(
-          returnServicePromise({ status: 500 }, true),
-        );
-        spyOn(vm.store, 'removeGroup').and.callThrough();
-        spyOn(window, 'Flash');
-
-        vm.leaveGroup();
-
-        expect(vm.targetGroup.isBeingRemoved).toBe(true);
-        expect(vm.service.leaveGroup).toHaveBeenCalledWith(childGroupItem.leavePath);
-        setTimeout(() => {
-          expect(vm.store.removeGroup).not.toHaveBeenCalled();
-          expect(window.Flash).toHaveBeenCalledWith(message);
-          expect(vm.targetGroup.isBeingRemoved).toBe(false);
-          done();
-        }, 0);
-      });
-
-      it('should show appropriate error flash message if request forbids to leave group', done => {
-        const message = 'Failed to leave the group. Please make sure you are not the only owner.';
-        spyOn(vm.service, 'leaveGroup').and.returnValue(
-          returnServicePromise({ status: 403 }, true),
-        );
-        spyOn(vm.store, 'removeGroup').and.callThrough();
-        spyOn(window, 'Flash');
-
-        vm.leaveGroup(childGroupItem, groupItem);
-
-        expect(vm.targetGroup.isBeingRemoved).toBe(true);
-        expect(vm.service.leaveGroup).toHaveBeenCalledWith(childGroupItem.leavePath);
-        setTimeout(() => {
-          expect(vm.store.removeGroup).not.toHaveBeenCalled();
-          expect(window.Flash).toHaveBeenCalledWith(message);
-          expect(vm.targetGroup.isBeingRemoved).toBe(false);
-          done();
-        }, 0);
-      });
-    });
-
-    describe('updatePagination', () => {
-      it('should set pagination info to store from provided headers', () => {
-        spyOn(vm.store, 'setPaginationInfo');
-
-        vm.updatePagination(mockRawPageInfo);
-
-        expect(vm.store.setPaginationInfo).toHaveBeenCalledWith(mockRawPageInfo);
-      });
-    });
-
-    describe('updateGroups', () => {
-      it('should call setGroups on store if method was called directly', () => {
-        spyOn(vm.store, 'setGroups');
-
-        vm.updateGroups(mockGroups);
-
-        expect(vm.store.setGroups).toHaveBeenCalledWith(mockGroups);
-      });
-
-      it('should call setSearchedGroups on store if method was called with fromSearch param', () => {
-        spyOn(vm.store, 'setSearchedGroups');
-
-        vm.updateGroups(mockGroups, true);
-
-        expect(vm.store.setSearchedGroups).toHaveBeenCalledWith(mockGroups);
-      });
-
-      it('should set `isSearchEmpty` prop based on groups count', () => {
-        vm.updateGroups(mockGroups);
-
-        expect(vm.isSearchEmpty).toBe(false);
-
-        vm.updateGroups([]);
-
-        expect(vm.isSearchEmpty).toBe(true);
-      });
-    });
-  });
-
-  describe('created', () => {
-    it('should bind event listeners on eventHub', done => {
-      spyOn(eventHub, '$on');
-
-      const newVm = createComponent();
-      newVm.$mount();
-
-      Vue.nextTick(() => {
-        expect(eventHub.$on).toHaveBeenCalledWith('fetchPage', jasmine.any(Function));
-        expect(eventHub.$on).toHaveBeenCalledWith('toggleChildren', jasmine.any(Function));
-        expect(eventHub.$on).toHaveBeenCalledWith('showLeaveGroupModal', jasmine.any(Function));
-        expect(eventHub.$on).toHaveBeenCalledWith('updatePagination', jasmine.any(Function));
-        expect(eventHub.$on).toHaveBeenCalledWith('updateGroups', jasmine.any(Function));
-        newVm.$destroy();
-        done();
-      });
-    });
-
-    it('should initialize `searchEmptyMessage` prop with correct string when `hideProjects` is `false`', done => {
-      const newVm = createComponent();
-      newVm.$mount();
-      Vue.nextTick(() => {
-        expect(newVm.searchEmptyMessage).toBe('No groups or projects matched your search');
-        newVm.$destroy();
-        done();
-      });
-    });
-
-    it('should initialize `searchEmptyMessage` prop with correct string when `hideProjects` is `true`', done => {
-      const newVm = createComponent(true);
-      newVm.$mount();
-      Vue.nextTick(() => {
-        expect(newVm.searchEmptyMessage).toBe('No groups matched your search');
-        newVm.$destroy();
-        done();
-      });
-    });
-  });
-
-  describe('beforeDestroy', () => {
-    it('should unbind event listeners on eventHub', done => {
-      spyOn(eventHub, '$off');
-
-      const newVm = createComponent();
-      newVm.$mount();
-      newVm.$destroy();
-
-      Vue.nextTick(() => {
-        expect(eventHub.$off).toHaveBeenCalledWith('fetchPage', jasmine.any(Function));
-        expect(eventHub.$off).toHaveBeenCalledWith('toggleChildren', jasmine.any(Function));
-        expect(eventHub.$off).toHaveBeenCalledWith('showLeaveGroupModal', jasmine.any(Function));
-        expect(eventHub.$off).toHaveBeenCalledWith('updatePagination', jasmine.any(Function));
-        expect(eventHub.$off).toHaveBeenCalledWith('updateGroups', jasmine.any(Function));
-        done();
-      });
-    });
-  });
-
-  describe('template', () => {
-    beforeEach(() => {
-      vm.$mount();
-    });
-
-    afterEach(() => {
-      vm.$destroy();
-    });
-
-    it('should render loading icon', done => {
-      vm.isLoading = true;
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelector('.loading-animation')).toBeDefined();
-        expect(vm.$el.querySelector('span').getAttribute('aria-label')).toBe('Loading groups');
-        done();
-      });
-    });
-
-    it('should render groups tree', done => {
-      vm.store.state.groups = [mockParentGroupItem];
-      vm.isLoading = false;
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelector('.groups-list-tree-container')).toBeDefined();
-        done();
-      });
-    });
-
-    it('renders modal confirmation dialog', done => {
-      vm.groupLeaveConfirmationMessage = 'Are you sure you want to leave the "foo" group?';
-      vm.showModal = true;
-      Vue.nextTick(() => {
-        const modalDialogEl = vm.$el.querySelector('.modal');
-
-        expect(modalDialogEl).not.toBe(null);
-        expect(modalDialogEl.querySelector('.modal-title').innerText.trim()).toBe('Are you sure?');
-        expect(modalDialogEl.querySelector('.btn.btn-warning').innerText.trim()).toBe('Leave');
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/groups/components/group_folder_spec.js b/spec/javascripts/groups/components/group_folder_spec.js
deleted file mode 100644
index fdfd1b82bd8..00000000000
--- a/spec/javascripts/groups/components/group_folder_spec.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import Vue from 'vue';
-
-import groupFolderComponent from '~/groups/components/group_folder.vue';
-import groupItemComponent from '~/groups/components/group_item.vue';
-import { mockGroups, mockParentGroupItem } from '../mock_data';
-
-const createComponent = (groups = mockGroups, parentGroup = mockParentGroupItem) => {
-  const Component = Vue.extend(groupFolderComponent);
-
-  return new Component({
-    propsData: {
-      groups,
-      parentGroup,
-    },
-  });
-};
-
-describe('GroupFolderComponent', () => {
-  let vm;
-
-  beforeEach(done => {
-    Vue.component('group-item', groupItemComponent);
-
-    vm = createComponent();
-    vm.$mount();
-
-    Vue.nextTick(() => {
-      done();
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('computed', () => {
-    describe('hasMoreChildren', () => {
-      it('should return false when childrenCount of group is less than MAX_CHILDREN_COUNT', () => {
-        expect(vm.hasMoreChildren).toBeFalsy();
-      });
-    });
-
-    describe('moreChildrenStats', () => {
-      it('should return message with count of excess children over MAX_CHILDREN_COUNT limit', () => {
-        expect(vm.moreChildrenStats).toBe('3 more items');
-      });
-    });
-  });
-
-  describe('template', () => {
-    it('should render component template correctly', () => {
-      expect(vm.$el.classList.contains('group-list-tree')).toBeTruthy();
-      expect(vm.$el.querySelectorAll('li.group-row').length).toBe(7);
-    });
-
-    it('should render more children link when groups list has children over MAX_CHILDREN_COUNT limit', () => {
-      const parentGroup = Object.assign({}, mockParentGroupItem);
-      parentGroup.childrenCount = 21;
-
-      const newVm = createComponent(mockGroups, parentGroup);
-      newVm.$mount();
-
-      expect(newVm.$el.querySelector('li.group-row a.has-more-items')).toBeDefined();
-      newVm.$destroy();
-    });
-  });
-});
diff --git a/spec/javascripts/groups/components/group_item_spec.js b/spec/javascripts/groups/components/group_item_spec.js
deleted file mode 100644
index 2889d7ae4ff..00000000000
--- a/spec/javascripts/groups/components/group_item_spec.js
+++ /dev/null
@@ -1,218 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import groupItemComponent from '~/groups/components/group_item.vue';
-import groupFolderComponent from '~/groups/components/group_folder.vue';
-import eventHub from '~/groups/event_hub';
-import { mockParentGroupItem, mockChildren } from '../mock_data';
-
-const createComponent = (group = mockParentGroupItem, parentGroup = mockChildren[0]) => {
-  const Component = Vue.extend(groupItemComponent);
-
-  return mountComponent(Component, {
-    group,
-    parentGroup,
-  });
-};
-
-describe('GroupItemComponent', () => {
-  let vm;
-
-  beforeEach(done => {
-    Vue.component('group-folder', groupFolderComponent);
-
-    vm = createComponent();
-
-    Vue.nextTick(() => {
-      done();
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('computed', () => {
-    describe('groupDomId', () => {
-      it('should return ID string suffixed with group ID', () => {
-        expect(vm.groupDomId).toBe('group-55');
-      });
-    });
-
-    describe('rowClass', () => {
-      it('should return map of classes based on group details', () => {
-        const classes = ['is-open', 'has-children', 'has-description', 'being-removed'];
-        const { rowClass } = vm;
-
-        expect(Object.keys(rowClass).length).toBe(classes.length);
-        Object.keys(rowClass).forEach(className => {
-          expect(classes.indexOf(className)).toBeGreaterThan(-1);
-        });
-      });
-    });
-
-    describe('hasChildren', () => {
-      it('should return boolean value representing if group has any children present', () => {
-        let newVm;
-        const group = Object.assign({}, mockParentGroupItem);
-
-        group.childrenCount = 5;
-        newVm = createComponent(group);
-
-        expect(newVm.hasChildren).toBeTruthy();
-        newVm.$destroy();
-
-        group.childrenCount = 0;
-        newVm = createComponent(group);
-
-        expect(newVm.hasChildren).toBeFalsy();
-        newVm.$destroy();
-      });
-    });
-
-    describe('hasAvatar', () => {
-      it('should return boolean value representing if group has any avatar present', () => {
-        let newVm;
-        const group = Object.assign({}, mockParentGroupItem);
-
-        group.avatarUrl = null;
-        newVm = createComponent(group);
-
-        expect(newVm.hasAvatar).toBeFalsy();
-        newVm.$destroy();
-
-        group.avatarUrl = '/uploads/group_avatar.png';
-        newVm = createComponent(group);
-
-        expect(newVm.hasAvatar).toBeTruthy();
-        newVm.$destroy();
-      });
-    });
-
-    describe('isGroup', () => {
-      it('should return boolean value representing if group item is of type `group` or not', () => {
-        let newVm;
-        const group = Object.assign({}, mockParentGroupItem);
-
-        group.type = 'group';
-        newVm = createComponent(group);
-
-        expect(newVm.isGroup).toBeTruthy();
-        newVm.$destroy();
-
-        group.type = 'project';
-        newVm = createComponent(group);
-
-        expect(newVm.isGroup).toBeFalsy();
-        newVm.$destroy();
-      });
-    });
-  });
-
-  describe('methods', () => {
-    describe('onClickRowGroup', () => {
-      let event;
-
-      beforeEach(() => {
-        const classList = {
-          contains() {
-            return false;
-          },
-        };
-
-        event = {
-          target: {
-            classList,
-            parentElement: {
-              classList,
-            },
-          },
-        };
-      });
-
-      it('should emit `toggleChildren` event when expand is clicked on a group and it has children present', () => {
-        spyOn(eventHub, '$emit');
-
-        vm.onClickRowGroup(event);
-
-        expect(eventHub.$emit).toHaveBeenCalledWith('toggleChildren', vm.group);
-      });
-
-      it('should navigate page to group homepage if group does not have any children present', done => {
-        const group = Object.assign({}, mockParentGroupItem);
-        group.childrenCount = 0;
-        const newVm = createComponent(group);
-        const visitUrl = spyOnDependency(groupItemComponent, 'visitUrl').and.stub();
-        spyOn(eventHub, '$emit');
-
-        newVm.onClickRowGroup(event);
-        setTimeout(() => {
-          expect(eventHub.$emit).not.toHaveBeenCalled();
-          expect(visitUrl).toHaveBeenCalledWith(newVm.group.relativePath);
-          done();
-        }, 0);
-      });
-    });
-  });
-
-  describe('template', () => {
-    let group = null;
-
-    describe('for a group pending deletion', () => {
-      beforeEach(() => {
-        group = { ...mockParentGroupItem, pendingRemoval: true };
-        vm = createComponent(group);
-      });
-
-      it('renders the group pending removal badge', () => {
-        const badgeEl = vm.$el.querySelector('.badge-warning');
-
-        expect(badgeEl).toBeDefined();
-        expect(badgeEl).toContainText('pending removal');
-      });
-    });
-
-    describe('for a group not scheduled for deletion', () => {
-      beforeEach(() => {
-        group = { ...mockParentGroupItem, pendingRemoval: false };
-        vm = createComponent(group);
-      });
-
-      it('does not render the group pending removal badge', () => {
-        const groupTextContainer = vm.$el.querySelector('.group-text-container');
-
-        expect(groupTextContainer).not.toContainText('pending removal');
-      });
-    });
-
-    it('should render component template correctly', () => {
-      const visibilityIconEl = vm.$el.querySelector('.item-visibility');
-
-      expect(vm.$el.getAttribute('id')).toBe('group-55');
-      expect(vm.$el.classList.contains('group-row')).toBeTruthy();
-
-      expect(vm.$el.querySelector('.group-row-contents')).toBeDefined();
-      expect(vm.$el.querySelector('.group-row-contents .controls')).toBeDefined();
-      expect(vm.$el.querySelector('.group-row-contents .stats')).toBeDefined();
-
-      expect(vm.$el.querySelector('.folder-toggle-wrap')).toBeDefined();
-      expect(vm.$el.querySelector('.folder-toggle-wrap .folder-caret')).toBeDefined();
-      expect(vm.$el.querySelector('.folder-toggle-wrap .item-type-icon')).toBeDefined();
-
-      expect(vm.$el.querySelector('.avatar-container')).toBeDefined();
-      expect(vm.$el.querySelector('.avatar-container a.no-expand')).toBeDefined();
-      expect(vm.$el.querySelector('.avatar-container .avatar')).toBeDefined();
-
-      expect(vm.$el.querySelector('.title')).toBeDefined();
-      expect(vm.$el.querySelector('.title a.no-expand')).toBeDefined();
-
-      expect(visibilityIconEl).not.toBe(null);
-      expect(visibilityIconEl.dataset.originalTitle).toBe(vm.visibilityTooltip);
-      expect(visibilityIconEl.querySelectorAll('svg').length).toBeGreaterThan(0);
-
-      expect(vm.$el.querySelector('.access-type')).toBeDefined();
-      expect(vm.$el.querySelector('.description')).toBeDefined();
-
-      expect(vm.$el.querySelector('.group-list-tree')).toBeDefined();
-    });
-  });
-});
diff --git a/spec/javascripts/groups/components/groups_spec.js b/spec/javascripts/groups/components/groups_spec.js
deleted file mode 100644
index 8423467742e..00000000000
--- a/spec/javascripts/groups/components/groups_spec.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import groupsComponent from '~/groups/components/groups.vue';
-import groupFolderComponent from '~/groups/components/group_folder.vue';
-import groupItemComponent from '~/groups/components/group_item.vue';
-import eventHub from '~/groups/event_hub';
-import { mockGroups, mockPageInfo } from '../mock_data';
-
-const createComponent = (searchEmpty = false) => {
-  const Component = Vue.extend(groupsComponent);
-
-  return mountComponent(Component, {
-    groups: mockGroups,
-    pageInfo: mockPageInfo,
-    searchEmptyMessage: 'No matching results',
-    searchEmpty,
-  });
-};
-
-describe('GroupsComponent', () => {
-  let vm;
-
-  beforeEach(done => {
-    Vue.component('group-folder', groupFolderComponent);
-    Vue.component('group-item', groupItemComponent);
-
-    vm = createComponent();
-
-    Vue.nextTick(() => {
-      done();
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('methods', () => {
-    describe('change', () => {
-      it('should emit `fetchPage` event when page is changed via pagination', () => {
-        spyOn(eventHub, '$emit').and.stub();
-
-        vm.change(2);
-
-        expect(eventHub.$emit).toHaveBeenCalledWith(
-          'fetchPage',
-          2,
-          jasmine.any(Object),
-          jasmine.any(Object),
-          jasmine.any(Object),
-        );
-      });
-    });
-  });
-
-  describe('template', () => {
-    it('should render component template correctly', done => {
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelector('.groups-list-tree-container')).toBeDefined();
-        expect(vm.$el.querySelector('.group-list-tree')).toBeDefined();
-        expect(vm.$el.querySelector('.gl-pagination')).toBeDefined();
-        expect(vm.$el.querySelectorAll('.has-no-search-results').length).toBe(0);
-        done();
-      });
-    });
-
-    it('should render empty search message when `searchEmpty` is `true`', done => {
-      vm.searchEmpty = true;
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelector('.has-no-search-results')).toBeDefined();
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/groups/components/item_actions_spec.js b/spec/javascripts/groups/components/item_actions_spec.js
deleted file mode 100644
index 9a9d6208eac..00000000000
--- a/spec/javascripts/groups/components/item_actions_spec.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import itemActionsComponent from '~/groups/components/item_actions.vue';
-import eventHub from '~/groups/event_hub';
-import { mockParentGroupItem, mockChildren } from '../mock_data';
-
-const createComponent = (group = mockParentGroupItem, parentGroup = mockChildren[0]) => {
-  const Component = Vue.extend(itemActionsComponent);
-
-  return mountComponent(Component, {
-    group,
-    parentGroup,
-  });
-};
-
-describe('ItemActionsComponent', () => {
-  let vm;
-
-  beforeEach(() => {
-    vm = createComponent();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('methods', () => {
-    describe('onLeaveGroup', () => {
-      it('emits `showLeaveGroupModal` event with `group` and `parentGroup` props', () => {
-        spyOn(eventHub, '$emit');
-        vm.onLeaveGroup();
-
-        expect(eventHub.$emit).toHaveBeenCalledWith(
-          'showLeaveGroupModal',
-          vm.group,
-          vm.parentGroup,
-        );
-      });
-    });
-  });
-
-  describe('template', () => {
-    it('should render component template correctly', () => {
-      expect(vm.$el.classList.contains('controls')).toBeTruthy();
-    });
-
-    it('should render Edit Group button with correct attribute values', () => {
-      const group = Object.assign({}, mockParentGroupItem);
-      group.canEdit = true;
-      const newVm = createComponent(group);
-
-      const editBtn = newVm.$el.querySelector('a.edit-group');
-
-      expect(editBtn).toBeDefined();
-      expect(editBtn.classList.contains('no-expand')).toBeTruthy();
-      expect(editBtn.getAttribute('href')).toBe(group.editPath);
-      expect(editBtn.getAttribute('aria-label')).toBe('Edit group');
-      expect(editBtn.dataset.originalTitle).toBe('Edit group');
-      expect(editBtn.querySelectorAll('svg use').length).not.toBe(0);
-      expect(editBtn.querySelector('svg use').getAttribute('xlink:href')).toContain('#settings');
-
-      newVm.$destroy();
-    });
-
-    it('should render Leave Group button with correct attribute values', () => {
-      const group = Object.assign({}, mockParentGroupItem);
-      group.canLeave = true;
-      const newVm = createComponent(group);
-
-      const leaveBtn = newVm.$el.querySelector('a.leave-group');
-
-      expect(leaveBtn).toBeDefined();
-      expect(leaveBtn.classList.contains('no-expand')).toBeTruthy();
-      expect(leaveBtn.getAttribute('href')).toBe(group.leavePath);
-      expect(leaveBtn.getAttribute('aria-label')).toBe('Leave this group');
-      expect(leaveBtn.dataset.originalTitle).toBe('Leave this group');
-      expect(leaveBtn.querySelectorAll('svg use').length).not.toBe(0);
-      expect(leaveBtn.querySelector('svg use').getAttribute('xlink:href')).toContain('#leave');
-
-      newVm.$destroy();
-    });
-  });
-});
diff --git a/spec/javascripts/groups/components/item_caret_spec.js b/spec/javascripts/groups/components/item_caret_spec.js
deleted file mode 100644
index 0eb56abbd61..00000000000
--- a/spec/javascripts/groups/components/item_caret_spec.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import itemCaretComponent from '~/groups/components/item_caret.vue';
-
-const createComponent = (isGroupOpen = false) => {
-  const Component = Vue.extend(itemCaretComponent);
-
-  return mountComponent(Component, {
-    isGroupOpen,
-  });
-};
-
-describe('ItemCaretComponent', () => {
-  describe('template', () => {
-    it('should render component template correctly', () => {
-      const vm = createComponent();
-
-      expect(vm.$el.classList.contains('folder-caret')).toBeTruthy();
-      expect(vm.$el.querySelectorAll('svg').length).toBe(1);
-      vm.$destroy();
-    });
-
-    it('should render caret down icon if `isGroupOpen` prop is `true`', () => {
-      const vm = createComponent(true);
-
-      expect(vm.$el.querySelector('svg use').getAttribute('xlink:href')).toContain('angle-down');
-      vm.$destroy();
-    });
-
-    it('should render caret right icon if `isGroupOpen` prop is `false`', () => {
-      const vm = createComponent();
-
-      expect(vm.$el.querySelector('svg use').getAttribute('xlink:href')).toContain('angle-right');
-      vm.$destroy();
-    });
-  });
-});
diff --git a/spec/javascripts/groups/components/item_stats_spec.js b/spec/javascripts/groups/components/item_stats_spec.js
deleted file mode 100644
index 13d17b87d76..00000000000
--- a/spec/javascripts/groups/components/item_stats_spec.js
+++ /dev/null
@@ -1,128 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import itemStatsComponent from '~/groups/components/item_stats.vue';
-import {
-  mockParentGroupItem,
-  ITEM_TYPE,
-  VISIBILITY_TYPE_ICON,
-  GROUP_VISIBILITY_TYPE,
-  PROJECT_VISIBILITY_TYPE,
-} from '../mock_data';
-
-const createComponent = (item = mockParentGroupItem) => {
-  const Component = Vue.extend(itemStatsComponent);
-
-  return mountComponent(Component, {
-    item,
-  });
-};
-
-describe('ItemStatsComponent', () => {
-  describe('computed', () => {
-    describe('visibilityIcon', () => {
-      it('should return icon class based on `item.visibility` value', () => {
-        Object.keys(VISIBILITY_TYPE_ICON).forEach(visibility => {
-          const item = Object.assign({}, mockParentGroupItem, { visibility });
-          const vm = createComponent(item);
-
-          expect(vm.visibilityIcon).toBe(VISIBILITY_TYPE_ICON[visibility]);
-          vm.$destroy();
-        });
-      });
-    });
-
-    describe('visibilityTooltip', () => {
-      it('should return tooltip string for Group based on `item.visibility` value', () => {
-        Object.keys(GROUP_VISIBILITY_TYPE).forEach(visibility => {
-          const item = Object.assign({}, mockParentGroupItem, {
-            visibility,
-            type: ITEM_TYPE.GROUP,
-          });
-          const vm = createComponent(item);
-
-          expect(vm.visibilityTooltip).toBe(GROUP_VISIBILITY_TYPE[visibility]);
-          vm.$destroy();
-        });
-      });
-
-      it('should return tooltip string for Project based on `item.visibility` value', () => {
-        Object.keys(PROJECT_VISIBILITY_TYPE).forEach(visibility => {
-          const item = Object.assign({}, mockParentGroupItem, {
-            visibility,
-            type: ITEM_TYPE.PROJECT,
-          });
-          const vm = createComponent(item);
-
-          expect(vm.visibilityTooltip).toBe(PROJECT_VISIBILITY_TYPE[visibility]);
-          vm.$destroy();
-        });
-      });
-    });
-
-    describe('isProject', () => {
-      it('should return boolean value representing whether `item.type` is Project or not', () => {
-        let item;
-        let vm;
-
-        item = Object.assign({}, mockParentGroupItem, { type: ITEM_TYPE.PROJECT });
-        vm = createComponent(item);
-
-        expect(vm.isProject).toBeTruthy();
-        vm.$destroy();
-
-        item = Object.assign({}, mockParentGroupItem, { type: ITEM_TYPE.GROUP });
-        vm = createComponent(item);
-
-        expect(vm.isProject).toBeFalsy();
-        vm.$destroy();
-      });
-    });
-
-    describe('isGroup', () => {
-      it('should return boolean value representing whether `item.type` is Group or not', () => {
-        let item;
-        let vm;
-
-        item = Object.assign({}, mockParentGroupItem, { type: ITEM_TYPE.GROUP });
-        vm = createComponent(item);
-
-        expect(vm.isGroup).toBeTruthy();
-        vm.$destroy();
-
-        item = Object.assign({}, mockParentGroupItem, { type: ITEM_TYPE.PROJECT });
-        vm = createComponent(item);
-
-        expect(vm.isGroup).toBeFalsy();
-        vm.$destroy();
-      });
-    });
-  });
-
-  describe('template', () => {
-    it('renders component container element correctly', () => {
-      const vm = createComponent();
-
-      expect(vm.$el.classList.contains('stats')).toBeTruthy();
-
-      vm.$destroy();
-    });
-
-    it('renders start count and last updated information for project item correctly', () => {
-      const item = Object.assign({}, mockParentGroupItem, {
-        type: ITEM_TYPE.PROJECT,
-        starCount: 4,
-      });
-      const vm = createComponent(item);
-
-      const projectStarIconEl = vm.$el.querySelector('.project-stars');
-
-      expect(projectStarIconEl).not.toBeNull();
-      expect(projectStarIconEl.querySelectorAll('svg').length).toBeGreaterThan(0);
-      expect(projectStarIconEl.querySelectorAll('.stat-value').length).toBeGreaterThan(0);
-      expect(vm.$el.querySelectorAll('.last-updated').length).toBeGreaterThan(0);
-
-      vm.$destroy();
-    });
-  });
-});
diff --git a/spec/javascripts/groups/components/item_stats_value_spec.js b/spec/javascripts/groups/components/item_stats_value_spec.js
deleted file mode 100644
index ff4e781ce1a..00000000000
--- a/spec/javascripts/groups/components/item_stats_value_spec.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import itemStatsValueComponent from '~/groups/components/item_stats_value.vue';
-
-const createComponent = ({ title, cssClass, iconName, tooltipPlacement, value }) => {
-  const Component = Vue.extend(itemStatsValueComponent);
-
-  return mountComponent(Component, {
-    title,
-    cssClass,
-    iconName,
-    tooltipPlacement,
-    value,
-  });
-};
-
-describe('ItemStatsValueComponent', () => {
-  describe('computed', () => {
-    let vm;
-    const itemConfig = {
-      title: 'Subgroups',
-      cssClass: 'number-subgroups',
-      iconName: 'folder',
-      tooltipPlacement: 'left',
-    };
-
-    describe('isValuePresent', () => {
-      it('returns true if non-empty `value` is present', () => {
-        vm = createComponent(Object.assign({}, itemConfig, { value: 10 }));
-
-        expect(vm.isValuePresent).toBeTruthy();
-      });
-
-      it('returns false if empty `value` is present', () => {
-        vm = createComponent(itemConfig);
-
-        expect(vm.isValuePresent).toBeFalsy();
-      });
-
-      afterEach(() => {
-        vm.$destroy();
-      });
-    });
-  });
-
-  describe('template', () => {
-    let vm;
-    beforeEach(() => {
-      vm = createComponent({
-        title: 'Subgroups',
-        cssClass: 'number-subgroups',
-        iconName: 'folder',
-        tooltipPlacement: 'left',
-        value: 10,
-      });
-    });
-
-    it('renders component element correctly', () => {
-      expect(vm.$el.classList.contains('number-subgroups')).toBeTruthy();
-      expect(vm.$el.querySelectorAll('svg').length).toBeGreaterThan(0);
-      expect(vm.$el.querySelectorAll('.stat-value').length).toBeGreaterThan(0);
-    });
-
-    it('renders element tooltip correctly', () => {
-      expect(vm.$el.dataset.originalTitle).toBe('Subgroups');
-      expect(vm.$el.dataset.placement).toBe('left');
-    });
-
-    it('renders element icon correctly', () => {
-      expect(vm.$el.querySelector('svg use').getAttribute('xlink:href')).toContain('folder');
-    });
-
-    it('renders value count correctly', () => {
-      expect(vm.$el.querySelector('.stat-value').innerText.trim()).toContain('10');
-    });
-
-    afterEach(() => {
-      vm.$destroy();
-    });
-  });
-});
diff --git a/spec/javascripts/groups/components/item_type_icon_spec.js b/spec/javascripts/groups/components/item_type_icon_spec.js
deleted file mode 100644
index 321712e54a6..00000000000
--- a/spec/javascripts/groups/components/item_type_icon_spec.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import itemTypeIconComponent from '~/groups/components/item_type_icon.vue';
-import { ITEM_TYPE } from '../mock_data';
-
-const createComponent = (itemType = ITEM_TYPE.GROUP, isGroupOpen = false) => {
-  const Component = Vue.extend(itemTypeIconComponent);
-
-  return mountComponent(Component, {
-    itemType,
-    isGroupOpen,
-  });
-};
-
-describe('ItemTypeIconComponent', () => {
-  describe('template', () => {
-    it('should render component template correctly', () => {
-      const vm = createComponent();
-      vm.$mount();
-
-      expect(vm.$el.classList.contains('item-type-icon')).toBeTruthy();
-      vm.$destroy();
-    });
-
-    it('should render folder open or close icon based `isGroupOpen` prop value', () => {
-      let vm;
-
-      vm = createComponent(ITEM_TYPE.GROUP, true);
-      vm.$mount();
-
-      expect(vm.$el.querySelector('use').getAttribute('xlink:href')).toContain('folder-open');
-      vm.$destroy();
-
-      vm = createComponent(ITEM_TYPE.GROUP);
-      vm.$mount();
-
-      expect(vm.$el.querySelector('use').getAttribute('xlink:href')).toContain('folder');
-      vm.$destroy();
-    });
-
-    it('should render bookmark icon based on `isProject` prop value', () => {
-      let vm;
-
-      vm = createComponent(ITEM_TYPE.PROJECT);
-      vm.$mount();
-
-      expect(vm.$el.querySelector('use').getAttribute('xlink:href')).toContain('bookmark');
-      vm.$destroy();
-
-      vm = createComponent(ITEM_TYPE.GROUP);
-      vm.$mount();
-
-      expect(vm.$el.querySelector('use').getAttribute('xlink:href')).not.toContain('bookmark');
-      vm.$destroy();
-    });
-  });
-});
diff --git a/spec/javascripts/groups/mock_data.js b/spec/javascripts/groups/mock_data.js
deleted file mode 100644
index 380dda9f7b1..00000000000
--- a/spec/javascripts/groups/mock_data.js
+++ /dev/null
@@ -1,398 +0,0 @@
-export const mockEndpoint = '/dashboard/groups.json';
-
-export const ITEM_TYPE = {
-  PROJECT: 'project',
-  GROUP: 'group',
-};
-
-export const GROUP_VISIBILITY_TYPE = {
-  public: 'Public - The group and any public projects can be viewed without any authentication.',
-  internal: 'Internal - The group and any internal projects can be viewed by any logged in user.',
-  private: 'Private - The group and its projects can only be viewed by members.',
-};
-
-export const PROJECT_VISIBILITY_TYPE = {
-  public: 'Public - The project can be accessed without any authentication.',
-  internal: 'Internal - The project can be accessed by any logged in user.',
-  private:
-    'Private - Project access must be granted explicitly to each user. If this project is part of a group, access will be granted to members of the group.',
-};
-
-export const VISIBILITY_TYPE_ICON = {
-  public: 'earth',
-  internal: 'shield',
-  private: 'lock',
-};
-
-export const mockParentGroupItem = {
-  id: 55,
-  name: 'hardware',
-  description: '',
-  visibility: 'public',
-  fullName: 'platform / hardware',
-  relativePath: '/platform/hardware',
-  canEdit: true,
-  type: 'group',
-  avatarUrl: null,
-  permission: 'Owner',
-  editPath: '/groups/platform/hardware/edit',
-  childrenCount: 3,
-  leavePath: '/groups/platform/hardware/group_members/leave',
-  parentId: 54,
-  memberCount: '1',
-  projectCount: 1,
-  subgroupCount: 2,
-  canLeave: false,
-  children: [],
-  isOpen: true,
-  isChildrenLoading: false,
-  isBeingRemoved: false,
-  updatedAt: '2017-04-09T18:40:39.101Z',
-};
-
-export const mockRawChildren = [
-  {
-    id: 57,
-    name: 'bsp',
-    description: '',
-    visibility: 'public',
-    full_name: 'platform / hardware / bsp',
-    relative_path: '/platform/hardware/bsp',
-    can_edit: true,
-    type: 'group',
-    avatar_url: null,
-    permission: 'Owner',
-    edit_path: '/groups/platform/hardware/bsp/edit',
-    children_count: 6,
-    leave_path: '/groups/platform/hardware/bsp/group_members/leave',
-    parent_id: 55,
-    number_users_with_delimiter: '1',
-    project_count: 4,
-    subgroup_count: 2,
-    can_leave: false,
-    children: [],
-    updated_at: '2017-04-09T18:40:39.101Z',
-  },
-];
-
-export const mockChildren = [
-  {
-    id: 57,
-    name: 'bsp',
-    description: '',
-    visibility: 'public',
-    fullName: 'platform / hardware / bsp',
-    relativePath: '/platform/hardware/bsp',
-    canEdit: true,
-    type: 'group',
-    avatarUrl: null,
-    permission: 'Owner',
-    editPath: '/groups/platform/hardware/bsp/edit',
-    childrenCount: 6,
-    leavePath: '/groups/platform/hardware/bsp/group_members/leave',
-    parentId: 55,
-    memberCount: '1',
-    projectCount: 4,
-    subgroupCount: 2,
-    canLeave: false,
-    children: [],
-    isOpen: true,
-    isChildrenLoading: false,
-    isBeingRemoved: false,
-    updatedAt: '2017-04-09T18:40:39.101Z',
-  },
-];
-
-export const mockGroups = [
-  {
-    id: 75,
-    name: 'test-group',
-    description: '',
-    visibility: 'public',
-    full_name: 'test-group',
-    relative_path: '/test-group',
-    can_edit: true,
-    type: 'group',
-    avatar_url: null,
-    permission: 'Owner',
-    edit_path: '/groups/test-group/edit',
-    children_count: 2,
-    leave_path: '/groups/test-group/group_members/leave',
-    parent_id: null,
-    number_users_with_delimiter: '1',
-    project_count: 2,
-    subgroup_count: 0,
-    can_leave: false,
-    updated_at: '2017-04-09T18:40:39.101Z',
-  },
-  {
-    id: 67,
-    name: 'open-source',
-    description: '',
-    visibility: 'private',
-    full_name: 'open-source',
-    relative_path: '/open-source',
-    can_edit: true,
-    type: 'group',
-    avatar_url: null,
-    permission: 'Owner',
-    edit_path: '/groups/open-source/edit',
-    children_count: 0,
-    leave_path: '/groups/open-source/group_members/leave',
-    parent_id: null,
-    number_users_with_delimiter: '1',
-    project_count: 0,
-    subgroup_count: 0,
-    can_leave: false,
-    updated_at: '2017-04-09T18:40:39.101Z',
-  },
-  {
-    id: 54,
-    name: 'platform',
-    description: '',
-    visibility: 'public',
-    full_name: 'platform',
-    relative_path: '/platform',
-    can_edit: true,
-    type: 'group',
-    avatar_url: null,
-    permission: 'Owner',
-    edit_path: '/groups/platform/edit',
-    children_count: 1,
-    leave_path: '/groups/platform/group_members/leave',
-    parent_id: null,
-    number_users_with_delimiter: '1',
-    project_count: 0,
-    subgroup_count: 1,
-    can_leave: false,
-    updated_at: '2017-04-09T18:40:39.101Z',
-  },
-  {
-    id: 5,
-    name: 'H5bp',
-    description: 'Minus dolor consequuntur qui nam recusandae quam incidunt.',
-    visibility: 'public',
-    full_name: 'H5bp',
-    relative_path: '/h5bp',
-    can_edit: true,
-    type: 'group',
-    avatar_url: null,
-    permission: 'Owner',
-    edit_path: '/groups/h5bp/edit',
-    children_count: 1,
-    leave_path: '/groups/h5bp/group_members/leave',
-    parent_id: null,
-    number_users_with_delimiter: '5',
-    project_count: 1,
-    subgroup_count: 0,
-    can_leave: false,
-    updated_at: '2017-04-09T18:40:39.101Z',
-  },
-  {
-    id: 4,
-    name: 'Twitter',
-    description: 'Deserunt hic nostrum placeat veniam.',
-    visibility: 'public',
-    full_name: 'Twitter',
-    relative_path: '/twitter',
-    can_edit: true,
-    type: 'group',
-    avatar_url: null,
-    permission: 'Owner',
-    edit_path: '/groups/twitter/edit',
-    children_count: 2,
-    leave_path: '/groups/twitter/group_members/leave',
-    parent_id: null,
-    number_users_with_delimiter: '5',
-    project_count: 2,
-    subgroup_count: 0,
-    can_leave: false,
-    updated_at: '2017-04-09T18:40:39.101Z',
-  },
-  {
-    id: 3,
-    name: 'Documentcloud',
-    description: 'Consequatur saepe totam ea pariatur maxime.',
-    visibility: 'public',
-    full_name: 'Documentcloud',
-    relative_path: '/documentcloud',
-    can_edit: true,
-    type: 'group',
-    avatar_url: null,
-    permission: 'Owner',
-    edit_path: '/groups/documentcloud/edit',
-    children_count: 1,
-    leave_path: '/groups/documentcloud/group_members/leave',
-    parent_id: null,
-    number_users_with_delimiter: '5',
-    project_count: 1,
-    subgroup_count: 0,
-    can_leave: false,
-    updated_at: '2017-04-09T18:40:39.101Z',
-  },
-  {
-    id: 2,
-    name: 'Gitlab Org',
-    description: 'Debitis ea quas aperiam velit doloremque ab.',
-    visibility: 'public',
-    full_name: 'Gitlab Org',
-    relative_path: '/gitlab-org',
-    can_edit: true,
-    type: 'group',
-    avatar_url: '/uploads/-/system/group/avatar/2/GitLab.png',
-    permission: 'Owner',
-    edit_path: '/groups/gitlab-org/edit',
-    children_count: 4,
-    leave_path: '/groups/gitlab-org/group_members/leave',
-    parent_id: null,
-    number_users_with_delimiter: '5',
-    project_count: 4,
-    subgroup_count: 0,
-    can_leave: false,
-    updated_at: '2017-04-09T18:40:39.101Z',
-  },
-];
-
-export const mockSearchedGroups = [
-  {
-    id: 55,
-    name: 'hardware',
-    description: '',
-    visibility: 'public',
-    full_name: 'platform / hardware',
-    relative_path: '/platform/hardware',
-    can_edit: true,
-    type: 'group',
-    avatar_url: null,
-    permission: 'Owner',
-    edit_path: '/groups/platform/hardware/edit',
-    children_count: 3,
-    leave_path: '/groups/platform/hardware/group_members/leave',
-    parent_id: 54,
-    number_users_with_delimiter: '1',
-    project_count: 1,
-    subgroup_count: 2,
-    can_leave: false,
-    updated_at: '2017-04-09T18:40:39.101Z',
-    children: [
-      {
-        id: 57,
-        name: 'bsp',
-        description: '',
-        visibility: 'public',
-        full_name: 'platform / hardware / bsp',
-        relative_path: '/platform/hardware/bsp',
-        can_edit: true,
-        type: 'group',
-        avatar_url: null,
-        permission: 'Owner',
-        edit_path: '/groups/platform/hardware/bsp/edit',
-        children_count: 6,
-        leave_path: '/groups/platform/hardware/bsp/group_members/leave',
-        parent_id: 55,
-        number_users_with_delimiter: '1',
-        project_count: 4,
-        subgroup_count: 2,
-        can_leave: false,
-        updated_at: '2017-04-09T18:40:39.101Z',
-        children: [
-          {
-            id: 60,
-            name: 'kernel',
-            description: '',
-            visibility: 'public',
-            full_name: 'platform / hardware / bsp / kernel',
-            relative_path: '/platform/hardware/bsp/kernel',
-            can_edit: true,
-            type: 'group',
-            avatar_url: null,
-            permission: 'Owner',
-            edit_path: '/groups/platform/hardware/bsp/kernel/edit',
-            children_count: 1,
-            leave_path: '/groups/platform/hardware/bsp/kernel/group_members/leave',
-            parent_id: 57,
-            number_users_with_delimiter: '1',
-            project_count: 0,
-            subgroup_count: 1,
-            can_leave: false,
-            updated_at: '2017-04-09T18:40:39.101Z',
-            children: [
-              {
-                id: 61,
-                name: 'common',
-                description: '',
-                visibility: 'public',
-                full_name: 'platform / hardware / bsp / kernel / common',
-                relative_path: '/platform/hardware/bsp/kernel/common',
-                can_edit: true,
-                type: 'group',
-                avatar_url: null,
-                permission: 'Owner',
-                edit_path: '/groups/platform/hardware/bsp/kernel/common/edit',
-                children_count: 2,
-                leave_path: '/groups/platform/hardware/bsp/kernel/common/group_members/leave',
-                parent_id: 60,
-                number_users_with_delimiter: '1',
-                project_count: 2,
-                subgroup_count: 0,
-                can_leave: false,
-                updated_at: '2017-04-09T18:40:39.101Z',
-                children: [
-                  {
-                    id: 17,
-                    name: 'v4.4',
-                    description:
-                      'Voluptatem qui ea error aperiam veritatis doloremque consequatur temporibus.',
-                    visibility: 'public',
-                    full_name: 'platform / hardware / bsp / kernel / common / v4.4',
-                    relative_path: '/platform/hardware/bsp/kernel/common/v4.4',
-                    can_edit: true,
-                    type: 'project',
-                    avatar_url: null,
-                    permission: null,
-                    edit_path: '/platform/hardware/bsp/kernel/common/v4.4/edit',
-                    star_count: 0,
-                    updated_at: '2017-09-12T06:37:04.925Z',
-                  },
-                  {
-                    id: 16,
-                    name: 'v4.1',
-                    description: 'Rerum expedita voluptatem doloribus neque ducimus ut hic.',
-                    visibility: 'public',
-                    full_name: 'platform / hardware / bsp / kernel / common / v4.1',
-                    relative_path: '/platform/hardware/bsp/kernel/common/v4.1',
-                    can_edit: true,
-                    type: 'project',
-                    avatar_url: null,
-                    permission: null,
-                    edit_path: '/platform/hardware/bsp/kernel/common/v4.1/edit',
-                    star_count: 0,
-                    updated_at: '2017-04-09T18:41:03.112Z',
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  },
-];
-
-export const mockRawPageInfo = {
-  'x-per-page': 10,
-  'x-page': 10,
-  'x-total': 10,
-  'x-total-pages': 10,
-  'x-next-page': 10,
-  'x-prev-page': 10,
-};
-
-export const mockPageInfo = {
-  perPage: 10,
-  page: 10,
-  total: 10,
-  totalPages: 10,
-  nextPage: 10,
-  prevPage: 10,
-};
diff --git a/spec/javascripts/groups/service/groups_service_spec.js b/spec/javascripts/groups/service/groups_service_spec.js
deleted file mode 100644
index 45db962a1ef..00000000000
--- a/spec/javascripts/groups/service/groups_service_spec.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import axios from '~/lib/utils/axios_utils';
-
-import GroupsService from '~/groups/service/groups_service';
-import { mockEndpoint, mockParentGroupItem } from '../mock_data';
-
-describe('GroupsService', () => {
-  let service;
-
-  beforeEach(() => {
-    service = new GroupsService(mockEndpoint);
-  });
-
-  describe('getGroups', () => {
-    it('should return promise for `GET` request on provided endpoint', () => {
-      spyOn(axios, 'get').and.stub();
-      const params = {
-        page: 2,
-        filter: 'git',
-        sort: 'created_asc',
-        archived: true,
-      };
-
-      service.getGroups(55, 2, 'git', 'created_asc', true);
-
-      expect(axios.get).toHaveBeenCalledWith(mockEndpoint, { params: { parent_id: 55 } });
-
-      service.getGroups(null, 2, 'git', 'created_asc', true);
-
-      expect(axios.get).toHaveBeenCalledWith(mockEndpoint, { params });
-    });
-  });
-
-  describe('leaveGroup', () => {
-    it('should return promise for `DELETE` request on provided endpoint', () => {
-      spyOn(axios, 'delete').and.stub();
-
-      service.leaveGroup(mockParentGroupItem.leavePath);
-
-      expect(axios.delete).toHaveBeenCalledWith(mockParentGroupItem.leavePath);
-    });
-  });
-});
diff --git a/spec/javascripts/groups/store/groups_store_spec.js b/spec/javascripts/groups/store/groups_store_spec.js
deleted file mode 100644
index 38de4b89f31..00000000000
--- a/spec/javascripts/groups/store/groups_store_spec.js
+++ /dev/null
@@ -1,123 +0,0 @@
-import GroupsStore from '~/groups/store/groups_store';
-import {
-  mockGroups,
-  mockSearchedGroups,
-  mockParentGroupItem,
-  mockRawChildren,
-  mockRawPageInfo,
-} from '../mock_data';
-
-describe('ProjectsStore', () => {
-  describe('constructor', () => {
-    it('should initialize default state', () => {
-      let store;
-
-      store = new GroupsStore();
-
-      expect(Object.keys(store.state).length).toBe(2);
-      expect(Array.isArray(store.state.groups)).toBeTruthy();
-      expect(Object.keys(store.state.pageInfo).length).toBe(0);
-      expect(store.hideProjects).not.toBeDefined();
-
-      store = new GroupsStore(true);
-
-      expect(store.hideProjects).toBeTruthy();
-    });
-  });
-
-  describe('setGroups', () => {
-    it('should set groups to state', () => {
-      const store = new GroupsStore();
-      spyOn(store, 'formatGroupItem').and.callThrough();
-
-      store.setGroups(mockGroups);
-
-      expect(store.state.groups.length).toBe(mockGroups.length);
-      expect(store.formatGroupItem).toHaveBeenCalledWith(jasmine.any(Object));
-      expect(Object.keys(store.state.groups[0]).indexOf('fullName')).toBeGreaterThan(-1);
-    });
-  });
-
-  describe('setSearchedGroups', () => {
-    it('should set searched groups to state', () => {
-      const store = new GroupsStore();
-      spyOn(store, 'formatGroupItem').and.callThrough();
-
-      store.setSearchedGroups(mockSearchedGroups);
-
-      expect(store.state.groups.length).toBe(mockSearchedGroups.length);
-      expect(store.formatGroupItem).toHaveBeenCalledWith(jasmine.any(Object));
-      expect(Object.keys(store.state.groups[0]).indexOf('fullName')).toBeGreaterThan(-1);
-      expect(Object.keys(store.state.groups[0].children[0]).indexOf('fullName')).toBeGreaterThan(
-        -1,
-      );
-    });
-  });
-
-  describe('setGroupChildren', () => {
-    it('should set children to group item in state', () => {
-      const store = new GroupsStore();
-      spyOn(store, 'formatGroupItem').and.callThrough();
-
-      store.setGroupChildren(mockParentGroupItem, mockRawChildren);
-
-      expect(store.formatGroupItem).toHaveBeenCalledWith(jasmine.any(Object));
-      expect(mockParentGroupItem.children.length).toBe(1);
-      expect(Object.keys(mockParentGroupItem.children[0]).indexOf('fullName')).toBeGreaterThan(-1);
-      expect(mockParentGroupItem.isOpen).toBeTruthy();
-      expect(mockParentGroupItem.isChildrenLoading).toBeFalsy();
-    });
-  });
-
-  describe('setPaginationInfo', () => {
-    it('should parse and set pagination info in state', () => {
-      const store = new GroupsStore();
-
-      store.setPaginationInfo(mockRawPageInfo);
-
-      expect(store.state.pageInfo.perPage).toBe(10);
-      expect(store.state.pageInfo.page).toBe(10);
-      expect(store.state.pageInfo.total).toBe(10);
-      expect(store.state.pageInfo.totalPages).toBe(10);
-      expect(store.state.pageInfo.nextPage).toBe(10);
-      expect(store.state.pageInfo.previousPage).toBe(10);
-    });
-  });
-
-  describe('formatGroupItem', () => {
-    it('should parse group item object and return updated object', () => {
-      let store;
-      let updatedGroupItem;
-
-      store = new GroupsStore();
-      updatedGroupItem = store.formatGroupItem(mockRawChildren[0]);
-
-      expect(Object.keys(updatedGroupItem).indexOf('fullName')).toBeGreaterThan(-1);
-      expect(updatedGroupItem.childrenCount).toBe(mockRawChildren[0].children_count);
-      expect(updatedGroupItem.isChildrenLoading).toBe(false);
-      expect(updatedGroupItem.isBeingRemoved).toBe(false);
-
-      store = new GroupsStore(true);
-      updatedGroupItem = store.formatGroupItem(mockRawChildren[0]);
-
-      expect(Object.keys(updatedGroupItem).indexOf('fullName')).toBeGreaterThan(-1);
-      expect(updatedGroupItem.childrenCount).toBe(mockRawChildren[0].subgroup_count);
-    });
-  });
-
-  describe('removeGroup', () => {
-    it('should remove children from group item in state', () => {
-      const store = new GroupsStore();
-      const rawParentGroup = Object.assign({}, mockGroups[0]);
-      const rawChildGroup = Object.assign({}, mockGroups[1]);
-
-      store.setGroups([rawParentGroup]);
-      store.setGroupChildren(store.state.groups[0], [rawChildGroup]);
-      const childItem = store.state.groups[0].children[0];
-
-      store.removeGroup(childItem, store.state.groups[0]);
-
-      expect(store.state.groups[0].children.length).toBe(0);
-    });
-  });
-});
diff --git a/spec/javascripts/helpers/filtered_search_spec_helper.js b/spec/javascripts/helpers/filtered_search_spec_helper.js
index ceb7982bbc3..de17518ea51 100644
--- a/spec/javascripts/helpers/filtered_search_spec_helper.js
+++ b/spec/javascripts/helpers/filtered_search_spec_helper.js
@@ -1,69 +1 @@
-export default class FilteredSearchSpecHelper {
-  static createFilterVisualTokenHTML(name, operator, value, isSelected) {
-    return FilteredSearchSpecHelper.createFilterVisualToken(name, operator, value, isSelected)
-      .outerHTML;
-  }
-
-  static createFilterVisualToken(name, operator, value, isSelected = false) {
-    const li = document.createElement('li');
-    li.classList.add('js-visual-token', 'filtered-search-token', `search-token-${name}`);
-
-    li.innerHTML = `
-      <div class="selectable ${isSelected ? 'selected' : ''}" role="button">
-        <div class="name">${name}</div>
-        <div class="operator">${operator}</div>
-        <div class="value-container">
-          <div class="value">${value}</div>
-          <div class="remove-token" role="button">
-            <i class="fa fa-close"></i>
-          </div>
-        </div>
-      </div>
-    `;
-
-    return li;
-  }
-
-  static createNameFilterVisualTokenHTML(name) {
-    return `
-      <li class="js-visual-token filtered-search-token">
-        <div class="name">${name}</div>
-      </li>
-    `;
-  }
-
-  static createNameOperatorFilterVisualTokenHTML(name, operator) {
-    return `
-      <li class="js-visual-token filtered-search-token">
-        <div class="name">${name}</div>
-        <div class="operator">${operator}</div>
-      </li>
-    `;
-  }
-
-  static createSearchVisualToken(name) {
-    const li = document.createElement('li');
-    li.classList.add('js-visual-token', 'filtered-search-term');
-    li.innerHTML = `<div class="name">${name}</div>`;
-    return li;
-  }
-
-  static createSearchVisualTokenHTML(name) {
-    return FilteredSearchSpecHelper.createSearchVisualToken(name).outerHTML;
-  }
-
-  static createInputHTML(placeholder = '', value = '') {
-    return `
-      <li class="input-token">
-        <input type='text' class='filtered-search' placeholder='${placeholder}' value='${value}'/>
-      </li>
-    `;
-  }
-
-  static createTokensContainerHTML(html, inputPlaceholder) {
-    return `
-      ${html}
-      ${FilteredSearchSpecHelper.createInputHTML(inputPlaceholder)}
-    `;
-  }
-}
+export { default } from '../../frontend/helpers/filtered_search_spec_helper';
diff --git a/spec/javascripts/helpers/init_vue_mr_page_helper.js b/spec/javascripts/helpers/init_vue_mr_page_helper.js
index 04f969fcd2d..1ba08199764 100644
--- a/spec/javascripts/helpers/init_vue_mr_page_helper.js
+++ b/spec/javascripts/helpers/init_vue_mr_page_helper.js
@@ -2,7 +2,7 @@ import MockAdapter from 'axios-mock-adapter';
 import initMRPage from '~/mr_notes/index';
 import axios from '~/lib/utils/axios_utils';
 import { userDataMock, notesDataMock, noteableDataMock } from '../../frontend/notes/mock_data';
-import diffFileMockData from '../diffs/mock_data/diff_file';
+import diffFileMockData from '../../frontend/diffs/mock_data/diff_file';
 
 export default function initVueMRPage() {
   const mrTestEl = document.createElement('div');
diff --git a/spec/javascripts/helpers/vue_mount_component_helper.js b/spec/javascripts/helpers/vue_mount_component_helper.js
index 6848c95d95d..c1857115b61 100644
--- a/spec/javascripts/helpers/vue_mount_component_helper.js
+++ b/spec/javascripts/helpers/vue_mount_component_helper.js
@@ -1,38 +1,2 @@
-import Vue from 'vue';
-
-const mountComponent = (Component, props = {}, el = null) =>
-  new Component({
-    propsData: props,
-  }).$mount(el);
-
-export const createComponentWithStore = (Component, store, propsData = {}) =>
-  new Component({
-    store,
-    propsData,
-  });
-
-export const mountComponentWithStore = (Component, { el, props, store }) =>
-  new Component({
-    store,
-    propsData: props || {},
-  }).$mount(el);
-
-export const mountComponentWithSlots = (Component, { props, slots }) => {
-  const component = new Component({
-    propsData: props || {},
-  });
-
-  component.$slots = slots;
-
-  return component.$mount();
-};
-
-/**
- * Mount a component with the given render method.
- *
- * This helps with inserting slots that need to be compiled.
- */
-export const mountComponentWithRender = (render, el = null) =>
-  mountComponent(Vue.extend({ render }), {}, el);
-
-export default mountComponent;
+export { default } from '../../frontend/helpers/vue_mount_component_helper';
+export * from '../../frontend/helpers/vue_mount_component_helper';
diff --git a/spec/javascripts/ide/components/activity_bar_spec.js b/spec/javascripts/ide/components/activity_bar_spec.js
deleted file mode 100644
index 823ca29dab9..00000000000
--- a/spec/javascripts/ide/components/activity_bar_spec.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import Vue from 'vue';
-import store from '~/ide/stores';
-import { leftSidebarViews } from '~/ide/constants';
-import ActivityBar from '~/ide/components/activity_bar.vue';
-import { createComponentWithStore } from '../../helpers/vue_mount_component_helper';
-import { resetStore } from '../helpers';
-
-describe('IDE activity bar', () => {
-  const Component = Vue.extend(ActivityBar);
-  let vm;
-
-  beforeEach(() => {
-    Vue.set(store.state.projects, 'abcproject', {
-      web_url: 'testing',
-    });
-    Vue.set(store.state, 'currentProjectId', 'abcproject');
-
-    vm = createComponentWithStore(Component, store);
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-
-    resetStore(vm.$store);
-  });
-
-  describe('updateActivityBarView', () => {
-    beforeEach(() => {
-      spyOn(vm, 'updateActivityBarView');
-
-      vm.$mount();
-    });
-
-    it('calls updateActivityBarView with edit value on click', () => {
-      vm.$el.querySelector('.js-ide-edit-mode').click();
-
-      expect(vm.updateActivityBarView).toHaveBeenCalledWith(leftSidebarViews.edit.name);
-    });
-
-    it('calls updateActivityBarView with commit value on click', () => {
-      vm.$el.querySelector('.js-ide-commit-mode').click();
-
-      expect(vm.updateActivityBarView).toHaveBeenCalledWith(leftSidebarViews.commit.name);
-    });
-
-    it('calls updateActivityBarView with review value on click', () => {
-      vm.$el.querySelector('.js-ide-review-mode').click();
-
-      expect(vm.updateActivityBarView).toHaveBeenCalledWith(leftSidebarViews.review.name);
-    });
-  });
-
-  describe('active item', () => {
-    beforeEach(() => {
-      vm.$mount();
-    });
-
-    it('sets edit item active', () => {
-      expect(vm.$el.querySelector('.js-ide-edit-mode').classList).toContain('active');
-    });
-
-    it('sets commit item active', done => {
-      vm.$store.state.currentActivityView = leftSidebarViews.commit.name;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.js-ide-commit-mode').classList).toContain('active');
-
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/commit_sidebar/radio_group_spec.js b/spec/javascripts/ide/components/commit_sidebar/radio_group_spec.js
deleted file mode 100644
index b30f0e6822b..00000000000
--- a/spec/javascripts/ide/components/commit_sidebar/radio_group_spec.js
+++ /dev/null
@@ -1,139 +0,0 @@
-import Vue from 'vue';
-import { createComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import { resetStore } from 'spec/ide/helpers';
-import store from '~/ide/stores';
-import radioGroup from '~/ide/components/commit_sidebar/radio_group.vue';
-
-describe('IDE commit sidebar radio group', () => {
-  let vm;
-
-  beforeEach(done => {
-    const Component = Vue.extend(radioGroup);
-
-    store.state.commit.commitAction = '2';
-
-    vm = createComponentWithStore(Component, store, {
-      value: '1',
-      label: 'test',
-      checked: true,
-    });
-
-    vm.$mount();
-
-    Vue.nextTick(done);
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-
-    resetStore(vm.$store);
-  });
-
-  it('uses label if present', () => {
-    expect(vm.$el.textContent).toContain('test');
-  });
-
-  it('uses slot if label is not present', done => {
-    vm.$destroy();
-
-    vm = new Vue({
-      components: {
-        radioGroup,
-      },
-      store,
-      template: `
-        <radio-group
-          value="1"
-        >
-          Testing slot
-        </radio-group>
-      `,
-    });
-
-    vm.$mount();
-
-    Vue.nextTick(() => {
-      expect(vm.$el.textContent).toContain('Testing slot');
-
-      done();
-    });
-  });
-
-  it('updates store when changing radio button', done => {
-    vm.$el.querySelector('input').dispatchEvent(new Event('change'));
-
-    Vue.nextTick(() => {
-      expect(store.state.commit.commitAction).toBe('1');
-
-      done();
-    });
-  });
-
-  describe('with input', () => {
-    beforeEach(done => {
-      vm.$destroy();
-
-      const Component = Vue.extend(radioGroup);
-
-      store.state.commit.commitAction = '1';
-      store.state.commit.newBranchName = 'test-123';
-
-      vm = createComponentWithStore(Component, store, {
-        value: '1',
-        label: 'test',
-        checked: true,
-        showInput: true,
-      });
-
-      vm.$mount();
-
-      Vue.nextTick(done);
-    });
-
-    it('renders input box when commitAction matches value', () => {
-      expect(vm.$el.querySelector('.form-control')).not.toBeNull();
-    });
-
-    it('hides input when commitAction doesnt match value', done => {
-      store.state.commit.commitAction = '2';
-
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelector('.form-control')).toBeNull();
-        done();
-      });
-    });
-
-    it('updates branch name in store on input', done => {
-      const input = vm.$el.querySelector('.form-control');
-      input.value = 'testing-123';
-      input.dispatchEvent(new Event('input'));
-
-      Vue.nextTick(() => {
-        expect(store.state.commit.newBranchName).toBe('testing-123');
-
-        done();
-      });
-    });
-
-    it('renders newBranchName if present', () => {
-      const input = vm.$el.querySelector('.form-control');
-
-      expect(input.value).toBe('test-123');
-    });
-  });
-
-  describe('tooltipTitle', () => {
-    it('returns title when disabled', () => {
-      vm.title = 'test title';
-      vm.disabled = true;
-
-      expect(vm.tooltipTitle).toBe('test title');
-    });
-
-    it('returns blank when not disabled', () => {
-      vm.title = 'test title';
-
-      expect(vm.tooltipTitle).not.toBe('test title');
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/file_row_extra_spec.js b/spec/javascripts/ide/components/file_row_extra_spec.js
deleted file mode 100644
index 9fd014b50ef..00000000000
--- a/spec/javascripts/ide/components/file_row_extra_spec.js
+++ /dev/null
@@ -1,170 +0,0 @@
-import Vue from 'vue';
-import { createComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import { createStore } from '~/ide/stores';
-import FileRowExtra from '~/ide/components/file_row_extra.vue';
-import { file, resetStore } from '../helpers';
-
-describe('IDE extra file row component', () => {
-  let Component;
-  let vm;
-  let unstagedFilesCount = 0;
-  let stagedFilesCount = 0;
-  let changesCount = 0;
-
-  beforeAll(() => {
-    Component = Vue.extend(FileRowExtra);
-  });
-
-  beforeEach(() => {
-    vm = createComponentWithStore(Component, createStore(), {
-      file: {
-        ...file('test'),
-      },
-      dropdownOpen: false,
-    });
-
-    spyOnProperty(vm, 'getUnstagedFilesCountForPath').and.returnValue(() => unstagedFilesCount);
-    spyOnProperty(vm, 'getStagedFilesCountForPath').and.returnValue(() => stagedFilesCount);
-    spyOnProperty(vm, 'getChangesInFolder').and.returnValue(() => changesCount);
-
-    vm.$mount();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-    resetStore(vm.$store);
-
-    stagedFilesCount = 0;
-    unstagedFilesCount = 0;
-    changesCount = 0;
-  });
-
-  describe('folderChangesTooltip', () => {
-    it('returns undefined when changes count is 0', () => {
-      changesCount = 0;
-
-      expect(vm.folderChangesTooltip).toBe(undefined);
-    });
-
-    [{ input: 1, output: '1 changed file' }, { input: 2, output: '2 changed files' }].forEach(
-      ({ input, output }) => {
-        it('returns changed files count if changes count is not 0', () => {
-          changesCount = input;
-
-          expect(vm.folderChangesTooltip).toBe(output);
-        });
-      },
-    );
-  });
-
-  describe('show tree changes count', () => {
-    it('does not show for blobs', () => {
-      vm.file.type = 'blob';
-
-      expect(vm.$el.querySelector('.ide-tree-changes')).toBe(null);
-    });
-
-    it('does not show when changes count is 0', () => {
-      vm.file.type = 'tree';
-
-      expect(vm.$el.querySelector('.ide-tree-changes')).toBe(null);
-    });
-
-    it('does not show when tree is open', done => {
-      vm.file.type = 'tree';
-      vm.file.opened = true;
-      changesCount = 1;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.ide-tree-changes')).toBe(null);
-
-        done();
-      });
-    });
-
-    it('shows for trees with changes', done => {
-      vm.file.type = 'tree';
-      vm.file.opened = false;
-      changesCount = 1;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.ide-tree-changes')).not.toBe(null);
-
-        done();
-      });
-    });
-  });
-
-  describe('changes file icon', () => {
-    it('hides when file is not changed', () => {
-      expect(vm.$el.querySelector('.file-changed-icon')).toBe(null);
-    });
-
-    it('shows when file is changed', done => {
-      vm.file.changed = true;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.file-changed-icon')).not.toBe(null);
-
-        done();
-      });
-    });
-
-    it('shows when file is staged', done => {
-      vm.file.staged = true;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.file-changed-icon')).not.toBe(null);
-
-        done();
-      });
-    });
-
-    it('shows when file is a tempFile', done => {
-      vm.file.tempFile = true;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.file-changed-icon')).not.toBe(null);
-
-        done();
-      });
-    });
-
-    it('shows when file is renamed', done => {
-      vm.file.prevPath = 'original-file';
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.file-changed-icon')).not.toBe(null);
-
-        done();
-      });
-    });
-
-    it('hides when file is renamed', done => {
-      vm.file.prevPath = 'original-file';
-      vm.file.type = 'tree';
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.file-changed-icon')).toBe(null);
-
-        done();
-      });
-    });
-  });
-
-  describe('merge request icon', () => {
-    it('hides when not a merge request change', () => {
-      expect(vm.$el.querySelector('.ic-git-merge')).toBe(null);
-    });
-
-    it('shows when a merge request change', done => {
-      vm.file.mrChange = true;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.ic-git-merge')).not.toBe(null);
-
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/file_templates/bar_spec.js b/spec/javascripts/ide/components/file_templates/bar_spec.js
deleted file mode 100644
index 5399ada94ae..00000000000
--- a/spec/javascripts/ide/components/file_templates/bar_spec.js
+++ /dev/null
@@ -1,117 +0,0 @@
-import Vue from 'vue';
-import { mountComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import { createStore } from '~/ide/stores';
-import Bar from '~/ide/components/file_templates/bar.vue';
-import { resetStore, file } from '../../helpers';
-
-describe('IDE file templates bar component', () => {
-  let Component;
-  let vm;
-
-  beforeAll(() => {
-    Component = Vue.extend(Bar);
-  });
-
-  beforeEach(() => {
-    const store = createStore();
-
-    store.state.openFiles.push({
-      ...file('file'),
-      opened: true,
-      active: true,
-    });
-
-    vm = mountComponentWithStore(Component, { store });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-    resetStore(vm.$store);
-  });
-
-  describe('template type dropdown', () => {
-    it('renders dropdown component', () => {
-      expect(vm.$el.querySelector('.dropdown').textContent).toContain('Choose a type');
-    });
-
-    it('calls setSelectedTemplateType when clicking item', () => {
-      spyOn(vm, 'setSelectedTemplateType').and.stub();
-
-      vm.$el.querySelector('.dropdown-content button').click();
-
-      expect(vm.setSelectedTemplateType).toHaveBeenCalledWith({
-        name: '.gitlab-ci.yml',
-        key: 'gitlab_ci_ymls',
-      });
-    });
-  });
-
-  describe('template dropdown', () => {
-    beforeEach(done => {
-      vm.$store.state.fileTemplates.templates = [
-        {
-          name: 'test',
-        },
-      ];
-      vm.$store.state.fileTemplates.selectedTemplateType = {
-        name: '.gitlab-ci.yml',
-        key: 'gitlab_ci_ymls',
-      };
-
-      vm.$nextTick(done);
-    });
-
-    it('renders dropdown component', () => {
-      expect(vm.$el.querySelectorAll('.dropdown')[1].textContent).toContain('Choose a template');
-    });
-
-    it('calls fetchTemplate on click', () => {
-      spyOn(vm, 'fetchTemplate').and.stub();
-
-      vm.$el
-        .querySelectorAll('.dropdown-content')[1]
-        .querySelector('button')
-        .click();
-
-      expect(vm.fetchTemplate).toHaveBeenCalledWith({
-        name: 'test',
-      });
-    });
-  });
-
-  it('shows undo button if updateSuccess is true', done => {
-    vm.$store.state.fileTemplates.updateSuccess = true;
-
-    vm.$nextTick(() => {
-      expect(vm.$el.querySelector('.btn-default').style.display).not.toBe('none');
-
-      done();
-    });
-  });
-
-  it('calls undoFileTemplate when clicking undo button', () => {
-    spyOn(vm, 'undoFileTemplate').and.stub();
-
-    vm.$el.querySelector('.btn-default').click();
-
-    expect(vm.undoFileTemplate).toHaveBeenCalled();
-  });
-
-  it('calls setSelectedTemplateType if activeFile name matches a template', done => {
-    const fileName = '.gitlab-ci.yml';
-
-    spyOn(vm, 'setSelectedTemplateType');
-    vm.$store.state.openFiles[0].name = fileName;
-
-    vm.setInitialType();
-
-    vm.$nextTick(() => {
-      expect(vm.setSelectedTemplateType).toHaveBeenCalledWith({
-        name: fileName,
-        key: 'gitlab_ci_ymls',
-      });
-
-      done();
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/ide_review_spec.js b/spec/javascripts/ide/components/ide_review_spec.js
deleted file mode 100644
index 396c5d282d4..00000000000
--- a/spec/javascripts/ide/components/ide_review_spec.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import Vue from 'vue';
-import IdeReview from '~/ide/components/ide_review.vue';
-import store from '~/ide/stores';
-import { createComponentWithStore } from '../../helpers/vue_mount_component_helper';
-import { trimText } from '../../helpers/text_helper';
-import { resetStore, file } from '../helpers';
-import { projectData } from '../mock_data';
-
-describe('IDE review mode', () => {
-  const Component = Vue.extend(IdeReview);
-  let vm;
-
-  beforeEach(() => {
-    store.state.currentProjectId = 'abcproject';
-    store.state.currentBranchId = 'master';
-    store.state.projects.abcproject = Object.assign({}, projectData);
-    Vue.set(store.state.trees, 'abcproject/master', {
-      tree: [file('fileName')],
-      loading: false,
-    });
-
-    vm = createComponentWithStore(Component, store).$mount();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-
-    resetStore(vm.$store);
-  });
-
-  it('renders list of files', () => {
-    expect(vm.$el.textContent).toContain('fileName');
-  });
-
-  describe('merge request', () => {
-    beforeEach(done => {
-      store.state.currentMergeRequestId = '1';
-      store.state.projects.abcproject.mergeRequests['1'] = {
-        iid: 123,
-        web_url: 'testing123',
-      };
-
-      vm.$nextTick(done);
-    });
-
-    it('renders edit dropdown', () => {
-      expect(vm.$el.querySelector('.btn')).not.toBe(null);
-    });
-
-    it('renders merge request link & IID', () => {
-      const link = vm.$el.querySelector('.ide-review-sub-header');
-
-      expect(link.querySelector('a').getAttribute('href')).toBe('testing123');
-      expect(trimText(link.textContent)).toBe('Merge request (!123)');
-    });
-
-    it('changes text to latest changes when viewer is not mrdiff', done => {
-      store.state.viewer = 'diff';
-
-      vm.$nextTick(() => {
-        expect(trimText(vm.$el.querySelector('.ide-review-sub-header').textContent)).toBe(
-          'Latest changes',
-        );
-
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/ide_side_bar_spec.js b/spec/javascripts/ide/components/ide_side_bar_spec.js
deleted file mode 100644
index 28f127a61c0..00000000000
--- a/spec/javascripts/ide/components/ide_side_bar_spec.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import Vue from 'vue';
-import { createComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import store from '~/ide/stores';
-import ideSidebar from '~/ide/components/ide_side_bar.vue';
-import { leftSidebarViews } from '~/ide/constants';
-import { resetStore } from '../helpers';
-import { projectData } from '../mock_data';
-
-describe('IdeSidebar', () => {
-  let vm;
-
-  beforeEach(() => {
-    const Component = Vue.extend(ideSidebar);
-
-    store.state.currentProjectId = 'abcproject';
-    store.state.projects.abcproject = projectData;
-
-    vm = createComponentWithStore(Component, store).$mount();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-
-    resetStore(vm.$store);
-  });
-
-  it('renders a sidebar', () => {
-    expect(vm.$el.querySelector('.multi-file-commit-panel-inner')).not.toBeNull();
-  });
-
-  it('renders loading icon component', done => {
-    vm.$store.state.loading = true;
-
-    vm.$nextTick(() => {
-      expect(vm.$el.querySelector('.multi-file-loading-container')).not.toBeNull();
-      expect(vm.$el.querySelectorAll('.multi-file-loading-container').length).toBe(3);
-
-      done();
-    });
-  });
-
-  describe('activityBarComponent', () => {
-    it('renders tree component', () => {
-      expect(vm.$el.querySelector('.ide-file-list')).not.toBeNull();
-    });
-
-    it('renders commit component', done => {
-      vm.$store.state.currentActivityView = leftSidebarViews.commit.name;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.multi-file-commit-panel-section')).not.toBeNull();
-
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/ide_spec.js b/spec/javascripts/ide/components/ide_spec.js
deleted file mode 100644
index 4241b994cba..00000000000
--- a/spec/javascripts/ide/components/ide_spec.js
+++ /dev/null
@@ -1,125 +0,0 @@
-import Vue from 'vue';
-import { createComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import store from '~/ide/stores';
-import ide from '~/ide/components/ide.vue';
-import { file, resetStore } from '../helpers';
-import { projectData } from '../mock_data';
-
-function bootstrap(projData) {
-  const Component = Vue.extend(ide);
-
-  store.state.currentProjectId = 'abcproject';
-  store.state.currentBranchId = 'master';
-  store.state.projects.abcproject = Object.assign({}, projData);
-  Vue.set(store.state.trees, 'abcproject/master', {
-    tree: [],
-    loading: false,
-  });
-
-  return createComponentWithStore(Component, store, {
-    emptyStateSvgPath: 'svg',
-    noChangesStateSvgPath: 'svg',
-    committedStateSvgPath: 'svg',
-  });
-}
-
-describe('ide component, empty repo', () => {
-  let vm;
-
-  beforeEach(() => {
-    const emptyProjData = Object.assign({}, projectData, { empty_repo: true, branches: {} });
-    vm = bootstrap(emptyProjData);
-    vm.$mount();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-
-    resetStore(vm.$store);
-  });
-
-  it('renders "New file" button in empty repo', done => {
-    vm.$nextTick(() => {
-      expect(vm.$el.querySelector('.ide-empty-state button[title="New file"]')).not.toBeNull();
-      done();
-    });
-  });
-});
-
-describe('ide component, non-empty repo', () => {
-  let vm;
-
-  beforeEach(() => {
-    vm = bootstrap(projectData);
-    vm.$mount();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-
-    resetStore(vm.$store);
-  });
-
-  it('shows error message when set', done => {
-    expect(vm.$el.querySelector('.gl-alert')).toBe(null);
-
-    vm.$store.state.errorMessage = {
-      text: 'error',
-    };
-
-    vm.$nextTick(() => {
-      expect(vm.$el.querySelector('.gl-alert')).not.toBe(null);
-
-      done();
-    });
-  });
-
-  describe('onBeforeUnload', () => {
-    it('returns undefined when no staged files or changed files', () => {
-      expect(vm.onBeforeUnload()).toBe(undefined);
-    });
-
-    it('returns warning text when their are changed files', () => {
-      vm.$store.state.changedFiles.push(file());
-
-      expect(vm.onBeforeUnload()).toBe('Are you sure you want to lose unsaved changes?');
-    });
-
-    it('returns warning text when their are staged files', () => {
-      vm.$store.state.stagedFiles.push(file());
-
-      expect(vm.onBeforeUnload()).toBe('Are you sure you want to lose unsaved changes?');
-    });
-
-    it('updates event object', () => {
-      const event = {};
-      vm.$store.state.stagedFiles.push(file());
-
-      vm.onBeforeUnload(event);
-
-      expect(event.returnValue).toBe('Are you sure you want to lose unsaved changes?');
-    });
-  });
-
-  describe('non-existent branch', () => {
-    it('does not render "New file" button for non-existent branch when repo is not empty', done => {
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.ide-empty-state button[title="New file"]')).toBeNull();
-        done();
-      });
-    });
-  });
-
-  describe('branch with files', () => {
-    beforeEach(() => {
-      store.state.trees['abcproject/master'].tree = [file()];
-    });
-
-    it('does not render "New file" button', done => {
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.ide-empty-state button[title="New file"]')).toBeNull();
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/ide_status_bar_spec.js b/spec/javascripts/ide/components/ide_status_bar_spec.js
deleted file mode 100644
index 3facf1c266a..00000000000
--- a/spec/javascripts/ide/components/ide_status_bar_spec.js
+++ /dev/null
@@ -1,129 +0,0 @@
-import Vue from 'vue';
-import _ from 'lodash';
-import { createComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import { TEST_HOST } from 'spec/test_constants';
-import { createStore } from '~/ide/stores';
-import IdeStatusBar from '~/ide/components/ide_status_bar.vue';
-import { rightSidebarViews } from '~/ide/constants';
-import { projectData } from '../mock_data';
-
-const TEST_PROJECT_ID = 'abcproject';
-const TEST_MERGE_REQUEST_ID = '9001';
-const TEST_MERGE_REQUEST_URL = `${TEST_HOST}merge-requests/${TEST_MERGE_REQUEST_ID}`;
-
-describe('ideStatusBar', () => {
-  let store;
-  let vm;
-
-  const createComponent = () => {
-    vm = createComponentWithStore(Vue.extend(IdeStatusBar), store).$mount();
-  };
-  const findMRStatus = () => vm.$el.querySelector('.js-ide-status-mr');
-
-  beforeEach(() => {
-    store = createStore();
-    store.state.currentProjectId = TEST_PROJECT_ID;
-    store.state.projects[TEST_PROJECT_ID] = _.clone(projectData);
-    store.state.currentBranchId = 'master';
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('default', () => {
-    beforeEach(() => {
-      createComponent();
-    });
-
-    it('triggers a setInterval', () => {
-      expect(vm.intervalId).not.toBe(null);
-    });
-
-    it('renders the statusbar', () => {
-      expect(vm.$el.className).toBe('ide-status-bar');
-    });
-
-    describe('commitAgeUpdate', () => {
-      beforeEach(function() {
-        jasmine.clock().install();
-        spyOn(vm, 'commitAgeUpdate').and.callFake(() => {});
-        vm.startTimer();
-      });
-
-      afterEach(function() {
-        jasmine.clock().uninstall();
-      });
-
-      it('gets called every second', () => {
-        expect(vm.commitAgeUpdate).not.toHaveBeenCalled();
-
-        jasmine.clock().tick(1100);
-
-        expect(vm.commitAgeUpdate.calls.count()).toEqual(1);
-
-        jasmine.clock().tick(1000);
-
-        expect(vm.commitAgeUpdate.calls.count()).toEqual(2);
-      });
-    });
-
-    describe('getCommitPath', () => {
-      it('returns the path to the commit details', () => {
-        expect(vm.getCommitPath('abc123de')).toBe('/commit/abc123de');
-      });
-    });
-
-    describe('pipeline status', () => {
-      it('opens right sidebar on clicking icon', done => {
-        spyOn(vm, 'openRightPane');
-        Vue.set(vm.$store.state.pipelines, 'latestPipeline', {
-          details: {
-            status: {
-              text: 'success',
-              details_path: 'test',
-              icon: 'status_success',
-            },
-          },
-          commit: {
-            author_gravatar_url: 'www',
-          },
-        });
-
-        vm.$nextTick()
-          .then(() => {
-            vm.$el.querySelector('.ide-status-pipeline button').click();
-
-            expect(vm.openRightPane).toHaveBeenCalledWith(rightSidebarViews.pipelines);
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-    });
-
-    it('does not show merge request status', () => {
-      expect(findMRStatus()).toBe(null);
-    });
-  });
-
-  describe('with merge request in store', () => {
-    beforeEach(() => {
-      store.state.projects[TEST_PROJECT_ID].mergeRequests = {
-        [TEST_MERGE_REQUEST_ID]: {
-          web_url: TEST_MERGE_REQUEST_URL,
-          references: {
-            short: `!${TEST_MERGE_REQUEST_ID}`,
-          },
-        },
-      };
-      store.state.currentMergeRequestId = TEST_MERGE_REQUEST_ID;
-
-      createComponent();
-    });
-
-    it('shows merge request status', () => {
-      expect(findMRStatus().textContent.trim()).toEqual(`Merge request !${TEST_MERGE_REQUEST_ID}`);
-      expect(findMRStatus().querySelector('a').href).toEqual(TEST_MERGE_REQUEST_URL);
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/ide_tree_list_spec.js b/spec/javascripts/ide/components/ide_tree_list_spec.js
deleted file mode 100644
index f63007c7dd2..00000000000
--- a/spec/javascripts/ide/components/ide_tree_list_spec.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import Vue from 'vue';
-import IdeTreeList from '~/ide/components/ide_tree_list.vue';
-import store from '~/ide/stores';
-import { createComponentWithStore } from '../../helpers/vue_mount_component_helper';
-import { resetStore, file } from '../helpers';
-import { projectData } from '../mock_data';
-
-describe('IDE tree list', () => {
-  const Component = Vue.extend(IdeTreeList);
-  const normalBranchTree = [file('fileName')];
-  const emptyBranchTree = [];
-  let vm;
-
-  const bootstrapWithTree = (tree = normalBranchTree) => {
-    store.state.currentProjectId = 'abcproject';
-    store.state.currentBranchId = 'master';
-    store.state.projects.abcproject = Object.assign({}, projectData);
-    Vue.set(store.state.trees, 'abcproject/master', {
-      tree,
-      loading: false,
-    });
-
-    vm = createComponentWithStore(Component, store, {
-      viewerType: 'edit',
-    });
-  };
-
-  afterEach(() => {
-    vm.$destroy();
-
-    resetStore(vm.$store);
-  });
-
-  describe('normal branch', () => {
-    beforeEach(() => {
-      bootstrapWithTree();
-
-      spyOn(vm, 'updateViewer').and.callThrough();
-
-      vm.$mount();
-    });
-
-    it('updates viewer on mount', () => {
-      expect(vm.updateViewer).toHaveBeenCalledWith('edit');
-    });
-
-    it('renders loading indicator', done => {
-      store.state.trees['abcproject/master'].loading = true;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.multi-file-loading-container')).not.toBeNull();
-        expect(vm.$el.querySelectorAll('.multi-file-loading-container').length).toBe(3);
-
-        done();
-      });
-    });
-
-    it('renders list of files', () => {
-      expect(vm.$el.textContent).toContain('fileName');
-    });
-  });
-
-  describe('empty-branch state', () => {
-    beforeEach(() => {
-      bootstrapWithTree(emptyBranchTree);
-
-      spyOn(vm, 'updateViewer').and.callThrough();
-
-      vm.$mount();
-    });
-
-    it('does not load files if the branch is empty', () => {
-      expect(vm.$el.textContent).not.toContain('fileName');
-      expect(vm.$el.textContent).toContain('No files');
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/ide_tree_spec.js b/spec/javascripts/ide/components/ide_tree_spec.js
deleted file mode 100644
index 97a0a2432f1..00000000000
--- a/spec/javascripts/ide/components/ide_tree_spec.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import Vue from 'vue';
-import IdeTree from '~/ide/components/ide_tree.vue';
-import store from '~/ide/stores';
-import { createComponentWithStore } from '../../helpers/vue_mount_component_helper';
-import { resetStore, file } from '../helpers';
-import { projectData } from '../mock_data';
-
-describe('IdeRepoTree', () => {
-  let vm;
-
-  beforeEach(() => {
-    const IdeRepoTree = Vue.extend(IdeTree);
-
-    store.state.currentProjectId = 'abcproject';
-    store.state.currentBranchId = 'master';
-    store.state.projects.abcproject = Object.assign({}, projectData);
-    Vue.set(store.state.trees, 'abcproject/master', {
-      tree: [file('fileName')],
-      loading: false,
-    });
-
-    vm = createComponentWithStore(IdeRepoTree, store).$mount();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-
-    resetStore(vm.$store);
-  });
-
-  it('renders list of files', () => {
-    expect(vm.$el.textContent).toContain('fileName');
-  });
-});
diff --git a/spec/javascripts/ide/components/jobs/detail/description_spec.js b/spec/javascripts/ide/components/jobs/detail/description_spec.js
deleted file mode 100644
index babae00d2f7..00000000000
--- a/spec/javascripts/ide/components/jobs/detail/description_spec.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import Vue from 'vue';
-import Description from '~/ide/components/jobs/detail/description.vue';
-import mountComponent from '../../../../helpers/vue_mount_component_helper';
-import { jobs } from '../../../mock_data';
-
-describe('IDE job description', () => {
-  const Component = Vue.extend(Description);
-  let vm;
-
-  beforeEach(() => {
-    vm = mountComponent(Component, {
-      job: jobs[0],
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders job details', () => {
-    expect(vm.$el.textContent).toContain('#1');
-    expect(vm.$el.textContent).toContain('test');
-  });
-
-  it('renders CI icon', () => {
-    expect(vm.$el.querySelector('.ci-status-icon .ic-status_success_borderless')).not.toBe(null);
-  });
-});
diff --git a/spec/javascripts/ide/components/jobs/item_spec.js b/spec/javascripts/ide/components/jobs/item_spec.js
deleted file mode 100644
index 2f97d39e98e..00000000000
--- a/spec/javascripts/ide/components/jobs/item_spec.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import Vue from 'vue';
-import JobItem from '~/ide/components/jobs/item.vue';
-import mountComponent from '../../../helpers/vue_mount_component_helper';
-import { jobs } from '../../mock_data';
-
-describe('IDE jobs item', () => {
-  const Component = Vue.extend(JobItem);
-  const job = jobs[0];
-  let vm;
-
-  beforeEach(() => {
-    vm = mountComponent(Component, {
-      job,
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders job details', () => {
-    expect(vm.$el.textContent).toContain(job.name);
-    expect(vm.$el.textContent).toContain(`#${job.id}`);
-  });
-
-  it('renders CI icon', () => {
-    expect(vm.$el.querySelector('.ic-status_success_borderless')).not.toBe(null);
-  });
-
-  it('does not render view logs button if not started', done => {
-    vm.job.started = false;
-
-    vm.$nextTick(() => {
-      expect(vm.$el.querySelector('.btn')).toBe(null);
-
-      done();
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/merge_requests/item_spec.js b/spec/javascripts/ide/components/merge_requests/item_spec.js
deleted file mode 100644
index 155a247defb..00000000000
--- a/spec/javascripts/ide/components/merge_requests/item_spec.js
+++ /dev/null
@@ -1,63 +0,0 @@
-import Vue from 'vue';
-import router from '~/ide/ide_router';
-import Item from '~/ide/components/merge_requests/item.vue';
-import mountCompontent from '../../../helpers/vue_mount_component_helper';
-
-describe('IDE merge request item', () => {
-  const Component = Vue.extend(Item);
-  let vm;
-
-  beforeEach(() => {
-    vm = mountCompontent(Component, {
-      item: {
-        iid: 1,
-        projectPathWithNamespace: 'gitlab-org/gitlab-ce',
-        title: 'Merge request title',
-      },
-      currentId: '1',
-      currentProjectId: 'gitlab-org/gitlab-ce',
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders merge requests data', () => {
-    expect(vm.$el.textContent).toContain('Merge request title');
-    expect(vm.$el.textContent).toContain('gitlab-org/gitlab-ce!1');
-  });
-
-  it('renders link with href', () => {
-    const expectedHref = router.resolve(
-      `/project/${vm.item.projectPathWithNamespace}/merge_requests/${vm.item.iid}`,
-    ).href;
-
-    expect(vm.$el).toMatch('a');
-    expect(vm.$el).toHaveAttr('href', expectedHref);
-  });
-
-  it('renders icon if ID matches currentId', () => {
-    expect(vm.$el.querySelector('.ic-mobile-issue-close')).not.toBe(null);
-  });
-
-  it('does not render icon if ID does not match currentId', done => {
-    vm.currentId = '2';
-
-    vm.$nextTick(() => {
-      expect(vm.$el.querySelector('.ic-mobile-issue-close')).toBe(null);
-
-      done();
-    });
-  });
-
-  it('does not render icon if project ID does not match', done => {
-    vm.currentProjectId = 'test/test';
-
-    vm.$nextTick(() => {
-      expect(vm.$el.querySelector('.ic-mobile-issue-close')).toBe(null);
-
-      done();
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/nav_dropdown_button_spec.js b/spec/javascripts/ide/components/nav_dropdown_button_spec.js
deleted file mode 100644
index bbaf97164ea..00000000000
--- a/spec/javascripts/ide/components/nav_dropdown_button_spec.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import Vue from 'vue';
-import { trimText } from 'spec/helpers/text_helper';
-import { mountComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import NavDropdownButton from '~/ide/components/nav_dropdown_button.vue';
-import { createStore } from '~/ide/stores';
-
-describe('NavDropdown', () => {
-  const TEST_BRANCH_ID = 'lorem-ipsum-dolar';
-  const TEST_MR_ID = '12345';
-  let store;
-  let vm;
-
-  beforeEach(() => {
-    store = createStore();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  const createComponent = (props = {}) => {
-    vm = mountComponentWithStore(Vue.extend(NavDropdownButton), { props, store });
-    vm.$mount();
-  };
-
-  const findIcon = name => vm.$el.querySelector(`.ic-${name}`);
-  const findMRIcon = () => findIcon('merge-request');
-  const findBranchIcon = () => findIcon('branch');
-
-  describe('normal', () => {
-    beforeEach(() => {
-      createComponent();
-    });
-
-    it('renders empty placeholders, if state is falsey', () => {
-      expect(trimText(vm.$el.textContent)).toEqual('- -');
-    });
-
-    it('renders branch name, if state has currentBranchId', done => {
-      vm.$store.state.currentBranchId = TEST_BRANCH_ID;
-
-      vm.$nextTick()
-        .then(() => {
-          expect(trimText(vm.$el.textContent)).toEqual(`${TEST_BRANCH_ID} -`);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('renders mr id, if state has currentMergeRequestId', done => {
-      vm.$store.state.currentMergeRequestId = TEST_MR_ID;
-
-      vm.$nextTick()
-        .then(() => {
-          expect(trimText(vm.$el.textContent)).toEqual(`- !${TEST_MR_ID}`);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('renders branch and mr, if state has both', done => {
-      vm.$store.state.currentBranchId = TEST_BRANCH_ID;
-      vm.$store.state.currentMergeRequestId = TEST_MR_ID;
-
-      vm.$nextTick()
-        .then(() => {
-          expect(trimText(vm.$el.textContent)).toEqual(`${TEST_BRANCH_ID} !${TEST_MR_ID}`);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('shows icons', () => {
-      expect(findBranchIcon()).toBeTruthy();
-      expect(findMRIcon()).toBeTruthy();
-    });
-  });
-
-  describe('with showMergeRequests false', () => {
-    beforeEach(() => {
-      createComponent({ showMergeRequests: false });
-    });
-
-    it('shows single empty placeholder, if state is falsey', () => {
-      expect(trimText(vm.$el.textContent)).toEqual('-');
-    });
-
-    it('shows only branch icon', () => {
-      expect(findBranchIcon()).toBeTruthy();
-      expect(findMRIcon()).toBe(null);
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/nav_dropdown_spec.js b/spec/javascripts/ide/components/nav_dropdown_spec.js
deleted file mode 100644
index dfb4d03540f..00000000000
--- a/spec/javascripts/ide/components/nav_dropdown_spec.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import $ from 'jquery';
-import Vue from 'vue';
-import { mountComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import store from '~/ide/stores';
-import NavDropdown from '~/ide/components/nav_dropdown.vue';
-import { PERMISSION_READ_MR } from '~/ide/constants';
-
-const TEST_PROJECT_ID = 'lorem-ipsum';
-
-describe('IDE NavDropdown', () => {
-  const Component = Vue.extend(NavDropdown);
-  let vm;
-  let $dropdown;
-
-  beforeEach(() => {
-    store.state.currentProjectId = TEST_PROJECT_ID;
-    Vue.set(store.state.projects, TEST_PROJECT_ID, {
-      userPermissions: {
-        [PERMISSION_READ_MR]: true,
-      },
-    });
-    vm = mountComponentWithStore(Component, { store });
-    $dropdown = $(vm.$el);
-
-    // block dispatch from doing anything
-    spyOn(vm.$store, 'dispatch');
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  const findIcon = name => vm.$el.querySelector(`.ic-${name}`);
-  const findMRIcon = () => findIcon('merge-request');
-
-  it('renders nothing initially', () => {
-    expect(vm.$el).not.toContainElement('.ide-nav-form');
-  });
-
-  it('renders nav form when show.bs.dropdown', done => {
-    $dropdown.trigger('show.bs.dropdown');
-
-    vm.$nextTick()
-      .then(() => {
-        expect(vm.$el).toContainElement('.ide-nav-form');
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('destroys nav form when closed', done => {
-    $dropdown.trigger('show.bs.dropdown');
-    $dropdown.trigger('hide.bs.dropdown');
-
-    vm.$nextTick()
-      .then(() => {
-        expect(vm.$el).not.toContainElement('.ide-nav-form');
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('renders merge request icon', () => {
-    expect(findMRIcon()).not.toBeNull();
-  });
-
-  describe('when user cannot read merge requests', () => {
-    beforeEach(done => {
-      store.state.projects[TEST_PROJECT_ID].userPermissions = {};
-
-      vm.$nextTick()
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('does not render merge requests', () => {
-      expect(findMRIcon()).toBeNull();
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/new_dropdown/button_spec.js b/spec/javascripts/ide/components/new_dropdown/button_spec.js
deleted file mode 100644
index 6a326b5bd92..00000000000
--- a/spec/javascripts/ide/components/new_dropdown/button_spec.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import Button from '~/ide/components/new_dropdown/button.vue';
-
-describe('IDE new entry dropdown button component', () => {
-  let Component;
-  let vm;
-
-  beforeAll(() => {
-    Component = Vue.extend(Button);
-  });
-
-  beforeEach(() => {
-    vm = mountComponent(Component, {
-      label: 'Testing',
-      icon: 'doc-new',
-    });
-
-    spyOn(vm, '$emit');
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders button with label', () => {
-    expect(vm.$el.textContent).toContain('Testing');
-  });
-
-  it('renders icon', () => {
-    expect(vm.$el.querySelector('.ic-doc-new')).not.toBe(null);
-  });
-
-  it('emits click event', () => {
-    vm.$el.click();
-
-    expect(vm.$emit).toHaveBeenCalledWith('click');
-  });
-
-  it('hides label if showLabel is false', done => {
-    vm.showLabel = false;
-
-    vm.$nextTick(() => {
-      expect(vm.$el.textContent).not.toContain('Testing');
-
-      done();
-    });
-  });
-
-  describe('tooltipTitle', () => {
-    it('returns empty string when showLabel is true', () => {
-      expect(vm.tooltipTitle).toBe('');
-    });
-
-    it('returns label', done => {
-      vm.showLabel = false;
-
-      vm.$nextTick(() => {
-        expect(vm.tooltipTitle).toBe('Testing');
-
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/new_dropdown/index_spec.js b/spec/javascripts/ide/components/new_dropdown/index_spec.js
deleted file mode 100644
index 03afe997fed..00000000000
--- a/spec/javascripts/ide/components/new_dropdown/index_spec.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import Vue from 'vue';
-import { createComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import store from '~/ide/stores';
-import newDropdown from '~/ide/components/new_dropdown/index.vue';
-import { resetStore } from '../../helpers';
-
-describe('new dropdown component', () => {
-  let vm;
-
-  beforeEach(() => {
-    const component = Vue.extend(newDropdown);
-
-    vm = createComponentWithStore(component, store, {
-      branch: 'master',
-      path: '',
-      mouseOver: false,
-      type: 'tree',
-    });
-
-    vm.$store.state.currentProjectId = 'abcproject';
-    vm.$store.state.path = '';
-    vm.$store.state.trees['abcproject/mybranch'] = {
-      tree: [],
-    };
-
-    spyOn(vm, 'openNewEntryModal');
-
-    vm.$mount();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-
-    resetStore(vm.$store);
-  });
-
-  it('renders new file, upload and new directory links', () => {
-    const buttons = vm.$el.querySelectorAll('.dropdown-menu button');
-
-    expect(buttons[0].textContent.trim()).toBe('New file');
-    expect(buttons[1].textContent.trim()).toBe('Upload file');
-    expect(buttons[2].textContent.trim()).toBe('New directory');
-  });
-
-  describe('createNewItem', () => {
-    it('sets modalType to blob when new file is clicked', () => {
-      vm.$el.querySelectorAll('.dropdown-menu button')[0].click();
-
-      expect(vm.openNewEntryModal).toHaveBeenCalledWith({ type: 'blob', path: '' });
-    });
-
-    it('sets modalType to tree when new directory is clicked', () => {
-      vm.$el.querySelectorAll('.dropdown-menu button')[2].click();
-
-      expect(vm.openNewEntryModal).toHaveBeenCalledWith({ type: 'tree', path: '' });
-    });
-  });
-
-  describe('isOpen', () => {
-    it('scrolls dropdown into view', done => {
-      spyOn(vm.$refs.dropdownMenu, 'scrollIntoView');
-
-      vm.isOpen = true;
-
-      setTimeout(() => {
-        expect(vm.$refs.dropdownMenu.scrollIntoView).toHaveBeenCalledWith({
-          block: 'nearest',
-        });
-
-        done();
-      });
-    });
-  });
-
-  describe('delete entry', () => {
-    it('calls delete action', () => {
-      spyOn(vm, 'deleteEntry');
-
-      vm.$el.querySelectorAll('.dropdown-menu button')[4].click();
-
-      expect(vm.deleteEntry).toHaveBeenCalledWith('');
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/new_dropdown/modal_spec.js b/spec/javascripts/ide/components/new_dropdown/modal_spec.js
deleted file mode 100644
index 0ea767e087d..00000000000
--- a/spec/javascripts/ide/components/new_dropdown/modal_spec.js
+++ /dev/null
@@ -1,150 +0,0 @@
-import Vue from 'vue';
-import { createComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import { createStore } from '~/ide/stores';
-import modal from '~/ide/components/new_dropdown/modal.vue';
-
-describe('new file modal component', () => {
-  const Component = Vue.extend(modal);
-  let vm;
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  ['tree', 'blob'].forEach(type => {
-    describe(type, () => {
-      beforeEach(() => {
-        const store = createStore();
-        store.state.entryModal = {
-          type,
-          path: '',
-          entry: {
-            path: '',
-          },
-        };
-
-        vm = createComponentWithStore(Component, store).$mount();
-
-        vm.name = 'testing';
-      });
-
-      it(`sets modal title as ${type}`, () => {
-        const title = type === 'tree' ? 'directory' : 'file';
-
-        expect(vm.$el.querySelector('.modal-title').textContent.trim()).toBe(`Create new ${title}`);
-      });
-
-      it(`sets button label as ${type}`, () => {
-        const title = type === 'tree' ? 'directory' : 'file';
-
-        expect(vm.$el.querySelector('.btn-success').textContent.trim()).toBe(`Create ${title}`);
-      });
-
-      it(`sets form label as ${type}`, () => {
-        expect(vm.$el.querySelector('.label-bold').textContent.trim()).toBe('Name');
-      });
-
-      it(`${type === 'tree' ? 'does not show' : 'shows'} file templates`, () => {
-        const templateFilesEl = vm.$el.querySelector('.file-templates');
-        if (type === 'tree') {
-          expect(templateFilesEl).toBeNull();
-        } else {
-          expect(templateFilesEl instanceof Element).toBeTruthy();
-        }
-      });
-    });
-  });
-
-  describe('rename entry', () => {
-    beforeEach(() => {
-      const store = createStore();
-      store.state.entryModal = {
-        type: 'rename',
-        path: '',
-        entry: {
-          name: 'test',
-          type: 'blob',
-          path: 'test-path',
-        },
-      };
-
-      vm = createComponentWithStore(Component, store).$mount();
-    });
-
-    ['tree', 'blob'].forEach(type => {
-      it(`renders title and button for renaming ${type}`, done => {
-        const text = type === 'tree' ? 'folder' : 'file';
-
-        vm.$store.state.entryModal.entry.type = type;
-
-        vm.$nextTick(() => {
-          expect(vm.$el.querySelector('.modal-title').textContent.trim()).toBe(`Rename ${text}`);
-          expect(vm.$el.querySelector('.btn-success').textContent.trim()).toBe(`Rename ${text}`);
-
-          done();
-        });
-      });
-    });
-
-    describe('entryName', () => {
-      it('returns entries name', () => {
-        expect(vm.entryName).toBe('test-path');
-      });
-
-      it('updated name', () => {
-        vm.name = 'index.js';
-
-        expect(vm.entryName).toBe('index.js');
-      });
-
-      it('removes leading/trailing spaces when found in the new name', () => {
-        vm.entryName = ' index.js ';
-
-        expect(vm.entryName).toBe('index.js');
-      });
-
-      it('does not remove internal spaces in the file name', () => {
-        vm.entryName = ' In Praise of Idleness.txt ';
-
-        expect(vm.entryName).toBe('In Praise of Idleness.txt');
-      });
-    });
-  });
-
-  describe('submitForm', () => {
-    it('throws an error when target entry exists', () => {
-      const store = createStore();
-      store.state.entryModal = {
-        type: 'rename',
-        path: 'test-path/test',
-        entry: {
-          name: 'test',
-          type: 'blob',
-          path: 'test-path/test',
-        },
-      };
-      store.state.entries = {
-        'test-path/test': {
-          name: 'test',
-          deleted: false,
-        },
-      };
-
-      vm = createComponentWithStore(Component, store).$mount();
-      const flashSpy = spyOnDependency(modal, 'flash');
-
-      expect(flashSpy).not.toHaveBeenCalled();
-
-      vm.submitForm();
-
-      expect(flashSpy).toHaveBeenCalledWith(
-        'The name "test-path/test" is already taken in this directory.',
-        'alert',
-        jasmine.anything(),
-        null,
-        false,
-        true,
-      );
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/new_dropdown/upload_spec.js b/spec/javascripts/ide/components/new_dropdown/upload_spec.js
deleted file mode 100644
index 66ddf6c0ee6..00000000000
--- a/spec/javascripts/ide/components/new_dropdown/upload_spec.js
+++ /dev/null
@@ -1,112 +0,0 @@
-import Vue from 'vue';
-import createComponent from 'spec/helpers/vue_mount_component_helper';
-import upload from '~/ide/components/new_dropdown/upload.vue';
-
-describe('new dropdown upload', () => {
-  let vm;
-
-  beforeEach(() => {
-    const Component = Vue.extend(upload);
-
-    vm = createComponent(Component, {
-      path: '',
-    });
-
-    vm.entryName = 'testing';
-
-    spyOn(vm, '$emit').and.callThrough();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('openFile', () => {
-    it('calls for each file', () => {
-      const files = ['test', 'test2', 'test3'];
-
-      spyOn(vm, 'readFile');
-      spyOnProperty(vm.$refs.fileUpload, 'files').and.returnValue(files);
-
-      vm.openFile();
-
-      expect(vm.readFile.calls.count()).toBe(3);
-
-      files.forEach((file, i) => {
-        expect(vm.readFile.calls.argsFor(i)).toEqual([file]);
-      });
-    });
-  });
-
-  describe('readFile', () => {
-    beforeEach(() => {
-      spyOn(FileReader.prototype, 'readAsDataURL');
-    });
-
-    it('calls readAsDataURL for all files', () => {
-      const file = {
-        type: 'images/png',
-      };
-
-      vm.readFile(file);
-
-      expect(FileReader.prototype.readAsDataURL).toHaveBeenCalledWith(file);
-    });
-  });
-
-  describe('createFile', () => {
-    const textTarget = {
-      result: 'base64,cGxhaW4gdGV4dA==',
-    };
-    const binaryTarget = {
-      result: 'base64,w4I=',
-    };
-    const textFile = new File(['plain text'], 'textFile');
-
-    const binaryFile = {
-      name: 'binaryFile',
-      type: 'image/png',
-    };
-
-    beforeEach(() => {
-      spyOn(FileReader.prototype, 'readAsText').and.callThrough();
-    });
-
-    it('calls readAsText and creates file in plain text (without encoding) if the file content is plain text', done => {
-      const waitForCreate = new Promise(resolve => vm.$on('create', resolve));
-
-      vm.createFile(textTarget, textFile);
-
-      expect(FileReader.prototype.readAsText).toHaveBeenCalledWith(textFile);
-
-      waitForCreate
-        .then(() => {
-          expect(vm.$emit).toHaveBeenCalledWith('create', {
-            name: textFile.name,
-            type: 'blob',
-            content: 'plain text',
-            base64: false,
-            binary: false,
-            rawPath: '',
-          });
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('splits content on base64 if binary', () => {
-      vm.createFile(binaryTarget, binaryFile);
-
-      expect(FileReader.prototype.readAsText).not.toHaveBeenCalledWith(textFile);
-
-      expect(vm.$emit).toHaveBeenCalledWith('create', {
-        name: binaryFile.name,
-        type: 'blob',
-        content: binaryTarget.result.split('base64,')[1],
-        base64: true,
-        binary: true,
-        rawPath: binaryTarget.result,
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/repo_editor_spec.js b/spec/javascripts/ide/components/repo_editor_spec.js
index ef0299f0d56..8db29011da7 100644
--- a/spec/javascripts/ide/components/repo_editor_spec.js
+++ b/spec/javascripts/ide/components/repo_editor_spec.js
@@ -26,7 +26,23 @@ describe('RepoEditor', () => {
 
     f.active = true;
     f.tempFile = true;
+
     vm.$store.state.openFiles.push(f);
+    vm.$store.state.projects = {
+      'gitlab-org/gitlab': {
+        branches: {
+          master: {
+            name: 'master',
+            commit: {
+              id: 'abcdefgh',
+            },
+          },
+        },
+      },
+    };
+    vm.$store.state.currentProjectId = 'gitlab-org/gitlab';
+    vm.$store.state.currentBranchId = 'master';
+
     Vue.set(vm.$store.state.entries, f.path, f);
 
     spyOn(vm, 'getFileData').and.returnValue(Promise.resolve());
@@ -46,11 +62,6 @@ describe('RepoEditor', () => {
   });
 
   const findEditor = () => vm.$el.querySelector('.multi-file-editor-holder');
-  const changeRightPanelCollapsed = () => {
-    const { state } = vm.$store;
-
-    state.rightPanelCollapsed = !state.rightPanelCollapsed;
-  };
 
   it('sets renderWhitespace to `all`', () => {
     vm.$store.state.renderWhitespaceInCode = true;
@@ -303,17 +314,6 @@ describe('RepoEditor', () => {
       spyOn(vm.editor, 'updateDiffView');
     });
 
-    it('calls updateDimensions when rightPanelCollapsed is changed', done => {
-      changeRightPanelCollapsed();
-
-      vm.$nextTick(() => {
-        expect(vm.editor.updateDimensions).toHaveBeenCalled();
-        expect(vm.editor.updateDiffView).toHaveBeenCalled();
-
-        done();
-      });
-    });
-
     it('calls updateDimensions when panelResizing is false', done => {
       vm.$store.state.panelResizing = true;
 
@@ -391,17 +391,6 @@ describe('RepoEditor', () => {
       expect(findEditor()).toHaveCss({ display: 'none' });
     });
 
-    it('should not update dimensions', done => {
-      changeRightPanelCollapsed();
-
-      vm.$nextTick()
-        .then(() => {
-          expect(vm.editor.updateDimensions).not.toHaveBeenCalled();
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
     describe('when file view mode changes to editor', () => {
       beforeEach(done => {
         vm.file.viewMode = FILE_VIEW_MODE_EDITOR;
diff --git a/spec/javascripts/ide/components/repo_tab_spec.js b/spec/javascripts/ide/components/repo_tab_spec.js
deleted file mode 100644
index 3b52f279bf2..00000000000
--- a/spec/javascripts/ide/components/repo_tab_spec.js
+++ /dev/null
@@ -1,185 +0,0 @@
-import Vue from 'vue';
-import store from '~/ide/stores';
-import repoTab from '~/ide/components/repo_tab.vue';
-import router from '~/ide/ide_router';
-import { file, resetStore } from '../helpers';
-
-describe('RepoTab', () => {
-  let vm;
-
-  function createComponent(propsData) {
-    const RepoTab = Vue.extend(repoTab);
-
-    return new RepoTab({
-      store,
-      propsData,
-    }).$mount();
-  }
-
-  beforeEach(() => {
-    spyOn(router, 'push');
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-
-    resetStore(vm.$store);
-  });
-
-  it('renders a close link and a name link', () => {
-    vm = createComponent({
-      tab: file(),
-    });
-    vm.$store.state.openFiles.push(vm.tab);
-    const close = vm.$el.querySelector('.multi-file-tab-close');
-    const name = vm.$el.querySelector(`[title="${vm.tab.url}"]`);
-
-    expect(close.innerHTML).toContain('#close');
-    expect(name.textContent.trim()).toEqual(vm.tab.name);
-  });
-
-  it('does not call openPendingTab when tab is active', done => {
-    vm = createComponent({
-      tab: {
-        ...file(),
-        pending: true,
-        active: true,
-      },
-    });
-
-    spyOn(vm, 'openPendingTab');
-
-    vm.$el.click();
-
-    vm.$nextTick(() => {
-      expect(vm.openPendingTab).not.toHaveBeenCalled();
-
-      done();
-    });
-  });
-
-  it('fires clickFile when the link is clicked', () => {
-    vm = createComponent({
-      tab: file(),
-    });
-
-    spyOn(vm, 'clickFile');
-
-    vm.$el.click();
-
-    expect(vm.clickFile).toHaveBeenCalledWith(vm.tab);
-  });
-
-  it('calls closeFile when clicking close button', () => {
-    vm = createComponent({
-      tab: file(),
-    });
-
-    spyOn(vm, 'closeFile');
-
-    vm.$el.querySelector('.multi-file-tab-close').click();
-
-    expect(vm.closeFile).toHaveBeenCalledWith(vm.tab);
-  });
-
-  it('changes icon on hover', done => {
-    const tab = file();
-    tab.changed = true;
-    vm = createComponent({
-      tab,
-    });
-
-    vm.$el.dispatchEvent(new Event('mouseover'));
-
-    Vue.nextTick()
-      .then(() => {
-        expect(vm.$el.querySelector('.file-modified')).toBeNull();
-
-        vm.$el.dispatchEvent(new Event('mouseout'));
-      })
-      .then(Vue.nextTick)
-      .then(() => {
-        expect(vm.$el.querySelector('.file-modified')).not.toBeNull();
-
-        done();
-      })
-      .catch(done.fail);
-  });
-
-  describe('locked file', () => {
-    let f;
-
-    beforeEach(() => {
-      f = file('locked file');
-      f.file_lock = {
-        user: {
-          name: 'testuser',
-          updated_at: new Date(),
-        },
-      };
-
-      vm = createComponent({
-        tab: f,
-      });
-    });
-
-    afterEach(() => {
-      vm.$destroy();
-    });
-
-    it('renders lock icon', () => {
-      expect(vm.$el.querySelector('.file-status-icon')).not.toBeNull();
-    });
-
-    it('renders a tooltip', () => {
-      expect(vm.$el.querySelector('span:nth-child(2)').dataset.originalTitle).toContain(
-        'Locked by testuser',
-      );
-    });
-  });
-
-  describe('methods', () => {
-    describe('closeTab', () => {
-      it('closes tab if file has changed', done => {
-        const tab = file();
-        tab.changed = true;
-        tab.opened = true;
-        vm = createComponent({
-          tab,
-        });
-        vm.$store.state.openFiles.push(tab);
-        vm.$store.state.changedFiles.push(tab);
-        vm.$store.state.entries[tab.path] = tab;
-        vm.$store.dispatch('setFileActive', tab.path);
-
-        vm.$el.querySelector('.multi-file-tab-close').click();
-
-        vm.$nextTick(() => {
-          expect(tab.opened).toBeFalsy();
-          expect(vm.$store.state.changedFiles.length).toBe(1);
-
-          done();
-        });
-      });
-
-      it('closes tab when clicking close btn', done => {
-        const tab = file('lose');
-        tab.opened = true;
-        vm = createComponent({
-          tab,
-        });
-        vm.$store.state.openFiles.push(tab);
-        vm.$store.state.entries[tab.path] = tab;
-        vm.$store.dispatch('setFileActive', tab.path);
-
-        vm.$el.querySelector('.multi-file-tab-close').click();
-
-        vm.$nextTick(() => {
-          expect(tab.opened).toBeFalsy();
-
-          done();
-        });
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/repo_tabs_spec.js b/spec/javascripts/ide/components/repo_tabs_spec.js
deleted file mode 100644
index 583f71e6121..00000000000
--- a/spec/javascripts/ide/components/repo_tabs_spec.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import Vue from 'vue';
-import repoTabs from '~/ide/components/repo_tabs.vue';
-import createComponent from '../../helpers/vue_mount_component_helper';
-import { file } from '../helpers';
-
-describe('RepoTabs', () => {
-  const openedFiles = [file('open1'), file('open2')];
-  const RepoTabs = Vue.extend(repoTabs);
-  let vm;
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders a list of tabs', done => {
-    vm = createComponent(RepoTabs, {
-      files: openedFiles,
-      viewer: 'editor',
-      hasChanges: false,
-      activeFile: file('activeFile'),
-      hasMergeRequest: false,
-    });
-    openedFiles[0].active = true;
-
-    vm.$nextTick(() => {
-      const tabs = [...vm.$el.querySelectorAll('.multi-file-tab')];
-
-      expect(tabs.length).toEqual(2);
-      expect(tabs[0].parentNode.classList.contains('active')).toEqual(true);
-      expect(tabs[1].parentNode.classList.contains('active')).toEqual(false);
-
-      done();
-    });
-  });
-});
diff --git a/spec/javascripts/ide/components/shared/tokened_input_spec.js b/spec/javascripts/ide/components/shared/tokened_input_spec.js
deleted file mode 100644
index 885fd976655..00000000000
--- a/spec/javascripts/ide/components/shared/tokened_input_spec.js
+++ /dev/null
@@ -1,133 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import TokenedInput from '~/ide/components/shared/tokened_input.vue';
-
-const TEST_PLACEHOLDER = 'Searching in test';
-const TEST_TOKENS = [
-  { label: 'lorem', id: 1 },
-  { label: 'ipsum', id: 2 },
-  { label: 'dolar', id: 3 },
-];
-const TEST_VALUE = 'lorem';
-
-function getTokenElements(vm) {
-  return Array.from(vm.$el.querySelectorAll('.filtered-search-token button'));
-}
-
-function createBackspaceEvent() {
-  const e = new Event('keyup');
-  e.keyCode = 8;
-  e.which = e.keyCode;
-  e.altKey = false;
-  e.ctrlKey = true;
-  e.shiftKey = false;
-  e.metaKey = false;
-  return e;
-}
-
-describe('IDE shared/TokenedInput', () => {
-  const Component = Vue.extend(TokenedInput);
-  let vm;
-
-  beforeEach(() => {
-    vm = mountComponent(Component, {
-      tokens: TEST_TOKENS,
-      placeholder: TEST_PLACEHOLDER,
-      value: TEST_VALUE,
-    });
-
-    spyOn(vm, '$emit');
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders tokens', () => {
-    const renderedTokens = getTokenElements(vm).map(x => x.textContent.trim());
-
-    expect(renderedTokens).toEqual(TEST_TOKENS.map(x => x.label));
-  });
-
-  it('renders input', () => {
-    expect(vm.$refs.input).toBeTruthy();
-    expect(vm.$refs.input).toHaveValue(TEST_VALUE);
-  });
-
-  it('renders placeholder, when tokens are empty', done => {
-    vm.tokens = [];
-
-    vm.$nextTick()
-      .then(() => {
-        expect(vm.$refs.input).toHaveAttr('placeholder', TEST_PLACEHOLDER);
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('triggers "removeToken" on token click', () => {
-    getTokenElements(vm)[0].click();
-
-    expect(vm.$emit).toHaveBeenCalledWith('removeToken', TEST_TOKENS[0]);
-  });
-
-  it('when input triggers backspace event, it calls "onBackspace"', () => {
-    spyOn(vm, 'onBackspace');
-
-    vm.$refs.input.dispatchEvent(createBackspaceEvent());
-    vm.$refs.input.dispatchEvent(createBackspaceEvent());
-
-    expect(vm.onBackspace).toHaveBeenCalledTimes(2);
-  });
-
-  it('triggers "removeToken" on backspaces when value is empty', () => {
-    vm.value = '';
-
-    vm.onBackspace();
-
-    expect(vm.$emit).not.toHaveBeenCalled();
-    expect(vm.backspaceCount).toEqual(1);
-
-    vm.onBackspace();
-
-    expect(vm.$emit).toHaveBeenCalledWith('removeToken', TEST_TOKENS[TEST_TOKENS.length - 1]);
-    expect(vm.backspaceCount).toEqual(0);
-  });
-
-  it('does not trigger "removeToken" on backspaces when value is not empty', () => {
-    vm.onBackspace();
-    vm.onBackspace();
-
-    expect(vm.backspaceCount).toEqual(0);
-    expect(vm.$emit).not.toHaveBeenCalled();
-  });
-
-  it('does not trigger "removeToken" on backspaces when tokens are empty', () => {
-    vm.tokens = [];
-
-    vm.onBackspace();
-    vm.onBackspace();
-
-    expect(vm.backspaceCount).toEqual(0);
-    expect(vm.$emit).not.toHaveBeenCalled();
-  });
-
-  it('triggers "focus" on input focus', () => {
-    vm.$refs.input.dispatchEvent(new Event('focus'));
-
-    expect(vm.$emit).toHaveBeenCalledWith('focus');
-  });
-
-  it('triggers "blur" on input blur', () => {
-    vm.$refs.input.dispatchEvent(new Event('blur'));
-
-    expect(vm.$emit).toHaveBeenCalledWith('blur');
-  });
-
-  it('triggers "input" with value on input change', () => {
-    vm.$refs.input.value = 'something-else';
-    vm.$refs.input.dispatchEvent(new Event('input'));
-
-    expect(vm.$emit).toHaveBeenCalledWith('input', 'something-else');
-  });
-});
diff --git a/spec/javascripts/ide/lib/common/model_manager_spec.js b/spec/javascripts/ide/lib/common/model_manager_spec.js
deleted file mode 100644
index 38ffa317e8e..00000000000
--- a/spec/javascripts/ide/lib/common/model_manager_spec.js
+++ /dev/null
@@ -1,126 +0,0 @@
-import eventHub from '~/ide/eventhub';
-import ModelManager from '~/ide/lib/common/model_manager';
-import { file } from '../../helpers';
-
-describe('Multi-file editor library model manager', () => {
-  let instance;
-
-  beforeEach(() => {
-    instance = new ModelManager();
-  });
-
-  afterEach(() => {
-    instance.dispose();
-  });
-
-  describe('addModel', () => {
-    it('caches model', () => {
-      instance.addModel(file());
-
-      expect(instance.models.size).toBe(1);
-    });
-
-    it('caches model by file path', () => {
-      const f = file('path-name');
-      instance.addModel(f);
-
-      expect(instance.models.keys().next().value).toBe(f.key);
-    });
-
-    it('adds model into disposable', () => {
-      spyOn(instance.disposable, 'add').and.callThrough();
-
-      instance.addModel(file());
-
-      expect(instance.disposable.add).toHaveBeenCalled();
-    });
-
-    it('returns cached model', () => {
-      spyOn(instance.models, 'get').and.callThrough();
-
-      instance.addModel(file());
-      instance.addModel(file());
-
-      expect(instance.models.get).toHaveBeenCalled();
-    });
-
-    it('adds eventHub listener', () => {
-      const f = file();
-      spyOn(eventHub, '$on').and.callThrough();
-
-      instance.addModel(f);
-
-      expect(eventHub.$on).toHaveBeenCalledWith(
-        `editor.update.model.dispose.${f.key}`,
-        jasmine.anything(),
-      );
-    });
-  });
-
-  describe('hasCachedModel', () => {
-    it('returns false when no models exist', () => {
-      expect(instance.hasCachedModel('path')).toBeFalsy();
-    });
-
-    it('returns true when model exists', () => {
-      const f = file('path-name');
-
-      instance.addModel(f);
-
-      expect(instance.hasCachedModel(f.key)).toBeTruthy();
-    });
-  });
-
-  describe('getModel', () => {
-    it('returns cached model', () => {
-      instance.addModel(file('path-name'));
-
-      expect(instance.getModel('path-name')).not.toBeNull();
-    });
-  });
-
-  describe('removeCachedModel', () => {
-    let f;
-
-    beforeEach(() => {
-      f = file();
-
-      instance.addModel(f);
-    });
-
-    it('clears cached model', () => {
-      instance.removeCachedModel(f);
-
-      expect(instance.models.size).toBe(0);
-    });
-
-    it('removes eventHub listener', () => {
-      spyOn(eventHub, '$off').and.callThrough();
-
-      instance.removeCachedModel(f);
-
-      expect(eventHub.$off).toHaveBeenCalledWith(
-        `editor.update.model.dispose.${f.key}`,
-        jasmine.anything(),
-      );
-    });
-  });
-
-  describe('dispose', () => {
-    it('clears cached models', () => {
-      instance.addModel(file());
-
-      instance.dispose();
-
-      expect(instance.models.size).toBe(0);
-    });
-
-    it('calls disposable dispose', () => {
-      spyOn(instance.disposable, 'dispose').and.callThrough();
-
-      instance.dispose();
-
-      expect(instance.disposable.dispose).toHaveBeenCalled();
-    });
-  });
-});
diff --git a/spec/javascripts/ide/lib/common/model_spec.js b/spec/javascripts/ide/lib/common/model_spec.js
deleted file mode 100644
index f096e06f43c..00000000000
--- a/spec/javascripts/ide/lib/common/model_spec.js
+++ /dev/null
@@ -1,137 +0,0 @@
-import eventHub from '~/ide/eventhub';
-import Model from '~/ide/lib/common/model';
-import { file } from '../../helpers';
-
-describe('Multi-file editor library model', () => {
-  let model;
-
-  beforeEach(() => {
-    spyOn(eventHub, '$on').and.callThrough();
-
-    const f = file('path');
-    f.mrChange = { diff: 'ABC' };
-    f.baseRaw = 'test';
-    model = new Model(f);
-  });
-
-  afterEach(() => {
-    model.dispose();
-  });
-
-  it('creates original model & base model & new model', () => {
-    expect(model.originalModel).not.toBeNull();
-    expect(model.model).not.toBeNull();
-    expect(model.baseModel).not.toBeNull();
-
-    expect(model.originalModel.uri.path).toBe('original/path--path');
-    expect(model.model.uri.path).toBe('path--path');
-    expect(model.baseModel.uri.path).toBe('target/path--path');
-  });
-
-  it('creates model with head file to compare against', () => {
-    const f = file('path');
-    model.dispose();
-
-    model = new Model(f, {
-      ...f,
-      content: '123 testing',
-    });
-
-    expect(model.head).not.toBeNull();
-    expect(model.getOriginalModel().getValue()).toBe('123 testing');
-  });
-
-  it('adds eventHub listener', () => {
-    expect(eventHub.$on).toHaveBeenCalledWith(
-      `editor.update.model.dispose.${model.file.key}`,
-      jasmine.anything(),
-    );
-  });
-
-  describe('path', () => {
-    it('returns file path', () => {
-      expect(model.path).toBe(model.file.key);
-    });
-  });
-
-  describe('getModel', () => {
-    it('returns model', () => {
-      expect(model.getModel()).toBe(model.model);
-    });
-  });
-
-  describe('getOriginalModel', () => {
-    it('returns original model', () => {
-      expect(model.getOriginalModel()).toBe(model.originalModel);
-    });
-  });
-
-  describe('getBaseModel', () => {
-    it('returns base model', () => {
-      expect(model.getBaseModel()).toBe(model.baseModel);
-    });
-  });
-
-  describe('setValue', () => {
-    it('updates models value', () => {
-      model.setValue('testing 123');
-
-      expect(model.getModel().getValue()).toBe('testing 123');
-    });
-  });
-
-  describe('onChange', () => {
-    it('calls callback on change', done => {
-      const spy = jasmine.createSpy();
-      model.onChange(spy);
-
-      model.getModel().setValue('123');
-
-      setTimeout(() => {
-        expect(spy).toHaveBeenCalledWith(model, jasmine.anything());
-        done();
-      });
-    });
-  });
-
-  describe('dispose', () => {
-    it('calls disposable dispose', () => {
-      spyOn(model.disposable, 'dispose').and.callThrough();
-
-      model.dispose();
-
-      expect(model.disposable.dispose).toHaveBeenCalled();
-    });
-
-    it('clears events', () => {
-      model.onChange(() => {});
-
-      expect(model.events.size).toBe(1);
-
-      model.dispose();
-
-      expect(model.events.size).toBe(0);
-    });
-
-    it('removes eventHub listener', () => {
-      spyOn(eventHub, '$off').and.callThrough();
-
-      model.dispose();
-
-      expect(eventHub.$off).toHaveBeenCalledWith(
-        `editor.update.model.dispose.${model.file.key}`,
-        jasmine.anything(),
-      );
-    });
-
-    it('calls onDispose callback', () => {
-      const disposeSpy = jasmine.createSpy();
-
-      model.onDispose(disposeSpy);
-
-      model.dispose();
-
-      expect(disposeSpy).toHaveBeenCalled();
-    });
-  });
-});
diff --git a/spec/javascripts/ide/lib/decorations/controller_spec.js b/spec/javascripts/ide/lib/decorations/controller_spec.js
deleted file mode 100644
index 4118774cca3..00000000000
--- a/spec/javascripts/ide/lib/decorations/controller_spec.js
+++ /dev/null
@@ -1,143 +0,0 @@
-import Editor from '~/ide/lib/editor';
-import DecorationsController from '~/ide/lib/decorations/controller';
-import Model from '~/ide/lib/common/model';
-import { file } from '../../helpers';
-
-describe('Multi-file editor library decorations controller', () => {
-  let editorInstance;
-  let controller;
-  let model;
-
-  beforeEach(() => {
-    editorInstance = Editor.create();
-    editorInstance.createInstance(document.createElement('div'));
-
-    controller = new DecorationsController(editorInstance);
-    model = new Model(file('path'));
-  });
-
-  afterEach(() => {
-    model.dispose();
-    editorInstance.dispose();
-    controller.dispose();
-  });
-
-  describe('getAllDecorationsForModel', () => {
-    it('returns empty array when no decorations exist for model', () => {
-      const decorations = controller.getAllDecorationsForModel(model);
-
-      expect(decorations).toEqual([]);
-    });
-
-    it('returns decorations by model URL', () => {
-      controller.addDecorations(model, 'key', [{ decoration: 'decorationValue' }]);
-
-      const decorations = controller.getAllDecorationsForModel(model);
-
-      expect(decorations[0]).toEqual({ decoration: 'decorationValue' });
-    });
-  });
-
-  describe('addDecorations', () => {
-    it('caches decorations in a new map', () => {
-      controller.addDecorations(model, 'key', [{ decoration: 'decorationValue' }]);
-
-      expect(controller.decorations.size).toBe(1);
-    });
-
-    it('does not create new cache model', () => {
-      controller.addDecorations(model, 'key', [{ decoration: 'decorationValue' }]);
-      controller.addDecorations(model, 'key', [{ decoration: 'decorationValue2' }]);
-
-      expect(controller.decorations.size).toBe(1);
-    });
-
-    it('caches decorations by model URL', () => {
-      controller.addDecorations(model, 'key', [{ decoration: 'decorationValue' }]);
-
-      expect(controller.decorations.size).toBe(1);
-      expect(controller.decorations.keys().next().value).toBe('gitlab:path--path');
-    });
-
-    it('calls decorate method', () => {
-      spyOn(controller, 'decorate');
-
-      controller.addDecorations(model, 'key', [{ decoration: 'decorationValue' }]);
-
-      expect(controller.decorate).toHaveBeenCalled();
-    });
-  });
-
-  describe('decorate', () => {
-    it('sets decorations on editor instance', () => {
-      spyOn(controller.editor.instance, 'deltaDecorations');
-
-      controller.decorate(model);
-
-      expect(controller.editor.instance.deltaDecorations).toHaveBeenCalledWith([], []);
-    });
-
-    it('caches decorations', () => {
-      spyOn(controller.editor.instance, 'deltaDecorations').and.returnValue([]);
-
-      controller.decorate(model);
-
-      expect(controller.editorDecorations.size).toBe(1);
-    });
-
-    it('caches decorations by model URL', () => {
-      spyOn(controller.editor.instance, 'deltaDecorations').and.returnValue([]);
-
-      controller.decorate(model);
-
-      expect(controller.editorDecorations.keys().next().value).toBe('gitlab:path--path');
-    });
-  });
-
-  describe('dispose', () => {
-    it('clears cached decorations', () => {
-      controller.addDecorations(model, 'key', [{ decoration: 'decorationValue' }]);
-
-      controller.dispose();
-
-      expect(controller.decorations.size).toBe(0);
-    });
-
-    it('clears cached editorDecorations', () => {
-      controller.addDecorations(model, 'key', [{ decoration: 'decorationValue' }]);
-
-      controller.dispose();
-
-      expect(controller.editorDecorations.size).toBe(0);
-    });
-  });
-
-  describe('hasDecorations', () => {
-    it('returns true when decorations are cached', () => {
-      controller.addDecorations(model, 'key', [{ decoration: 'decorationValue' }]);
-
-      expect(controller.hasDecorations(model)).toBe(true);
-    });
-
-    it('returns false when no model decorations exist', () => {
-      expect(controller.hasDecorations(model)).toBe(false);
-    });
-  });
-
-  describe('removeDecorations', () => {
-    beforeEach(() => {
-      controller.addDecorations(model, 'key', [{ decoration: 'decorationValue' }]);
-      controller.decorate(model);
-    });
-
-    it('removes cached decorations', () => {
-      expect(controller.decorations.size).not.toBe(0);
-      expect(controller.editorDecorations.size).not.toBe(0);
-
-      controller.removeDecorations(model);
-
-      expect(controller.decorations.size).toBe(0);
-      expect(controller.editorDecorations.size).toBe(0);
-    });
-  });
-});
diff --git a/spec/javascripts/ide/lib/diff/controller_spec.js b/spec/javascripts/ide/lib/diff/controller_spec.js
deleted file mode 100644
index 90ebb95b687..00000000000
--- a/spec/javascripts/ide/lib/diff/controller_spec.js
+++ /dev/null
@@ -1,215 +0,0 @@
-import { Range } from 'monaco-editor';
-import Editor from '~/ide/lib/editor';
-import ModelManager from '~/ide/lib/common/model_manager';
-import DecorationsController from '~/ide/lib/decorations/controller';
-import DirtyDiffController, { getDiffChangeType, getDecorator } from '~/ide/lib/diff/controller';
-import { computeDiff } from '~/ide/lib/diff/diff';
-import { file } from '../../helpers';
-
-describe('Multi-file editor library dirty diff controller', () => {
-  let editorInstance;
-  let controller;
-  let modelManager;
-  let decorationsController;
-  let model;
-
-  beforeEach(() => {
-    editorInstance = Editor.create();
-    editorInstance.createInstance(document.createElement('div'));
-
-    modelManager = new ModelManager();
-    decorationsController = new DecorationsController(editorInstance);
-
-    model = modelManager.addModel(file('path'));
-
-    controller = new DirtyDiffController(modelManager, decorationsController);
-  });
-
-  afterEach(() => {
-    controller.dispose();
-    model.dispose();
-    decorationsController.dispose();
-    editorInstance.dispose();
-  });
-
-  describe('getDiffChangeType', () => {
-    ['added', 'removed', 'modified'].forEach(type => {
-      it(`returns ${type}`, () => {
-        const change = {
-          [type]: true,
-        };
-
-        expect(getDiffChangeType(change)).toBe(type);
-      });
-    });
-  });
-
-  describe('getDecorator', () => {
-    ['added', 'removed', 'modified'].forEach(type => {
-      it(`returns with linesDecorationsClassName for ${type}`, () => {
-        const change = {
-          [type]: true,
-        };
-
-        expect(getDecorator(change).options.linesDecorationsClassName).toBe(
-          `dirty-diff dirty-diff-${type}`,
-        );
-      });
-
-      it('returns with line numbers', () => {
-        const change = {
-          lineNumber: 1,
-          endLineNumber: 2,
-          [type]: true,
-        };
-
-        const { range } = getDecorator(change);
-
-        expect(range.startLineNumber).toBe(1);
-        expect(range.endLineNumber).toBe(2);
-        expect(range.startColumn).toBe(1);
-        expect(range.endColumn).toBe(1);
-      });
-    });
-  });
-
-  describe('attachModel', () => {
-    it('adds change event callback', () => {
-      spyOn(model, 'onChange');
-
-      controller.attachModel(model);
-
-      expect(model.onChange).toHaveBeenCalled();
-    });
-
-    it('adds dispose event callback', () => {
-      spyOn(model, 'onDispose');
-
-      controller.attachModel(model);
-
-      expect(model.onDispose).toHaveBeenCalled();
-    });
-
-    it('calls throttledComputeDiff on change', () => {
-      spyOn(controller, 'throttledComputeDiff');
-
-      controller.attachModel(model);
-
-      model.getModel().setValue('123');
-
-      expect(controller.throttledComputeDiff).toHaveBeenCalled();
-    });
-
-    it('caches model', () => {
-      controller.attachModel(model);
-
-      expect(controller.models.has(model.url)).toBe(true);
-    });
-  });
-
-  describe('computeDiff', () => {
-    it('posts to worker', () => {
-      spyOn(controller.dirtyDiffWorker, 'postMessage');
-
-      controller.computeDiff(model);
-
-      expect(controller.dirtyDiffWorker.postMessage).toHaveBeenCalledWith({
-        path: model.path,
-        originalContent: '',
-        newContent: '',
-      });
-    });
-  });
-
-  describe('reDecorate', () => {
-    it('calls computeDiff when no decorations are cached', () => {
-      spyOn(controller, 'computeDiff');
-
-      controller.reDecorate(model);
-
-      expect(controller.computeDiff).toHaveBeenCalledWith(model);
-    });
-
-    it('calls decorate when decorations are cached', () => {
-      spyOn(controller.decorationsController, 'decorate');
-
-      controller.decorationsController.decorations.set(model.url, 'test');
-
-      controller.reDecorate(model);
-
-      expect(controller.decorationsController.decorate).toHaveBeenCalledWith(model);
-    });
-  });
-
-  describe('decorate', () => {
-    it('adds decorations into decorations controller', () => {
-      spyOn(controller.decorationsController, 'addDecorations');
-
-      controller.decorate({ data: { changes: [], path: model.path } });
-
-      expect(controller.decorationsController.addDecorations).toHaveBeenCalledWith(
-        model,
-        'dirtyDiff',
-        jasmine.anything(),
-      );
-    });
-
-    it('adds decorations into editor', () => {
-      const spy = spyOn(controller.decorationsController.editor.instance, 'deltaDecorations');
-
-      controller.decorate({
-        data: { changes: computeDiff('123', '1234'), path: model.path },
-      });
-
-      expect(spy).toHaveBeenCalledWith(
-        [],
-        [
-          {
-            range: new Range(1, 1, 1, 1),
-            options: {
-              isWholeLine: true,
-              linesDecorationsClassName: 'dirty-diff dirty-diff-modified',
-            },
-          },
-        ],
-      );
-    });
-  });
-
-  describe('dispose', () => {
-    it('calls disposable dispose', () => {
-      spyOn(controller.disposable, 'dispose').and.callThrough();
-
-      controller.dispose();
-
-      expect(controller.disposable.dispose).toHaveBeenCalled();
-    });
-
-    it('terminates worker', () => {
-      spyOn(controller.dirtyDiffWorker, 'terminate').and.callThrough();
-
-      controller.dispose();
-
-      expect(controller.dirtyDiffWorker.terminate).toHaveBeenCalled();
-    });
-
-    it('removes worker event listener', () => {
-      spyOn(controller.dirtyDiffWorker, 'removeEventListener').and.callThrough();
-
-      controller.dispose();
-
-      expect(controller.dirtyDiffWorker.removeEventListener).toHaveBeenCalledWith(
-        'message',
-        jasmine.anything(),
-      );
-    });
-
-    it('clears cached models', () => {
-      controller.attachModel(model);
-
-      model.dispose();
-
-      expect(controller.models.size).toBe(0);
-    });
-  });
-});
diff --git a/spec/javascripts/ide/lib/editor_spec.js b/spec/javascripts/ide/lib/editor_spec.js
deleted file mode 100644
index 556bd45d3a5..00000000000
--- a/spec/javascripts/ide/lib/editor_spec.js
+++ /dev/null
@@ -1,287 +0,0 @@
-import { editor as monacoEditor } from 'monaco-editor';
-import Editor from '~/ide/lib/editor';
-import { file } from '../helpers';
-
-describe('Multi-file editor library', () => {
-  let instance;
-  let el;
-  let holder;
-
-  beforeEach(() => {
-    el = document.createElement('div');
-    holder = document.createElement('div');
-    el.appendChild(holder);
-
-    document.body.appendChild(el);
-
-    instance = Editor.create();
-  });
-
-  afterEach(() => {
-    instance.dispose();
-
-    el.remove();
-  });
-
-  it('creates instance of editor', () => {
-    expect(Editor.editorInstance).not.toBeNull();
-  });
-
-  it('creates instance returns cached instance', () => {
-    expect(Editor.create()).toEqual(instance);
-  });
-
-  describe('createInstance', () => {
-    it('creates editor instance', () => {
-      spyOn(monacoEditor, 'create').and.callThrough();
-
-      instance.createInstance(holder);
-
-      expect(monacoEditor.create).toHaveBeenCalled();
-    });
-
-    it('creates dirty diff controller', () => {
-      instance.createInstance(holder);
-
-      expect(instance.dirtyDiffController).not.toBeNull();
-    });
-
-    it('creates model manager', () => {
-      instance.createInstance(holder);
-
-      expect(instance.modelManager).not.toBeNull();
-    });
-  });
-
-  describe('createDiffInstance', () => {
-    it('creates editor instance', () => {
-      spyOn(monacoEditor, 'createDiffEditor').and.callThrough();
-
-      instance.createDiffInstance(holder);
-
-      expect(monacoEditor.createDiffEditor).toHaveBeenCalledWith(holder, {
-        model: null,
-        contextmenu: true,
-        minimap: {
-          enabled: false,
-        },
-        readOnly: true,
-        scrollBeyondLastLine: false,
-        renderWhitespace: 'none',
-        quickSuggestions: false,
-        occurrencesHighlight: false,
-        wordWrap: 'on',
-        renderSideBySide: true,
-        renderLineHighlight: 'all',
-        hideCursorInOverviewRuler: false,
-        theme: 'vs white',
-      });
-    });
-  });
-
-  describe('createModel', () => {
-    it('calls model manager addModel', () => {
-      spyOn(instance.modelManager, 'addModel');
-
-      instance.createModel('FILE');
-
-      expect(instance.modelManager.addModel).toHaveBeenCalledWith('FILE', null);
-    });
-  });
-
-  describe('attachModel', () => {
-    let model;
-
-    beforeEach(() => {
-      instance.createInstance(document.createElement('div'));
-
-      model = instance.createModel(file());
-    });
-
-    it('sets the current model on the instance', () => {
-      instance.attachModel(model);
-
-      expect(instance.currentModel).toBe(model);
-    });
-
-    it('attaches the model to the current instance', () => {
-      spyOn(instance.instance, 'setModel');
-
-      instance.attachModel(model);
-
-      expect(instance.instance.setModel).toHaveBeenCalledWith(model.getModel());
-    });
-
-    it('sets original & modified when diff editor', () => {
-      spyOn(instance.instance, 'getEditorType').and.returnValue('vs.editor.IDiffEditor');
-      spyOn(instance.instance, 'setModel');
-
-      instance.attachModel(model);
-
-      expect(instance.instance.setModel).toHaveBeenCalledWith({
-        original: model.getOriginalModel(),
-        modified: model.getModel(),
-      });
-    });
-
-    it('attaches the model to the dirty diff controller', () => {
-      spyOn(instance.dirtyDiffController, 'attachModel');
-
-      instance.attachModel(model);
-
-      expect(instance.dirtyDiffController.attachModel).toHaveBeenCalledWith(model);
-    });
-
-    it('re-decorates with the dirty diff controller', () => {
-      spyOn(instance.dirtyDiffController, 'reDecorate');
-
-      instance.attachModel(model);
-
-      expect(instance.dirtyDiffController.reDecorate).toHaveBeenCalledWith(model);
-    });
-  });
-
-  describe('attachMergeRequestModel', () => {
-    let model;
-
-    beforeEach(() => {
-      instance.createDiffInstance(document.createElement('div'));
-
-      const f = file();
-      f.mrChanges = { diff: 'ABC' };
-      f.baseRaw = 'testing';
-
-      model = instance.createModel(f);
-    });
-
-    it('sets original & modified', () => {
-      spyOn(instance.instance, 'setModel');
-
-      instance.attachMergeRequestModel(model);
-
-      expect(instance.instance.setModel).toHaveBeenCalledWith({
-        original: model.getBaseModel(),
-        modified: model.getModel(),
-      });
-    });
-  });
-
-  describe('clearEditor', () => {
-    it('resets the editor model', () => {
-      instance.createInstance(document.createElement('div'));
-
-      spyOn(instance.instance, 'setModel');
-
-      instance.clearEditor();
-
-      expect(instance.instance.setModel).toHaveBeenCalledWith(null);
-    });
-  });
-
-  describe('dispose', () => {
-    it('calls disposble dispose method', () => {
-      spyOn(instance.disposable, 'dispose').and.callThrough();
-
-      instance.dispose();
-
-      expect(instance.disposable.dispose).toHaveBeenCalled();
-    });
-
-    it('resets instance', () => {
-      instance.createInstance(document.createElement('div'));
-
-      expect(instance.instance).not.toBeNull();
-
-      instance.dispose();
-
-      expect(instance.instance).toBeNull();
-    });
-
-    it('does not dispose modelManager', () => {
-      spyOn(instance.modelManager, 'dispose');
-
-      instance.dispose();
-
-      expect(instance.modelManager.dispose).not.toHaveBeenCalled();
-    });
-
-    it('does not dispose decorationsController', () => {
-      spyOn(instance.decorationsController, 'dispose');
-
-      instance.dispose();
-
-      expect(instance.decorationsController.dispose).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('updateDiffView', () => {
-    describe('edit mode', () => {
-      it('does not update options', () => {
-        instance.createInstance(holder);
-
-        spyOn(instance.instance, 'updateOptions');
-
-        instance.updateDiffView();
-
-        expect(instance.instance.updateOptions).not.toHaveBeenCalled();
-      });
-    });
-
-    describe('diff mode', () => {
-      beforeEach(() => {
-        instance.createDiffInstance(holder);
-
-        spyOn(instance.instance, 'updateOptions').and.callThrough();
-      });
-
-      it('sets renderSideBySide to false if el is less than 700 pixels', () => {
-        spyOnProperty(instance.instance.getDomNode(), 'offsetWidth').and.returnValue(600);
-
-        expect(instance.instance.updateOptions).not.toHaveBeenCalledWith({
-          renderSideBySide: false,
-        });
-      });
-
-      it('sets renderSideBySide to false if el is more than 700 pixels', () => {
-        spyOnProperty(instance.instance.getDomNode(), 'offsetWidth').and.returnValue(800);
-
-        expect(instance.instance.updateOptions).not.toHaveBeenCalledWith({
-          renderSideBySide: true,
-        });
-      });
-    });
-  });
-
-  describe('isDiffEditorType', () => {
-    it('returns true when diff editor', () => {
-      instance.createDiffInstance(holder);
-
-      expect(instance.isDiffEditorType).toBe(true);
-    });
-
-    it('returns false when not diff editor', () => {
-      instance.createInstance(holder);
-
-      expect(instance.isDiffEditorType).toBe(false);
-    });
-  });
-
-  it('sets quickSuggestions to false when language is markdown', () => {
-    instance.createInstance(holder);
-
-    spyOn(instance.instance, 'updateOptions').and.callThrough();
-
-    const model = instance.createModel({
-      ...file(),
-      key: 'index.md',
-      path: 'index.md',
-    });
-
-    instance.attachModel(model);
-
-    expect(instance.instance.updateOptions).toHaveBeenCalledWith({
-      readOnly: false,
-      quickSuggestions: false,
-    });
-  });
-});
diff --git a/spec/javascripts/ide/stores/actions/tree_spec.js b/spec/javascripts/ide/stores/actions/tree_spec.js
index fabe44ce333..2201a3b4b57 100644
--- a/spec/javascripts/ide/stores/actions/tree_spec.js
+++ b/spec/javascripts/ide/stores/actions/tree_spec.js
@@ -30,6 +30,7 @@ describe('Multi-file store tree actions', () => {
     store.state.currentBranchId = 'master';
     store.state.projects.abcproject = {
       web_url: '',
+      path_with_namespace: 'foo/abcproject',
     };
   });
 
@@ -57,7 +58,7 @@ describe('Multi-file store tree actions', () => {
         store
           .dispatch('getFiles', basicCallParameters)
           .then(() => {
-            expect(service.getFiles).toHaveBeenCalledWith('', '12345678');
+            expect(service.getFiles).toHaveBeenCalledWith('foo/abcproject', '12345678');
 
             done();
           })
diff --git a/spec/javascripts/image_diff/helpers/badge_helper_spec.js b/spec/javascripts/image_diff/helpers/badge_helper_spec.js
deleted file mode 100644
index b3001d45e3c..00000000000
--- a/spec/javascripts/image_diff/helpers/badge_helper_spec.js
+++ /dev/null
@@ -1,130 +0,0 @@
-import * as badgeHelper from '~/image_diff/helpers/badge_helper';
-import * as mockData from '../mock_data';
-
-describe('badge helper', () => {
-  const { coordinate, noteId, badgeText, badgeNumber } = mockData;
-  let containerEl;
-  let buttonEl;
-
-  beforeEach(() => {
-    containerEl = document.createElement('div');
-  });
-
-  describe('createImageBadge', () => {
-    beforeEach(() => {
-      buttonEl = badgeHelper.createImageBadge(noteId, coordinate);
-    });
-
-    it('should create button', () => {
-      expect(buttonEl.tagName).toEqual('BUTTON');
-      expect(buttonEl.getAttribute('type')).toEqual('button');
-    });
-
-    it('should set disabled attribute', () => {
-      expect(buttonEl.hasAttribute('disabled')).toEqual(true);
-    });
-
-    it('should set noteId', () => {
-      expect(buttonEl.dataset.noteId).toEqual(noteId);
-    });
-
-    it('should set coordinate', () => {
-      expect(buttonEl.style.left).toEqual(`${coordinate.x}px`);
-      expect(buttonEl.style.top).toEqual(`${coordinate.y}px`);
-    });
-
-    describe('classNames', () => {
-      it('should set .js-image-badge by default', () => {
-        expect(buttonEl.className).toEqual('js-image-badge');
-      });
-
-      it('should add additional class names if parameter is passed', () => {
-        const classNames = ['first-class', 'second-class'];
-        buttonEl = badgeHelper.createImageBadge(noteId, coordinate, classNames);
-
-        expect(buttonEl.className).toEqual(classNames.concat('js-image-badge').join(' '));
-      });
-    });
-  });
-
-  describe('addImageBadge', () => {
-    beforeEach(() => {
-      badgeHelper.addImageBadge(containerEl, {
-        coordinate,
-        badgeText,
-        noteId,
-      });
-      buttonEl = containerEl.querySelector('button');
-    });
-
-    it('should appends button to container', () => {
-      expect(buttonEl).toBeDefined();
-    });
-
-    it('should add badge classes', () => {
-      expect(buttonEl.className).toContain('badge badge-pill');
-    });
-
-    it('should set the badge text', () => {
-      expect(buttonEl.innerText).toEqual(badgeText);
-    });
-
-    it('should set the button coordinates', () => {
-      expect(buttonEl.style.left).toEqual(`${coordinate.x}px`);
-      expect(buttonEl.style.top).toEqual(`${coordinate.y}px`);
-    });
-
-    it('should set the button noteId', () => {
-      expect(buttonEl.dataset.noteId).toEqual(noteId);
-    });
-  });
-
-  describe('addImageCommentBadge', () => {
-    beforeEach(() => {
-      badgeHelper.addImageCommentBadge(containerEl, {
-        coordinate,
-        noteId,
-      });
-      buttonEl = containerEl.querySelector('button');
-    });
-
-    it('should append icon button to container', () => {
-      expect(buttonEl).toBeDefined();
-    });
-
-    it('should create icon comment button', () => {
-      const iconEl = buttonEl.querySelector('svg');
-
-      expect(iconEl).toBeDefined();
-    });
-  });
-
-  describe('addAvatarBadge', () => {
-    let avatarBadgeEl;
-
-    beforeEach(() => {
-      containerEl.innerHTML = `
-        <div id="${noteId}">
-          <div class="badge hidden">
-          </div>
-        </div>
-      `;
-
-      badgeHelper.addAvatarBadge(containerEl, {
-        detail: {
-          noteId,
-          badgeNumber,
-        },
-      });
-      avatarBadgeEl = containerEl.querySelector(`#${noteId} .badge`);
-    });
-
-    it('should update badge number', () => {
-      expect(avatarBadgeEl.innerText).toEqual(badgeNumber.toString());
-    });
-
-    it('should remove hidden class', () => {
-      expect(avatarBadgeEl.classList.contains('hidden')).toEqual(false);
-    });
-  });
-});
diff --git a/spec/javascripts/image_diff/helpers/comment_indicator_helper_spec.js b/spec/javascripts/image_diff/helpers/comment_indicator_helper_spec.js
deleted file mode 100644
index 8e3e7f1222e..00000000000
--- a/spec/javascripts/image_diff/helpers/comment_indicator_helper_spec.js
+++ /dev/null
@@ -1,144 +0,0 @@
-import * as commentIndicatorHelper from '~/image_diff/helpers/comment_indicator_helper';
-import * as mockData from '../mock_data';
-
-describe('commentIndicatorHelper', () => {
-  const { coordinate } = mockData;
-  let containerEl;
-
-  beforeEach(() => {
-    containerEl = document.createElement('div');
-  });
-
-  describe('addCommentIndicator', () => {
-    let buttonEl;
-
-    beforeEach(() => {
-      commentIndicatorHelper.addCommentIndicator(containerEl, coordinate);
-      buttonEl = containerEl.querySelector('button');
-    });
-
-    it('should append button to container', () => {
-      expect(buttonEl).toBeDefined();
-    });
-
-    describe('button', () => {
-      it('should set coordinate', () => {
-        expect(buttonEl.style.left).toEqual(`${coordinate.x}px`);
-        expect(buttonEl.style.top).toEqual(`${coordinate.y}px`);
-      });
-
-      it('should contain image-comment-dark svg', () => {
-        const svgEl = buttonEl.querySelector('svg');
-
-        expect(svgEl).toBeDefined();
-
-        const svgLink = svgEl.querySelector('use').getAttribute('xlink:href');
-
-        expect(svgLink.indexOf('image-comment-dark')).not.toBe(-1);
-      });
-    });
-  });
-
-  describe('removeCommentIndicator', () => {
-    it('should return removed false if there is no comment-indicator', () => {
-      const result = commentIndicatorHelper.removeCommentIndicator(containerEl);
-
-      expect(result.removed).toEqual(false);
-    });
-
-    describe('has comment indicator', () => {
-      let result;
-
-      beforeEach(() => {
-        containerEl.innerHTML = `
-          <div class="comment-indicator" style="left:${coordinate.x}px; top: ${coordinate.y}px;">
-            <img src="${gl.TEST_HOST}/image.png">
-          </div>
-        `;
-        result = commentIndicatorHelper.removeCommentIndicator(containerEl);
-      });
-
-      it('should remove comment indicator', () => {
-        expect(containerEl.querySelector('.comment-indicator')).toBeNull();
-      });
-
-      it('should return removed true', () => {
-        expect(result.removed).toEqual(true);
-      });
-
-      it('should return indicator meta', () => {
-        expect(result.x).toEqual(coordinate.x);
-        expect(result.y).toEqual(coordinate.y);
-        expect(result.image).toBeDefined();
-        expect(result.image.width).toBeDefined();
-        expect(result.image.height).toBeDefined();
-      });
-    });
-  });
-
-  describe('showCommentIndicator', () => {
-    describe('commentIndicator exists', () => {
-      beforeEach(() => {
-        containerEl.innerHTML = `
-          <button class="comment-indicator"></button>
-        `;
-        commentIndicatorHelper.showCommentIndicator(containerEl, coordinate);
-      });
-
-      it('should set commentIndicator coordinates', () => {
-        const commentIndicatorEl = containerEl.querySelector('.comment-indicator');
-
-        expect(commentIndicatorEl.style.left).toEqual(`${coordinate.x}px`);
-        expect(commentIndicatorEl.style.top).toEqual(`${coordinate.y}px`);
-      });
-    });
-
-    describe('commentIndicator does not exist', () => {
-      beforeEach(() => {
-        commentIndicatorHelper.showCommentIndicator(containerEl, coordinate);
-      });
-
-      it('should addCommentIndicator', () => {
-        const buttonEl = containerEl.querySelector('.comment-indicator');
-
-        expect(buttonEl).toBeDefined();
-        expect(buttonEl.style.left).toEqual(`${coordinate.x}px`);
-        expect(buttonEl.style.top).toEqual(`${coordinate.y}px`);
-      });
-    });
-  });
-
-  describe('commentIndicatorOnClick', () => {
-    let event;
-    let textAreaEl;
-
-    beforeEach(() => {
-      containerEl.innerHTML = `
-        <div class="diff-viewer">
-          <button></button>
-          <div class="note-container">
-            <textarea class="note-textarea"></textarea>
-          </div>
-        </div>
-      `;
-      textAreaEl = containerEl.querySelector('textarea');
-
-      event = {
-        stopPropagation: () => {},
-        currentTarget: containerEl.querySelector('button'),
-      };
-
-      spyOn(event, 'stopPropagation');
-      spyOn(textAreaEl, 'focus');
-      commentIndicatorHelper.commentIndicatorOnClick(event);
-    });
-
-    it('should stopPropagation', () => {
-      expect(event.stopPropagation).toHaveBeenCalled();
-    });
-
-    it('should focus textAreaEl', () => {
-      expect(textAreaEl.focus).toHaveBeenCalled();
-    });
-  });
-});
diff --git a/spec/javascripts/image_diff/helpers/dom_helper_spec.js b/spec/javascripts/image_diff/helpers/dom_helper_spec.js
deleted file mode 100644
index ffe712af2dd..00000000000
--- a/spec/javascripts/image_diff/helpers/dom_helper_spec.js
+++ /dev/null
@@ -1,120 +0,0 @@
-import * as domHelper from '~/image_diff/helpers/dom_helper';
-import * as mockData from '../mock_data';
-
-describe('domHelper', () => {
-  const { imageMeta, badgeNumber } = mockData;
-
-  describe('setPositionDataAttribute', () => {
-    let containerEl;
-    let attributeAfterCall;
-    const position = {
-      myProperty: 'myProperty',
-    };
-
-    beforeEach(() => {
-      containerEl = document.createElement('div');
-      containerEl.dataset.position = JSON.stringify(position);
-      domHelper.setPositionDataAttribute(containerEl, imageMeta);
-      attributeAfterCall = JSON.parse(containerEl.dataset.position);
-    });
-
-    it('should set x, y, width, height', () => {
-      expect(attributeAfterCall.x).toEqual(imageMeta.x);
-      expect(attributeAfterCall.y).toEqual(imageMeta.y);
-      expect(attributeAfterCall.width).toEqual(imageMeta.width);
-      expect(attributeAfterCall.height).toEqual(imageMeta.height);
-    });
-
-    it('should not override other properties', () => {
-      expect(attributeAfterCall.myProperty).toEqual('myProperty');
-    });
-  });
-
-  describe('updateDiscussionAvatarBadgeNumber', () => {
-    let discussionEl;
-
-    beforeEach(() => {
-      discussionEl = document.createElement('div');
-      discussionEl.innerHTML = `
-        <a href="#" class="image-diff-avatar-link">
-          <div class="badge"></div>
-        </a>
-      `;
-      domHelper.updateDiscussionAvatarBadgeNumber(discussionEl, badgeNumber);
-    });
-
-    it('should update avatar badge number', () => {
-      expect(discussionEl.querySelector('.badge').innerText).toEqual(badgeNumber.toString());
-    });
-  });
-
-  describe('updateDiscussionBadgeNumber', () => {
-    let discussionEl;
-
-    beforeEach(() => {
-      discussionEl = document.createElement('div');
-      discussionEl.innerHTML = `
-        <div class="badge"></div>
-      `;
-      domHelper.updateDiscussionBadgeNumber(discussionEl, badgeNumber);
-    });
-
-    it('should update discussion badge number', () => {
-      expect(discussionEl.querySelector('.badge').innerText).toEqual(badgeNumber.toString());
-    });
-  });
-
-  describe('toggleCollapsed', () => {
-    let element;
-    let discussionNotesEl;
-
-    beforeEach(() => {
-      element = document.createElement('div');
-      element.innerHTML = `
-        <div class="discussion-notes">
-          <button></button>
-          <form class="discussion-form"></form>
-        </div>
-      `;
-      discussionNotesEl = element.querySelector('.discussion-notes');
-    });
-
-    describe('not collapsed', () => {
-      beforeEach(() => {
-        domHelper.toggleCollapsed({
-          currentTarget: element.querySelector('button'),
-        });
-      });
-
-      it('should add collapsed class', () => {
-        expect(discussionNotesEl.classList.contains('collapsed')).toEqual(true);
-      });
-
-      it('should force formEl to display none', () => {
-        const formEl = element.querySelector('.discussion-form');
-
-        expect(formEl.style.display).toEqual('none');
-      });
-    });
-
-    describe('collapsed', () => {
-      beforeEach(() => {
-        discussionNotesEl.classList.add('collapsed');
-
-        domHelper.toggleCollapsed({
-          currentTarget: element.querySelector('button'),
-        });
-      });
-
-      it('should remove collapsed class', () => {
-        expect(discussionNotesEl.classList.contains('collapsed')).toEqual(false);
-      });
-
-      it('should force formEl to display block', () => {
-        const formEl = element.querySelector('.discussion-form');
-
-        expect(formEl.style.display).toEqual('block');
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/image_diff/helpers/utils_helper_spec.js b/spec/javascripts/image_diff/helpers/utils_helper_spec.js
deleted file mode 100644
index 3b6378be883..00000000000
--- a/spec/javascripts/image_diff/helpers/utils_helper_spec.js
+++ /dev/null
@@ -1,152 +0,0 @@
-import * as utilsHelper from '~/image_diff/helpers/utils_helper';
-import ImageBadge from '~/image_diff/image_badge';
-import * as mockData from '../mock_data';
-
-describe('utilsHelper', () => {
-  const { noteId, discussionId, image, imageProperties, imageMeta } = mockData;
-
-  describe('resizeCoordinatesToImageElement', () => {
-    let result;
-
-    beforeEach(() => {
-      result = utilsHelper.resizeCoordinatesToImageElement(image, imageMeta);
-    });
-
-    it('should return x based on widthRatio', () => {
-      expect(result.x).toEqual(imageMeta.x * 0.5);
-    });
-
-    it('should return y based on heightRatio', () => {
-      expect(result.y).toEqual(imageMeta.y * 0.5);
-    });
-
-    it('should return image width', () => {
-      expect(result.width).toEqual(image.width);
-    });
-
-    it('should return image height', () => {
-      expect(result.height).toEqual(image.height);
-    });
-  });
-
-  describe('generateBadgeFromDiscussionDOM', () => {
-    let discussionEl;
-    let result;
-
-    beforeEach(() => {
-      const imageFrameEl = document.createElement('div');
-      imageFrameEl.innerHTML = `
-        <img src="${gl.TEST_HOST}/image.png">
-      `;
-      discussionEl = document.createElement('div');
-      discussionEl.dataset.discussionId = discussionId;
-      discussionEl.innerHTML = `
-        <div class="note" id="${noteId}"></div>
-      `;
-      discussionEl.dataset.position = JSON.stringify(imageMeta);
-      result = utilsHelper.generateBadgeFromDiscussionDOM(imageFrameEl, discussionEl);
-    });
-
-    it('should return actual image properties', () => {
-      const { actual } = result;
-
-      expect(actual.x).toEqual(imageMeta.x);
-      expect(actual.y).toEqual(imageMeta.y);
-      expect(actual.width).toEqual(imageMeta.width);
-      expect(actual.height).toEqual(imageMeta.height);
-    });
-
-    it('should return browser image properties', () => {
-      const { browser } = result;
-
-      expect(browser.x).toBeDefined();
-      expect(browser.y).toBeDefined();
-      expect(browser.width).toBeDefined();
-      expect(browser.height).toBeDefined();
-    });
-
-    it('should return instance of ImageBadge', () => {
-      expect(result instanceof ImageBadge).toEqual(true);
-    });
-
-    it('should return noteId', () => {
-      expect(result.noteId).toEqual(noteId);
-    });
-
-    it('should return discussionId', () => {
-      expect(result.discussionId).toEqual(discussionId);
-    });
-  });
-
-  describe('getTargetSelection', () => {
-    let containerEl;
-
-    beforeEach(() => {
-      containerEl = {
-        querySelector: () => imageProperties,
-      };
-    });
-
-    function generateEvent(offsetX, offsetY) {
-      return {
-        currentTarget: containerEl,
-        offsetX,
-        offsetY,
-      };
-    }
-
-    it('should return browser properties', () => {
-      const event = generateEvent(25, 25);
-      const result = utilsHelper.getTargetSelection(event);
-
-      const { browser } = result;
-
-      expect(browser.x).toEqual(event.offsetX);
-      expect(browser.y).toEqual(event.offsetY);
-      expect(browser.width).toEqual(imageProperties.width);
-      expect(browser.height).toEqual(imageProperties.height);
-    });
-
-    it('should return resized actual image properties', () => {
-      const event = generateEvent(50, 50);
-      const result = utilsHelper.getTargetSelection(event);
-
-      const { actual } = result;
-
-      expect(actual.x).toEqual(100);
-      expect(actual.y).toEqual(100);
-      expect(actual.width).toEqual(imageProperties.naturalWidth);
-      expect(actual.height).toEqual(imageProperties.naturalHeight);
-    });
-
-    describe('normalize coordinates', () => {
-      it('should return x = 0 if x < 0', () => {
-        const event = generateEvent(-5, 50);
-        const result = utilsHelper.getTargetSelection(event);
-
-        expect(result.browser.x).toEqual(0);
-      });
-
-      it('should return x = width if x > width', () => {
-        const event = generateEvent(1000, 50);
-        const result = utilsHelper.getTargetSelection(event);
-
-        expect(result.browser.x).toEqual(imageProperties.width);
-      });
-
-      it('should return y = 0 if y < 0', () => {
-        const event = generateEvent(50, -10);
-        const result = utilsHelper.getTargetSelection(event);
-
-        expect(result.browser.y).toEqual(0);
-      });
-
-      it('should return y = height if y > height', () => {
-        const event = generateEvent(50, 1000);
-        const result = utilsHelper.getTargetSelection(event);
-
-        expect(result.browser.y).toEqual(imageProperties.height);
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/image_diff/image_badge_spec.js b/spec/javascripts/image_diff/image_badge_spec.js
deleted file mode 100644
index 2b23dce5d30..00000000000
--- a/spec/javascripts/image_diff/image_badge_spec.js
+++ /dev/null
@@ -1,96 +0,0 @@
-import ImageBadge from '~/image_diff/image_badge';
-import imageDiffHelper from '~/image_diff/helpers/index';
-import * as mockData from './mock_data';
-
-describe('ImageBadge', () => {
-  const { noteId, discussionId, imageMeta } = mockData;
-  const options = {
-    noteId,
-    discussionId,
-  };
-
-  it('should save actual property', () => {
-    const imageBadge = new ImageBadge(
-      Object.assign({}, options, {
-        actual: imageMeta,
-      }),
-    );
-
-    const { actual } = imageBadge;
-
-    expect(actual.x).toEqual(imageMeta.x);
-    expect(actual.y).toEqual(imageMeta.y);
-    expect(actual.width).toEqual(imageMeta.width);
-    expect(actual.height).toEqual(imageMeta.height);
-  });
-
-  it('should save browser property', () => {
-    const imageBadge = new ImageBadge(
-      Object.assign({}, options, {
-        browser: imageMeta,
-      }),
-    );
-
-    const { browser } = imageBadge;
-
-    expect(browser.x).toEqual(imageMeta.x);
-    expect(browser.y).toEqual(imageMeta.y);
-    expect(browser.width).toEqual(imageMeta.width);
-    expect(browser.height).toEqual(imageMeta.height);
-  });
-
-  it('should save noteId', () => {
-    const imageBadge = new ImageBadge(options);
-
-    expect(imageBadge.noteId).toEqual(noteId);
-  });
-
-  it('should save discussionId', () => {
-    const imageBadge = new ImageBadge(options);
-
-    expect(imageBadge.discussionId).toEqual(discussionId);
-  });
-
-  describe('default values', () => {
-    let imageBadge;
-
-    beforeEach(() => {
-      imageBadge = new ImageBadge(options);
-    });
-
-    it('should return defaultimageMeta if actual property is not provided', () => {
-      const { actual } = imageBadge;
-
-      expect(actual.x).toEqual(0);
-      expect(actual.y).toEqual(0);
-      expect(actual.width).toEqual(0);
-      expect(actual.height).toEqual(0);
-    });
-
-    it('should return defaultimageMeta if browser property is not provided', () => {
-      const { browser } = imageBadge;
-
-      expect(browser.x).toEqual(0);
-      expect(browser.y).toEqual(0);
-      expect(browser.width).toEqual(0);
-      expect(browser.height).toEqual(0);
-    });
-  });
-
-  describe('imageEl property is provided and not browser property', () => {
-    beforeEach(() => {
-      spyOn(imageDiffHelper, 'resizeCoordinatesToImageElement').and.returnValue(true);
-    });
-
-    it('should generate browser property', () => {
-      const imageBadge = new ImageBadge(
-        Object.assign({}, options, {
-          imageEl: document.createElement('img'),
-        }),
-      );
-
-      expect(imageDiffHelper.resizeCoordinatesToImageElement).toHaveBeenCalled();
-      expect(imageBadge.browser).toEqual(true);
-    });
-  });
-});
diff --git a/spec/javascripts/image_diff/image_diff_spec.js b/spec/javascripts/image_diff/image_diff_spec.js
deleted file mode 100644
index 21e7b8e2e9b..00000000000
--- a/spec/javascripts/image_diff/image_diff_spec.js
+++ /dev/null
@@ -1,361 +0,0 @@
-import ImageDiff from '~/image_diff/image_diff';
-import * as imageUtility from '~/lib/utils/image_utility';
-import imageDiffHelper from '~/image_diff/helpers/index';
-import * as mockData from './mock_data';
-
-describe('ImageDiff', () => {
-  let element;
-  let imageDiff;
-
-  beforeEach(() => {
-    setFixtures(`
-      <div id="element">
-        <div class="diff-file">
-          <div class="js-image-frame">
-            <img src="${gl.TEST_HOST}/image.png">
-            <div class="comment-indicator"></div>
-            <div id="badge-1" class="badge">1</div>
-            <div id="badge-2" class="badge">2</div>
-            <div id="badge-3" class="badge">3</div>
-          </div>
-          <div class="note-container">
-            <div class="discussion-notes">
-              <div class="js-diff-notes-toggle"></div>
-              <div class="notes"></div>
-            </div>
-            <div class="discussion-notes">
-              <div class="js-diff-notes-toggle"></div>
-              <div class="notes"></div>
-            </div>
-          </div>
-        </div>
-      </div>
-    `);
-    element = document.getElementById('element');
-  });
-
-  describe('constructor', () => {
-    beforeEach(() => {
-      imageDiff = new ImageDiff(element, {
-        canCreateNote: true,
-        renderCommentBadge: true,
-      });
-    });
-
-    it('should set el', () => {
-      expect(imageDiff.el).toEqual(element);
-    });
-
-    it('should set canCreateNote', () => {
-      expect(imageDiff.canCreateNote).toEqual(true);
-    });
-
-    it('should set renderCommentBadge', () => {
-      expect(imageDiff.renderCommentBadge).toEqual(true);
-    });
-
-    it('should set $noteContainer', () => {
-      expect(imageDiff.$noteContainer[0]).toEqual(element.querySelector('.note-container'));
-    });
-
-    describe('default', () => {
-      beforeEach(() => {
-        imageDiff = new ImageDiff(element);
-      });
-
-      it('should set canCreateNote as false', () => {
-        expect(imageDiff.canCreateNote).toEqual(false);
-      });
-
-      it('should set renderCommentBadge as false', () => {
-        expect(imageDiff.renderCommentBadge).toEqual(false);
-      });
-    });
-  });
-
-  describe('init', () => {
-    beforeEach(() => {
-      spyOn(ImageDiff.prototype, 'bindEvents').and.callFake(() => {});
-      imageDiff = new ImageDiff(element);
-      imageDiff.init();
-    });
-
-    it('should set imageFrameEl', () => {
-      expect(imageDiff.imageFrameEl).toEqual(element.querySelector('.diff-file .js-image-frame'));
-    });
-
-    it('should set imageEl', () => {
-      expect(imageDiff.imageEl).toEqual(element.querySelector('.diff-file .js-image-frame img'));
-    });
-
-    it('should call bindEvents', () => {
-      expect(imageDiff.bindEvents).toHaveBeenCalled();
-    });
-  });
-
-  describe('bindEvents', () => {
-    let imageEl;
-
-    beforeEach(() => {
-      spyOn(imageDiffHelper, 'toggleCollapsed').and.callFake(() => {});
-      spyOn(imageDiffHelper, 'commentIndicatorOnClick').and.callFake(() => {});
-      spyOn(imageDiffHelper, 'removeCommentIndicator').and.callFake(() => {});
-      spyOn(ImageDiff.prototype, 'imageClicked').and.callFake(() => {});
-      spyOn(ImageDiff.prototype, 'addBadge').and.callFake(() => {});
-      spyOn(ImageDiff.prototype, 'removeBadge').and.callFake(() => {});
-      spyOn(ImageDiff.prototype, 'renderBadges').and.callFake(() => {});
-      imageEl = element.querySelector('.diff-file .js-image-frame img');
-    });
-
-    describe('default', () => {
-      beforeEach(() => {
-        spyOn(imageUtility, 'isImageLoaded').and.returnValue(false);
-        imageDiff = new ImageDiff(element);
-        imageDiff.imageEl = imageEl;
-        imageDiff.bindEvents();
-      });
-
-      it('should register click event delegation to js-diff-notes-toggle', () => {
-        element.querySelector('.js-diff-notes-toggle').click();
-
-        expect(imageDiffHelper.toggleCollapsed).toHaveBeenCalled();
-      });
-
-      it('should register click event delegation to comment-indicator', () => {
-        element.querySelector('.comment-indicator').click();
-
-        expect(imageDiffHelper.commentIndicatorOnClick).toHaveBeenCalled();
-      });
-    });
-
-    describe('image not loaded', () => {
-      beforeEach(() => {
-        spyOn(imageUtility, 'isImageLoaded').and.returnValue(false);
-        imageDiff = new ImageDiff(element);
-        imageDiff.imageEl = imageEl;
-        imageDiff.bindEvents();
-      });
-
-      it('should registers load eventListener', () => {
-        const loadEvent = new Event('load');
-        imageEl.dispatchEvent(loadEvent);
-
-        expect(imageDiff.renderBadges).toHaveBeenCalled();
-      });
-    });
-
-    describe('canCreateNote', () => {
-      beforeEach(() => {
-        spyOn(imageUtility, 'isImageLoaded').and.returnValue(false);
-        imageDiff = new ImageDiff(element, {
-          canCreateNote: true,
-        });
-        imageDiff.imageEl = imageEl;
-        imageDiff.bindEvents();
-      });
-
-      it('should register click.imageDiff event', () => {
-        const event = new CustomEvent('click.imageDiff');
-        element.dispatchEvent(event);
-
-        expect(imageDiff.imageClicked).toHaveBeenCalled();
-      });
-
-      it('should register blur.imageDiff event', () => {
-        const event = new CustomEvent('blur.imageDiff');
-        element.dispatchEvent(event);
-
-        expect(imageDiffHelper.removeCommentIndicator).toHaveBeenCalled();
-      });
-
-      it('should register addBadge.imageDiff event', () => {
-        const event = new CustomEvent('addBadge.imageDiff');
-        element.dispatchEvent(event);
-
-        expect(imageDiff.addBadge).toHaveBeenCalled();
-      });
-
-      it('should register removeBadge.imageDiff event', () => {
-        const event = new CustomEvent('removeBadge.imageDiff');
-        element.dispatchEvent(event);
-
-        expect(imageDiff.removeBadge).toHaveBeenCalled();
-      });
-    });
-
-    describe('canCreateNote is false', () => {
-      beforeEach(() => {
-        spyOn(imageUtility, 'isImageLoaded').and.returnValue(false);
-        imageDiff = new ImageDiff(element);
-        imageDiff.imageEl = imageEl;
-        imageDiff.bindEvents();
-      });
-
-      it('should not register click.imageDiff event', () => {
-        const event = new CustomEvent('click.imageDiff');
-        element.dispatchEvent(event);
-
-        expect(imageDiff.imageClicked).not.toHaveBeenCalled();
-      });
-    });
-  });
-
-  describe('imageClicked', () => {
-    beforeEach(() => {
-      spyOn(imageDiffHelper, 'getTargetSelection').and.returnValue({
-        actual: {},
-        browser: {},
-      });
-      spyOn(imageDiffHelper, 'setPositionDataAttribute').and.callFake(() => {});
-      spyOn(imageDiffHelper, 'showCommentIndicator').and.callFake(() => {});
-      imageDiff = new ImageDiff(element);
-      imageDiff.imageClicked({
-        detail: {
-          currentTarget: {},
-        },
-      });
-    });
-
-    it('should call getTargetSelection', () => {
-      expect(imageDiffHelper.getTargetSelection).toHaveBeenCalled();
-    });
-
-    it('should call setPositionDataAttribute', () => {
-      expect(imageDiffHelper.setPositionDataAttribute).toHaveBeenCalled();
-    });
-
-    it('should call showCommentIndicator', () => {
-      expect(imageDiffHelper.showCommentIndicator).toHaveBeenCalled();
-    });
-  });
-
-  describe('renderBadges', () => {
-    beforeEach(() => {
-      spyOn(ImageDiff.prototype, 'renderBadge').and.callFake(() => {});
-      imageDiff = new ImageDiff(element);
-      imageDiff.renderBadges();
-    });
-
-    it('should call renderBadge for each discussionEl', () => {
-      const discussionEls = element.querySelectorAll('.note-container .discussion-notes .notes');
-
-      expect(imageDiff.renderBadge.calls.count()).toEqual(discussionEls.length);
-    });
-  });
-
-  describe('renderBadge', () => {
-    let discussionEls;
-
-    beforeEach(() => {
-      spyOn(imageDiffHelper, 'addImageBadge').and.callFake(() => {});
-      spyOn(imageDiffHelper, 'addImageCommentBadge').and.callFake(() => {});
-      spyOn(imageDiffHelper, 'generateBadgeFromDiscussionDOM').and.returnValue({
-        browser: {},
-        noteId: 'noteId',
-      });
-      discussionEls = element.querySelectorAll('.note-container .discussion-notes .notes');
-      imageDiff = new ImageDiff(element);
-      imageDiff.renderBadge(discussionEls[0], 0);
-    });
-
-    it('should populate imageBadges', () => {
-      expect(imageDiff.imageBadges.length).toEqual(1);
-    });
-
-    describe('renderCommentBadge', () => {
-      beforeEach(() => {
-        imageDiff.renderCommentBadge = true;
-        imageDiff.renderBadge(discussionEls[0], 0);
-      });
-
-      it('should call addImageCommentBadge', () => {
-        expect(imageDiffHelper.addImageCommentBadge).toHaveBeenCalled();
-      });
-    });
-
-    describe('renderCommentBadge is false', () => {
-      it('should call addImageBadge', () => {
-        expect(imageDiffHelper.addImageBadge).toHaveBeenCalled();
-      });
-    });
-  });
-
-  describe('addBadge', () => {
-    beforeEach(() => {
-      spyOn(imageDiffHelper, 'addImageBadge').and.callFake(() => {});
-      spyOn(imageDiffHelper, 'addAvatarBadge').and.callFake(() => {});
-      spyOn(imageDiffHelper, 'updateDiscussionBadgeNumber').and.callFake(() => {});
-      imageDiff = new ImageDiff(element);
-      imageDiff.imageFrameEl = element.querySelector('.diff-file .js-image-frame');
-      imageDiff.addBadge({
-        detail: {
-          x: 0,
-          y: 1,
-          width: 25,
-          height: 50,
-          noteId: 'noteId',
-          discussionId: 'discussionId',
-        },
-      });
-    });
-
-    it('should add imageBadge to imageBadges', () => {
-      expect(imageDiff.imageBadges.length).toEqual(1);
-    });
-
-    it('should call addImageBadge', () => {
-      expect(imageDiffHelper.addImageBadge).toHaveBeenCalled();
-    });
-
-    it('should call addAvatarBadge', () => {
-      expect(imageDiffHelper.addAvatarBadge).toHaveBeenCalled();
-    });
-
-    it('should call updateDiscussionBadgeNumber', () => {
-      expect(imageDiffHelper.updateDiscussionBadgeNumber).toHaveBeenCalled();
-    });
-  });
-
-  describe('removeBadge', () => {
-    beforeEach(() => {
-      const { imageMeta } = mockData;
-
-      spyOn(imageDiffHelper, 'updateDiscussionBadgeNumber').and.callFake(() => {});
-      spyOn(imageDiffHelper, 'updateDiscussionAvatarBadgeNumber').and.callFake(() => {});
-      imageDiff = new ImageDiff(element);
-      imageDiff.imageBadges = [imageMeta, imageMeta, imageMeta];
-      imageDiff.imageFrameEl = element.querySelector('.diff-file .js-image-frame');
-      imageDiff.removeBadge({
-        detail: {
-          badgeNumber: 2,
-        },
-      });
-    });
-
-    describe('cascade badge count', () => {
-      it('should update next imageBadgeEl value', () => {
-        const imageBadgeEls = imageDiff.imageFrameEl.querySelectorAll('.badge');
-
-        expect(imageBadgeEls[0].innerText).toEqual('1');
-        expect(imageBadgeEls[1].innerText).toEqual('2');
-        expect(imageBadgeEls.length).toEqual(2);
-      });
-
-      it('should call updateDiscussionBadgeNumber', () => {
-        expect(imageDiffHelper.updateDiscussionBadgeNumber).toHaveBeenCalled();
-      });
-
-      it('should call updateDiscussionAvatarBadgeNumber', () => {
-        expect(imageDiffHelper.updateDiscussionAvatarBadgeNumber).toHaveBeenCalled();
-      });
-    });
-
-    it('should remove badge from imageBadges', () => {
-      expect(imageDiff.imageBadges.length).toEqual(2);
-    });
-
-    it('should remove imageBadgeEl', () => {
-      expect(imageDiff.imageFrameEl.querySelector('#badge-2')).toBeNull();
-    });
-  });
-});
diff --git a/spec/javascripts/image_diff/mock_data.js b/spec/javascripts/image_diff/mock_data.js
deleted file mode 100644
index a0d1732dd0a..00000000000
--- a/spec/javascripts/image_diff/mock_data.js
+++ /dev/null
@@ -1,28 +0,0 @@
-export const noteId = 'noteId';
-export const discussionId = 'discussionId';
-export const badgeText = 'badgeText';
-export const badgeNumber = 5;
-
-export const coordinate = {
-  x: 100,
-  y: 100,
-};
-
-export const image = {
-  width: 100,
-  height: 100,
-};
-
-export const imageProperties = {
-  width: image.width,
-  height: image.height,
-  naturalWidth: image.width * 2,
-  naturalHeight: image.height * 2,
-};
-
-export const imageMeta = {
-  x: coordinate.x,
-  y: coordinate.y,
-  width: imageProperties.naturalWidth,
-  height: imageProperties.naturalHeight,
-};
diff --git a/spec/javascripts/image_diff/replaced_image_diff_spec.js b/spec/javascripts/image_diff/replaced_image_diff_spec.js
deleted file mode 100644
index 62e7c8b6c6a..00000000000
--- a/spec/javascripts/image_diff/replaced_image_diff_spec.js
+++ /dev/null
@@ -1,355 +0,0 @@
-import ReplacedImageDiff from '~/image_diff/replaced_image_diff';
-import ImageDiff from '~/image_diff/image_diff';
-import { viewTypes } from '~/image_diff/view_types';
-import imageDiffHelper from '~/image_diff/helpers/index';
-
-describe('ReplacedImageDiff', () => {
-  let element;
-  let replacedImageDiff;
-
-  beforeEach(() => {
-    setFixtures(`
-      <div id="element">
-        <div class="two-up">
-          <div class="js-image-frame">
-            <img src="${gl.TEST_HOST}/image.png">
-          </div>
-        </div>
-        <div class="swipe">
-          <div class="js-image-frame">
-            <img src="${gl.TEST_HOST}/image.png">
-          </div>
-        </div>
-        <div class="onion-skin">
-          <div class="js-image-frame">
-            <img src="${gl.TEST_HOST}/image.png">
-          </div>
-        </div>
-        <div class="view-modes-menu">
-          <div class="two-up">2-up</div>
-          <div class="swipe">Swipe</div>
-          <div class="onion-skin">Onion skin</div>
-        </div>
-      </div>
-    `);
-    element = document.getElementById('element');
-  });
-
-  function setupImageFrameEls() {
-    replacedImageDiff.imageFrameEls = [];
-    replacedImageDiff.imageFrameEls[viewTypes.TWO_UP] = element.querySelector(
-      '.two-up .js-image-frame',
-    );
-    replacedImageDiff.imageFrameEls[viewTypes.SWIPE] = element.querySelector(
-      '.swipe .js-image-frame',
-    );
-    replacedImageDiff.imageFrameEls[viewTypes.ONION_SKIN] = element.querySelector(
-      '.onion-skin .js-image-frame',
-    );
-  }
-
-  function setupViewModesEls() {
-    replacedImageDiff.viewModesEls = [];
-    replacedImageDiff.viewModesEls[viewTypes.TWO_UP] = element.querySelector(
-      '.view-modes-menu .two-up',
-    );
-    replacedImageDiff.viewModesEls[viewTypes.SWIPE] = element.querySelector(
-      '.view-modes-menu .swipe',
-    );
-    replacedImageDiff.viewModesEls[viewTypes.ONION_SKIN] = element.querySelector(
-      '.view-modes-menu .onion-skin',
-    );
-  }
-
-  function setupImageEls() {
-    replacedImageDiff.imageEls = [];
-    replacedImageDiff.imageEls[viewTypes.TWO_UP] = element.querySelector('.two-up img');
-    replacedImageDiff.imageEls[viewTypes.SWIPE] = element.querySelector('.swipe img');
-    replacedImageDiff.imageEls[viewTypes.ONION_SKIN] = element.querySelector('.onion-skin img');
-  }
-
-  it('should extend ImageDiff', () => {
-    replacedImageDiff = new ReplacedImageDiff(element);
-
-    expect(replacedImageDiff instanceof ImageDiff).toEqual(true);
-  });
-
-  describe('init', () => {
-    beforeEach(() => {
-      spyOn(ReplacedImageDiff.prototype, 'bindEvents').and.callFake(() => {});
-      spyOn(ReplacedImageDiff.prototype, 'generateImageEls').and.callFake(() => {});
-
-      replacedImageDiff = new ReplacedImageDiff(element);
-      replacedImageDiff.init();
-    });
-
-    it('should set imageFrameEls', () => {
-      const { imageFrameEls } = replacedImageDiff;
-
-      expect(imageFrameEls).toBeDefined();
-      expect(imageFrameEls[viewTypes.TWO_UP]).toEqual(
-        element.querySelector('.two-up .js-image-frame'),
-      );
-
-      expect(imageFrameEls[viewTypes.SWIPE]).toEqual(
-        element.querySelector('.swipe .js-image-frame'),
-      );
-
-      expect(imageFrameEls[viewTypes.ONION_SKIN]).toEqual(
-        element.querySelector('.onion-skin .js-image-frame'),
-      );
-    });
-
-    it('should set viewModesEls', () => {
-      const { viewModesEls } = replacedImageDiff;
-
-      expect(viewModesEls).toBeDefined();
-      expect(viewModesEls[viewTypes.TWO_UP]).toEqual(
-        element.querySelector('.view-modes-menu .two-up'),
-      );
-
-      expect(viewModesEls[viewTypes.SWIPE]).toEqual(
-        element.querySelector('.view-modes-menu .swipe'),
-      );
-
-      expect(viewModesEls[viewTypes.ONION_SKIN]).toEqual(
-        element.querySelector('.view-modes-menu .onion-skin'),
-      );
-    });
-
-    it('should generateImageEls', () => {
-      expect(ReplacedImageDiff.prototype.generateImageEls).toHaveBeenCalled();
-    });
-
-    it('should bindEvents', () => {
-      expect(ReplacedImageDiff.prototype.bindEvents).toHaveBeenCalled();
-    });
-
-    describe('currentView', () => {
-      it('should set currentView', () => {
-        replacedImageDiff.init(viewTypes.ONION_SKIN);
-
-        expect(replacedImageDiff.currentView).toEqual(viewTypes.ONION_SKIN);
-      });
-
-      it('should default to viewTypes.TWO_UP', () => {
-        expect(replacedImageDiff.currentView).toEqual(viewTypes.TWO_UP);
-      });
-    });
-  });
-
-  describe('generateImageEls', () => {
-    beforeEach(() => {
-      spyOn(ReplacedImageDiff.prototype, 'bindEvents').and.callFake(() => {});
-
-      replacedImageDiff = new ReplacedImageDiff(element, {
-        canCreateNote: false,
-        renderCommentBadge: false,
-      });
-
-      setupImageFrameEls();
-    });
-
-    it('should set imageEls', () => {
-      replacedImageDiff.generateImageEls();
-      const { imageEls } = replacedImageDiff;
-
-      expect(imageEls).toBeDefined();
-      expect(imageEls[viewTypes.TWO_UP]).toEqual(element.querySelector('.two-up img'));
-      expect(imageEls[viewTypes.SWIPE]).toEqual(element.querySelector('.swipe img'));
-      expect(imageEls[viewTypes.ONION_SKIN]).toEqual(element.querySelector('.onion-skin img'));
-    });
-  });
-
-  describe('bindEvents', () => {
-    beforeEach(() => {
-      spyOn(ImageDiff.prototype, 'bindEvents').and.callFake(() => {});
-      replacedImageDiff = new ReplacedImageDiff(element);
-
-      setupViewModesEls();
-    });
-
-    it('should call super.bindEvents', () => {
-      replacedImageDiff.bindEvents();
-
-      expect(ImageDiff.prototype.bindEvents).toHaveBeenCalled();
-    });
-
-    it('should register click eventlistener to 2-up view mode', done => {
-      spyOn(ReplacedImageDiff.prototype, 'changeView').and.callFake(viewMode => {
-        expect(viewMode).toEqual(viewTypes.TWO_UP);
-        done();
-      });
-
-      replacedImageDiff.bindEvents();
-      replacedImageDiff.viewModesEls[viewTypes.TWO_UP].click();
-    });
-
-    it('should register click eventlistener to swipe view mode', done => {
-      spyOn(ReplacedImageDiff.prototype, 'changeView').and.callFake(viewMode => {
-        expect(viewMode).toEqual(viewTypes.SWIPE);
-        done();
-      });
-
-      replacedImageDiff.bindEvents();
-      replacedImageDiff.viewModesEls[viewTypes.SWIPE].click();
-    });
-
-    it('should register click eventlistener to onion skin view mode', done => {
-      spyOn(ReplacedImageDiff.prototype, 'changeView').and.callFake(viewMode => {
-        expect(viewMode).toEqual(viewTypes.SWIPE);
-        done();
-      });
-
-      replacedImageDiff.bindEvents();
-      replacedImageDiff.viewModesEls[viewTypes.SWIPE].click();
-    });
-  });
-
-  describe('getters', () => {
-    describe('imageEl', () => {
-      beforeEach(() => {
-        replacedImageDiff = new ReplacedImageDiff(element);
-        replacedImageDiff.currentView = viewTypes.TWO_UP;
-        setupImageEls();
-      });
-
-      it('should return imageEl based on currentView', () => {
-        expect(replacedImageDiff.imageEl).toEqual(element.querySelector('.two-up img'));
-
-        replacedImageDiff.currentView = viewTypes.SWIPE;
-
-        expect(replacedImageDiff.imageEl).toEqual(element.querySelector('.swipe img'));
-      });
-    });
-
-    describe('imageFrameEl', () => {
-      beforeEach(() => {
-        replacedImageDiff = new ReplacedImageDiff(element);
-        replacedImageDiff.currentView = viewTypes.TWO_UP;
-        setupImageFrameEls();
-      });
-
-      it('should return imageFrameEl based on currentView', () => {
-        expect(replacedImageDiff.imageFrameEl).toEqual(
-          element.querySelector('.two-up .js-image-frame'),
-        );
-
-        replacedImageDiff.currentView = viewTypes.ONION_SKIN;
-
-        expect(replacedImageDiff.imageFrameEl).toEqual(
-          element.querySelector('.onion-skin .js-image-frame'),
-        );
-      });
-    });
-  });
-
-  describe('changeView', () => {
-    beforeEach(() => {
-      replacedImageDiff = new ReplacedImageDiff(element);
-      spyOn(imageDiffHelper, 'removeCommentIndicator').and.returnValue({
-        removed: false,
-      });
-      setupImageFrameEls();
-    });
-
-    describe('invalid viewType', () => {
-      beforeEach(() => {
-        replacedImageDiff.changeView('some-view-name');
-      });
-
-      it('should not call removeCommentIndicator', () => {
-        expect(imageDiffHelper.removeCommentIndicator).not.toHaveBeenCalled();
-      });
-    });
-
-    describe('valid viewType', () => {
-      beforeEach(() => {
-        jasmine.clock().install();
-        spyOn(ReplacedImageDiff.prototype, 'renderNewView').and.callFake(() => {});
-        replacedImageDiff.changeView(viewTypes.ONION_SKIN);
-      });
-
-      afterEach(() => {
-        jasmine.clock().uninstall();
-      });
-
-      it('should call removeCommentIndicator', () => {
-        expect(imageDiffHelper.removeCommentIndicator).toHaveBeenCalled();
-      });
-
-      it('should update currentView to newView', () => {
-        expect(replacedImageDiff.currentView).toEqual(viewTypes.ONION_SKIN);
-      });
-
-      it('should clear imageBadges', () => {
-        expect(replacedImageDiff.imageBadges.length).toEqual(0);
-      });
-
-      it('should call renderNewView', () => {
-        jasmine.clock().tick(251);
-
-        expect(replacedImageDiff.renderNewView).toHaveBeenCalled();
-      });
-    });
-  });
-
-  describe('renderNewView', () => {
-    beforeEach(() => {
-      replacedImageDiff = new ReplacedImageDiff(element);
-    });
-
-    it('should call renderBadges', () => {
-      spyOn(ReplacedImageDiff.prototype, 'renderBadges').and.callFake(() => {});
-
-      replacedImageDiff.renderNewView({
-        removed: false,
-      });
-
-      expect(replacedImageDiff.renderBadges).toHaveBeenCalled();
-    });
-
-    describe('removeIndicator', () => {
-      const indicator = {
-        removed: true,
-        x: 0,
-        y: 1,
-        image: {
-          width: 50,
-          height: 100,
-        },
-      };
-
-      beforeEach(() => {
-        setupImageEls();
-        setupImageFrameEls();
-      });
-
-      it('should pass showCommentIndicator normalized indicator values', done => {
-        spyOn(imageDiffHelper, 'showCommentIndicator').and.callFake(() => {});
-        spyOn(imageDiffHelper, 'resizeCoordinatesToImageElement').and.callFake((imageEl, meta) => {
-          expect(meta.x).toEqual(indicator.x);
-          expect(meta.y).toEqual(indicator.y);
-          expect(meta.width).toEqual(indicator.image.width);
-          expect(meta.height).toEqual(indicator.image.height);
-          done();
-        });
-        replacedImageDiff.renderNewView(indicator);
-      });
-
-      it('should call showCommentIndicator', done => {
-        const normalized = {
-          normalized: true,
-        };
-        spyOn(imageDiffHelper, 'resizeCoordinatesToImageElement').and.returnValue(normalized);
-        spyOn(imageDiffHelper, 'showCommentIndicator').and.callFake(
-          (imageFrameEl, normalizedIndicator) => {
-            expect(normalizedIndicator).toEqual(normalized);
-            done();
-          },
-        );
-        replacedImageDiff.renderNewView(indicator);
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/integrations/integration_settings_form_spec.js b/spec/javascripts/integrations/integration_settings_form_spec.js
deleted file mode 100644
index 72d04be822f..00000000000
--- a/spec/javascripts/integrations/integration_settings_form_spec.js
+++ /dev/null
@@ -1,301 +0,0 @@
-import $ from 'jquery';
-import MockAdaptor from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import IntegrationSettingsForm from '~/integrations/integration_settings_form';
-
-describe('IntegrationSettingsForm', () => {
-  const FIXTURE = 'services/edit_service.html';
-  preloadFixtures(FIXTURE);
-
-  beforeEach(() => {
-    loadFixtures(FIXTURE);
-  });
-
-  describe('contructor', () => {
-    let integrationSettingsForm;
-
-    beforeEach(() => {
-      integrationSettingsForm = new IntegrationSettingsForm('.js-integration-settings-form');
-      spyOn(integrationSettingsForm, 'init');
-    });
-
-    it('should initialize form element refs on class object', () => {
-      // Form Reference
-      expect(integrationSettingsForm.$form).toBeDefined();
-      expect(integrationSettingsForm.$form.prop('nodeName')).toEqual('FORM');
-      expect(integrationSettingsForm.formActive).toBeDefined();
-
-      // Form Child Elements
-      expect(integrationSettingsForm.$submitBtn).toBeDefined();
-      expect(integrationSettingsForm.$submitBtnLoader).toBeDefined();
-      expect(integrationSettingsForm.$submitBtnLabel).toBeDefined();
-    });
-
-    it('should initialize form metadata on class object', () => {
-      expect(integrationSettingsForm.testEndPoint).toBeDefined();
-      expect(integrationSettingsForm.canTestService).toBeDefined();
-    });
-  });
-
-  describe('toggleServiceState', () => {
-    let integrationSettingsForm;
-
-    beforeEach(() => {
-      integrationSettingsForm = new IntegrationSettingsForm('.js-integration-settings-form');
-    });
-
-    it('should remove `novalidate` attribute to form when called with `true`', () => {
-      integrationSettingsForm.formActive = true;
-      integrationSettingsForm.toggleServiceState();
-
-      expect(integrationSettingsForm.$form.attr('novalidate')).not.toBeDefined();
-    });
-
-    it('should set `novalidate` attribute to form when called with `false`', () => {
-      integrationSettingsForm.formActive = false;
-      integrationSettingsForm.toggleServiceState();
-
-      expect(integrationSettingsForm.$form.attr('novalidate')).toBeDefined();
-    });
-  });
-
-  describe('toggleSubmitBtnLabel', () => {
-    let integrationSettingsForm;
-
-    beforeEach(() => {
-      integrationSettingsForm = new IntegrationSettingsForm('.js-integration-settings-form');
-    });
-
-    it('should set Save button label to "Test settings and save changes" when serviceActive & canTestService are `true`', () => {
-      integrationSettingsForm.canTestService = true;
-      integrationSettingsForm.formActive = true;
-
-      integrationSettingsForm.toggleSubmitBtnLabel();
-
-      expect(integrationSettingsForm.$submitBtnLabel.text()).toEqual(
-        'Test settings and save changes',
-      );
-    });
-
-    it('should set Save button label to "Save changes" when either serviceActive or canTestService (or both) is `false`', () => {
-      integrationSettingsForm.canTestService = false;
-      integrationSettingsForm.formActive = false;
-
-      integrationSettingsForm.toggleSubmitBtnLabel();
-
-      expect(integrationSettingsForm.$submitBtnLabel.text()).toEqual('Save changes');
-
-      integrationSettingsForm.formActive = true;
-
-      integrationSettingsForm.toggleSubmitBtnLabel();
-
-      expect(integrationSettingsForm.$submitBtnLabel.text()).toEqual('Save changes');
-
-      integrationSettingsForm.canTestService = true;
-      integrationSettingsForm.formActive = false;
-
-      integrationSettingsForm.toggleSubmitBtnLabel();
-
-      expect(integrationSettingsForm.$submitBtnLabel.text()).toEqual('Save changes');
-    });
-  });
-
-  describe('toggleSubmitBtnState', () => {
-    let integrationSettingsForm;
-
-    beforeEach(() => {
-      integrationSettingsForm = new IntegrationSettingsForm('.js-integration-settings-form');
-    });
-
-    it('should disable Save button and show loader animation when called with `true`', () => {
-      integrationSettingsForm.toggleSubmitBtnState(true);
-
-      expect(integrationSettingsForm.$submitBtn.is(':disabled')).toBeTruthy();
-      expect(integrationSettingsForm.$submitBtnLoader.hasClass('hidden')).toBeFalsy();
-    });
-
-    it('should enable Save button and hide loader animation when called with `false`', () => {
-      integrationSettingsForm.toggleSubmitBtnState(false);
-
-      expect(integrationSettingsForm.$submitBtn.is(':disabled')).toBeFalsy();
-      expect(integrationSettingsForm.$submitBtnLoader.hasClass('hidden')).toBeTruthy();
-    });
-  });
-
-  describe('testSettings', () => {
-    let integrationSettingsForm;
-    let formData;
-    let mock;
-
-    beforeEach(() => {
-      mock = new MockAdaptor(axios);
-
-      spyOn(axios, 'put').and.callThrough();
-
-      integrationSettingsForm = new IntegrationSettingsForm('.js-integration-settings-form');
-      // eslint-disable-next-line no-jquery/no-serialize
-      formData = integrationSettingsForm.$form.serialize();
-    });
-
-    afterEach(() => {
-      mock.restore();
-    });
-
-    it('should make an ajax request with provided `formData`', done => {
-      integrationSettingsForm
-        .testSettings(formData)
-        .then(() => {
-          expect(axios.put).toHaveBeenCalledWith(integrationSettingsForm.testEndPoint, formData);
-
-          done();
-        })
-        .catch(done.fail);
-    });
-
-    it('should show error Flash with `Save anyway` action if ajax request responds with error in test', done => {
-      const errorMessage = 'Test failed.';
-      mock.onPut(integrationSettingsForm.testEndPoint).reply(200, {
-        error: true,
-        message: errorMessage,
-        service_response: 'some error',
-        test_failed: true,
-      });
-
-      integrationSettingsForm
-        .testSettings(formData)
-        .then(() => {
-          const $flashContainer = $('.flash-container');
-
-          expect(
-            $flashContainer
-              .find('.flash-text')
-              .text()
-              .trim(),
-          ).toEqual('Test failed. some error');
-
-          expect($flashContainer.find('.flash-action')).toBeDefined();
-          expect(
-            $flashContainer
-              .find('.flash-action')
-              .text()
-              .trim(),
-          ).toEqual('Save anyway');
-
-          done();
-        })
-        .catch(done.fail);
-    });
-
-    it('should not show error Flash with `Save anyway` action if ajax request responds with error in validation', done => {
-      const errorMessage = 'Validations failed.';
-      mock.onPut(integrationSettingsForm.testEndPoint).reply(200, {
-        error: true,
-        message: errorMessage,
-        service_response: 'some error',
-        test_failed: false,
-      });
-
-      integrationSettingsForm
-        .testSettings(formData)
-        .then(() => {
-          const $flashContainer = $('.flash-container');
-
-          expect(
-            $flashContainer
-              .find('.flash-text')
-              .text()
-              .trim(),
-          ).toEqual('Validations failed. some error');
-
-          expect($flashContainer.find('.flash-action')).toBeDefined();
-          expect(
-            $flashContainer
-              .find('.flash-action')
-              .text()
-              .trim(),
-          ).toEqual('');
-
-          done();
-        })
-        .catch(done.fail);
-    });
-
-    it('should submit form if ajax request responds without any error in test', done => {
-      spyOn(integrationSettingsForm.$form, 'submit');
-
-      mock.onPut(integrationSettingsForm.testEndPoint).reply(200, {
-        error: false,
-      });
-
-      integrationSettingsForm
-        .testSettings(formData)
-        .then(() => {
-          expect(integrationSettingsForm.$form.submit).toHaveBeenCalled();
-
-          done();
-        })
-        .catch(done.fail);
-    });
-
-    it('should submit form when clicked on `Save anyway` action of error Flash', done => {
-      spyOn(integrationSettingsForm.$form, 'submit');
-
-      const errorMessage = 'Test failed.';
-      mock.onPut(integrationSettingsForm.testEndPoint).reply(200, {
-        error: true,
-        message: errorMessage,
-        test_failed: true,
-      });
-
-      integrationSettingsForm
-        .testSettings(formData)
-        .then(() => {
-          const $flashAction = $('.flash-container .flash-action');
-
-          expect($flashAction).toBeDefined();
-
-          $flashAction.get(0).click();
-        })
-        .then(() => {
-          expect(integrationSettingsForm.$form.submit).toHaveBeenCalled();
-
-          done();
-        })
-        .catch(done.fail);
-    });
-
-    it('should show error Flash if ajax request failed', done => {
-      const errorMessage = 'Something went wrong on our end.';
-
-      mock.onPut(integrationSettingsForm.testEndPoint).networkError();
-
-      integrationSettingsForm
-        .testSettings(formData)
-        .then(() => {
-          expect(
-            $('.flash-container .flash-text')
-              .text()
-              .trim(),
-          ).toEqual(errorMessage);
-
-          done();
-        })
-        .catch(done.fail);
-    });
-
-    it('should always call `toggleSubmitBtnState` with `false` once request is completed', done => {
-      mock.onPut(integrationSettingsForm.testEndPoint).networkError();
-
-      spyOn(integrationSettingsForm, 'toggleSubmitBtnState');
-
-      integrationSettingsForm
-        .testSettings(formData)
-        .then(() => {
-          expect(integrationSettingsForm.toggleSubmitBtnState).toHaveBeenCalledWith(false);
-
-          done();
-        })
-        .catch(done.fail);
-    });
-  });
-});
diff --git a/spec/javascripts/issuable_spec.js b/spec/javascripts/issuable_spec.js
deleted file mode 100644
index 4d57bfb1b33..00000000000
--- a/spec/javascripts/issuable_spec.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import $ from 'jquery';
-import MockAdaptor from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import IssuableIndex from '~/issuable_index';
-import issuableInitBulkUpdateSidebar from '~/issuable_init_bulk_update_sidebar';
-
-describe('Issuable', () => {
-  describe('initBulkUpdate', () => {
-    it('should not set bulkUpdateSidebar', () => {
-      new IssuableIndex('issue_'); // eslint-disable-line no-new
-
-      expect(issuableInitBulkUpdateSidebar.bulkUpdateSidebar).toBeNull();
-    });
-
-    it('should set bulkUpdateSidebar', () => {
-      const element = document.createElement('div');
-      element.classList.add('issues-bulk-update');
-      document.body.appendChild(element);
-
-      new IssuableIndex('issue_'); // eslint-disable-line no-new
-
-      expect(issuableInitBulkUpdateSidebar.bulkUpdateSidebar).toBeDefined();
-    });
-  });
-
-  describe('resetIncomingEmailToken', () => {
-    let mock;
-
-    beforeEach(() => {
-      const element = document.createElement('a');
-      element.classList.add('incoming-email-token-reset');
-      element.setAttribute('href', 'foo');
-      document.body.appendChild(element);
-
-      const input = document.createElement('input');
-      input.setAttribute('id', 'issuable_email');
-      document.body.appendChild(input);
-
-      new IssuableIndex('issue_'); // eslint-disable-line no-new
-
-      mock = new MockAdaptor(axios);
-
-      mock.onPut('foo').reply(200, {
-        new_address: 'testing123',
-      });
-    });
-
-    afterEach(() => {
-      mock.restore();
-    });
-
-    it('should send request to reset email token', done => {
-      spyOn(axios, 'put').and.callThrough();
-      document.querySelector('.incoming-email-token-reset').click();
-
-      setTimeout(() => {
-        expect(axios.put).toHaveBeenCalledWith('foo');
-        expect($('#issuable_email').val()).toBe('testing123');
-
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/issue_show/components/app_spec.js b/spec/javascripts/issue_show/components/app_spec.js
deleted file mode 100644
index f11d4f5ac33..00000000000
--- a/spec/javascripts/issue_show/components/app_spec.js
+++ /dev/null
@@ -1,568 +0,0 @@
-/* eslint-disable no-unused-vars */
-import Vue from 'vue';
-import MockAdapter from 'axios-mock-adapter';
-import setTimeoutPromise from 'spec/helpers/set_timeout_promise_helper';
-import GLDropdown from '~/gl_dropdown';
-import axios from '~/lib/utils/axios_utils';
-import '~/behaviors/markdown/render_gfm';
-import issuableApp from '~/issue_show/components/app.vue';
-import eventHub from '~/issue_show/event_hub';
-import { initialRequest, secondRequest } from '../mock_data';
-
-function formatText(text) {
-  return text.trim().replace(/\s\s+/g, ' ');
-}
-
-const REALTIME_REQUEST_STACK = [initialRequest, secondRequest];
-
-describe('Issuable output', () => {
-  let mock;
-  let realtimeRequestCount = 0;
-  let vm;
-
-  beforeEach(done => {
-    setFixtures(`
-      <div>
-        <div class="detail-page-description content-block">
-        <details open>
-          <summary>One</summary>
-        </details>
-        <details>
-          <summary>Two</summary>
-        </details>
-      </div>
-        <div class="flash-container"></div>
-        <span id="task_status"></span>
-      </div>
-    `);
-    spyOn(eventHub, '$emit');
-
-    const IssuableDescriptionComponent = Vue.extend(issuableApp);
-
-    mock = new MockAdapter(axios);
-    mock
-      .onGet('/gitlab-org/gitlab-shell/-/issues/9/realtime_changes/realtime_changes')
-      .reply(() => {
-        const res = Promise.resolve([200, REALTIME_REQUEST_STACK[realtimeRequestCount]]);
-        realtimeRequestCount += 1;
-        return res;
-      });
-
-    vm = new IssuableDescriptionComponent({
-      propsData: {
-        canUpdate: true,
-        canDestroy: true,
-        endpoint: '/gitlab-org/gitlab-shell/-/issues/9/realtime_changes',
-        updateEndpoint: gl.TEST_HOST,
-        issuableRef: '#1',
-        initialTitleHtml: '',
-        initialTitleText: '',
-        initialDescriptionHtml: 'test',
-        initialDescriptionText: 'test',
-        lockVersion: 1,
-        markdownPreviewPath: '/',
-        markdownDocsPath: '/',
-        projectNamespace: '/',
-        projectPath: '/',
-        issuableTemplateNamesPath: '/issuable-templates-path',
-      },
-    }).$mount();
-
-    setTimeout(done);
-  });
-
-  afterEach(() => {
-    mock.restore();
-    realtimeRequestCount = 0;
-
-    vm.poll.stop();
-    vm.$destroy();
-  });
-
-  it('should render a title/description/edited and update title/description/edited on update', done => {
-    let editedText;
-    Vue.nextTick()
-      .then(() => {
-        editedText = vm.$el.querySelector('.edited-text');
-      })
-      .then(() => {
-        expect(document.querySelector('title').innerText).toContain('this is a title (#1)');
-        expect(vm.$el.querySelector('.title').innerHTML).toContain('<p>this is a title</p>');
-        expect(vm.$el.querySelector('.md').innerHTML).toContain('<p>this is a description!</p>');
-        expect(vm.$el.querySelector('.js-task-list-field').value).toContain(
-          'this is a description',
-        );
-
-        expect(formatText(editedText.innerText)).toMatch(/Edited[\s\S]+?by Some User/);
-        expect(editedText.querySelector('.author-link').href).toMatch(/\/some_user$/);
-        expect(editedText.querySelector('time')).toBeTruthy();
-        expect(vm.state.lock_version).toEqual(1);
-      })
-      .then(() => {
-        vm.poll.makeRequest();
-      })
-      .then(() => new Promise(resolve => setTimeout(resolve)))
-      .then(() => {
-        expect(document.querySelector('title').innerText).toContain('2 (#1)');
-        expect(vm.$el.querySelector('.title').innerHTML).toContain('<p>2</p>');
-        expect(vm.$el.querySelector('.md').innerHTML).toContain('<p>42</p>');
-        expect(vm.$el.querySelector('.js-task-list-field').value).toContain('42');
-        expect(vm.$el.querySelector('.edited-text')).toBeTruthy();
-        expect(formatText(vm.$el.querySelector('.edited-text').innerText)).toMatch(
-          /Edited[\s\S]+?by Other User/,
-        );
-
-        expect(editedText.querySelector('.author-link').href).toMatch(/\/other_user$/);
-        expect(editedText.querySelector('time')).toBeTruthy();
-        expect(vm.state.lock_version).toEqual(2);
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('shows actions if permissions are correct', done => {
-    vm.showForm = true;
-
-    Vue.nextTick(() => {
-      expect(vm.$el.querySelector('.btn')).not.toBeNull();
-
-      done();
-    });
-  });
-
-  it('does not show actions if permissions are incorrect', done => {
-    vm.showForm = true;
-    vm.canUpdate = false;
-
-    Vue.nextTick(() => {
-      expect(vm.$el.querySelector('.btn')).toBeNull();
-
-      done();
-    });
-  });
-
-  it('does not update formState if form is already open', done => {
-    vm.updateAndShowForm();
-
-    vm.state.titleText = 'testing 123';
-
-    vm.updateAndShowForm();
-
-    Vue.nextTick(() => {
-      expect(vm.store.formState.title).not.toBe('testing 123');
-
-      done();
-    });
-  });
-
-  describe('updateIssuable', () => {
-    it('fetches new data after update', done => {
-      spyOn(vm, 'updateStoreState').and.callThrough();
-      spyOn(vm.service, 'getData').and.callThrough();
-      spyOn(vm.service, 'updateIssuable').and.returnValue(
-        Promise.resolve({
-          data: { web_url: window.location.pathname },
-        }),
-      );
-
-      vm.updateIssuable()
-        .then(() => {
-          expect(vm.updateStoreState).toHaveBeenCalled();
-          expect(vm.service.getData).toHaveBeenCalled();
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('correctly updates issuable data', done => {
-      spyOn(vm.service, 'updateIssuable').and.returnValue(
-        Promise.resolve({
-          data: { web_url: window.location.pathname },
-        }),
-      );
-
-      vm.updateIssuable()
-        .then(() => {
-          expect(vm.service.updateIssuable).toHaveBeenCalledWith(vm.formState);
-          expect(eventHub.$emit).toHaveBeenCalledWith('close.form');
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('does not redirect if issue has not moved', done => {
-      const visitUrl = spyOnDependency(issuableApp, 'visitUrl');
-      spyOn(vm.service, 'updateIssuable').and.returnValue(
-        Promise.resolve({
-          data: {
-            web_url: window.location.pathname,
-            confidential: vm.isConfidential,
-          },
-        }),
-      );
-
-      vm.updateIssuable();
-
-      setTimeout(() => {
-        expect(visitUrl).not.toHaveBeenCalled();
-        done();
-      });
-    });
-
-    it('redirects if returned web_url has changed', done => {
-      const visitUrl = spyOnDependency(issuableApp, 'visitUrl');
-      spyOn(vm.service, 'updateIssuable').and.returnValue(
-        Promise.resolve({
-          data: {
-            web_url: '/testing-issue-move',
-            confidential: vm.isConfidential,
-          },
-        }),
-      );
-
-      vm.updateIssuable();
-
-      setTimeout(() => {
-        expect(visitUrl).toHaveBeenCalledWith('/testing-issue-move');
-        done();
-      });
-    });
-
-    describe('shows dialog when issue has unsaved changed', () => {
-      it('confirms on title change', done => {
-        vm.showForm = true;
-        vm.state.titleText = 'title has changed';
-        const e = { returnValue: null };
-        vm.handleBeforeUnloadEvent(e);
-        Vue.nextTick(() => {
-          expect(e.returnValue).not.toBeNull();
-
-          done();
-        });
-      });
-
-      it('confirms on description change', done => {
-        vm.showForm = true;
-        vm.state.descriptionText = 'description has changed';
-        const e = { returnValue: null };
-        vm.handleBeforeUnloadEvent(e);
-        Vue.nextTick(() => {
-          expect(e.returnValue).not.toBeNull();
-
-          done();
-        });
-      });
-
-      it('does nothing when nothing has changed', done => {
-        const e = { returnValue: null };
-        vm.handleBeforeUnloadEvent(e);
-        Vue.nextTick(() => {
-          expect(e.returnValue).toBeNull();
-
-          done();
-        });
-      });
-    });
-
-    describe('error when updating', () => {
-      it('closes form on error', done => {
-        spyOn(vm.service, 'updateIssuable').and.callFake(() => Promise.reject());
-        vm.updateIssuable();
-
-        setTimeout(() => {
-          expect(eventHub.$emit).not.toHaveBeenCalledWith('close.form');
-          expect(document.querySelector('.flash-container .flash-text').innerText.trim()).toBe(
-            `Error updating issue`,
-          );
-
-          done();
-        });
-      });
-
-      it('returns the correct error message for issuableType', done => {
-        spyOn(vm.service, 'updateIssuable').and.callFake(() => Promise.reject());
-        vm.issuableType = 'merge request';
-
-        Vue.nextTick(() => {
-          vm.updateIssuable();
-
-          setTimeout(() => {
-            expect(eventHub.$emit).not.toHaveBeenCalledWith('close.form');
-            expect(document.querySelector('.flash-container .flash-text').innerText.trim()).toBe(
-              `Error updating merge request`,
-            );
-
-            done();
-          });
-        });
-      });
-
-      it('shows error message from backend if exists', done => {
-        const msg = 'Custom error message from backend';
-        spyOn(vm.service, 'updateIssuable').and.callFake(
-          // eslint-disable-next-line prefer-promise-reject-errors
-          () => Promise.reject({ response: { data: { errors: [msg] } } }),
-        );
-
-        vm.updateIssuable();
-        setTimeout(() => {
-          expect(document.querySelector('.flash-container .flash-text').innerText.trim()).toBe(
-            `${vm.defaultErrorMessage}. ${msg}`,
-          );
-
-          done();
-        });
-      });
-    });
-  });
-
-  it('opens recaptcha modal if update rejected as spam', done => {
-    function mockScriptSrc() {
-      const recaptchaChild = vm.$children.find(
-        // eslint-disable-next-line no-underscore-dangle
-        child => child.$options._componentTag === 'recaptcha-modal',
-      );
-
-      recaptchaChild.scriptSrc = '//scriptsrc';
-    }
-
-    let modal;
-    const promise = new Promise(resolve => {
-      resolve({
-        data: {
-          recaptcha_html: '<div class="g-recaptcha">recaptcha_html</div>',
-        },
-      });
-    });
-
-    spyOn(vm.service, 'updateIssuable').and.returnValue(promise);
-
-    vm.canUpdate = true;
-    vm.showForm = true;
-
-    vm.$nextTick()
-      .then(() => mockScriptSrc())
-      .then(() => vm.updateIssuable())
-      .then(promise)
-      .then(() => setTimeoutPromise())
-      .then(() => {
-        modal = vm.$el.querySelector('.js-recaptcha-modal');
-
-        expect(modal.style.display).not.toEqual('none');
-        expect(modal.querySelector('.g-recaptcha').textContent).toEqual('recaptcha_html');
-        expect(document.body.querySelector('.js-recaptcha-script').src).toMatch('//scriptsrc');
-      })
-      .then(() => modal.querySelector('.close').click())
-      .then(() => vm.$nextTick())
-      .then(() => {
-        expect(modal.style.display).toEqual('none');
-        expect(document.body.querySelector('.js-recaptcha-script')).toBeNull();
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  describe('deleteIssuable', () => {
-    it('changes URL when deleted', done => {
-      const visitUrl = spyOnDependency(issuableApp, 'visitUrl');
-      spyOn(vm.service, 'deleteIssuable').and.returnValue(
-        Promise.resolve({
-          data: {
-            web_url: '/test',
-          },
-        }),
-      );
-
-      vm.deleteIssuable();
-
-      setTimeout(() => {
-        expect(visitUrl).toHaveBeenCalledWith('/test');
-
-        done();
-      });
-    });
-
-    it('stops polling when deleting', done => {
-      spyOnDependency(issuableApp, 'visitUrl');
-      spyOn(vm.poll, 'stop').and.callThrough();
-      spyOn(vm.service, 'deleteIssuable').and.returnValue(
-        Promise.resolve({
-          data: {
-            web_url: '/test',
-          },
-        }),
-      );
-
-      vm.deleteIssuable();
-
-      setTimeout(() => {
-        expect(vm.poll.stop).toHaveBeenCalledWith();
-
-        done();
-      });
-    });
-
-    it('closes form on error', done => {
-      spyOn(vm.service, 'deleteIssuable').and.returnValue(Promise.reject());
-
-      vm.deleteIssuable();
-
-      setTimeout(() => {
-        expect(eventHub.$emit).not.toHaveBeenCalledWith('close.form');
-        expect(document.querySelector('.flash-container .flash-text').innerText.trim()).toBe(
-          'Error deleting issue',
-        );
-
-        done();
-      });
-    });
-  });
-
-  describe('updateAndShowForm', () => {
-    it('shows locked warning if form is open & data is different', done => {
-      vm.$nextTick()
-        .then(() => {
-          vm.updateAndShowForm();
-
-          vm.poll.makeRequest();
-
-          return new Promise(resolve => {
-            vm.$watch('formState.lockedWarningVisible', value => {
-              if (value) resolve();
-            });
-          });
-        })
-        .then(() => {
-          expect(vm.formState.lockedWarningVisible).toEqual(true);
-          expect(vm.formState.lock_version).toEqual(1);
-          expect(vm.$el.querySelector('.alert')).not.toBeNull();
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('requestTemplatesAndShowForm', () => {
-    beforeEach(() => {
-      spyOn(vm, 'updateAndShowForm');
-    });
-
-    it('shows the form if template names request is successful', done => {
-      const mockData = [{ name: 'Bug' }];
-      mock.onGet('/issuable-templates-path').reply(() => Promise.resolve([200, mockData]));
-
-      vm.requestTemplatesAndShowForm()
-        .then(() => {
-          expect(vm.updateAndShowForm).toHaveBeenCalledWith(mockData);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('shows the form if template names request failed', done => {
-      mock
-        .onGet('/issuable-templates-path')
-        .reply(() => Promise.reject(new Error('something went wrong')));
-
-      vm.requestTemplatesAndShowForm()
-        .then(() => {
-          expect(document.querySelector('.flash-container .flash-text').textContent).toContain(
-            'Error updating issue',
-          );
-
-          expect(vm.updateAndShowForm).toHaveBeenCalledWith();
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('show inline edit button', () => {
-    it('should not render by default', () => {
-      expect(vm.$el.querySelector('.title-container .note-action-button')).toBeDefined();
-    });
-
-    it('should render if showInlineEditButton', () => {
-      vm.showInlineEditButton = true;
-
-      expect(vm.$el.querySelector('.title-container .note-action-button')).toBeDefined();
-    });
-  });
-
-  describe('updateStoreState', () => {
-    it('should make a request and update the state of the store', done => {
-      const data = { foo: 1 };
-      spyOn(vm.store, 'updateState');
-      spyOn(vm.service, 'getData').and.returnValue(Promise.resolve({ data }));
-
-      vm.updateStoreState()
-        .then(() => {
-          expect(vm.service.getData).toHaveBeenCalled();
-          expect(vm.store.updateState).toHaveBeenCalledWith(data);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('should show error message if store update fails', done => {
-      spyOn(vm.service, 'getData').and.returnValue(Promise.reject());
-      vm.issuableType = 'merge request';
-
-      vm.updateStoreState()
-        .then(() => {
-          expect(document.querySelector('.flash-container .flash-text').innerText.trim()).toBe(
-            `Error updating ${vm.issuableType}`,
-          );
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('issueChanged', () => {
-    beforeEach(() => {
-      vm.store.formState.title = '';
-      vm.store.formState.description = '';
-      vm.initialDescriptionText = '';
-      vm.initialTitleText = '';
-    });
-
-    it('returns true when title is changed', () => {
-      vm.store.formState.title = 'RandomText';
-
-      expect(vm.issueChanged).toBe(true);
-    });
-
-    it('returns false when title is empty null', () => {
-      vm.store.formState.title = null;
-
-      expect(vm.issueChanged).toBe(false);
-    });
-
-    it('returns false when `initialTitleText` is null and `formState.title` is empty string', () => {
-      vm.store.formState.title = '';
-      vm.initialTitleText = null;
-
-      expect(vm.issueChanged).toBe(false);
-    });
-
-    it('returns true when description is changed', () => {
-      vm.store.formState.description = 'RandomText';
-
-      expect(vm.issueChanged).toBe(true);
-    });
-
-    it('returns false when description is empty null', () => {
-      vm.store.formState.title = null;
-
-      expect(vm.issueChanged).toBe(false);
-    });
-
-    it('returns false when `initialDescriptionText` is null and `formState.description` is empty string', () => {
-      vm.store.formState.description = '';
-      vm.initialDescriptionText = null;
-
-      expect(vm.issueChanged).toBe(false);
-    });
-  });
-});
diff --git a/spec/javascripts/issue_show/components/description_spec.js b/spec/javascripts/issue_show/components/description_spec.js
deleted file mode 100644
index 83e498347f7..00000000000
--- a/spec/javascripts/issue_show/components/description_spec.js
+++ /dev/null
@@ -1,210 +0,0 @@
-import $ from 'jquery';
-import Vue from 'vue';
-import '~/behaviors/markdown/render_gfm';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import Description from '~/issue_show/components/description.vue';
-
-describe('Description component', () => {
-  let vm;
-  let DescriptionComponent;
-  const props = {
-    canUpdate: true,
-    descriptionHtml: 'test',
-    descriptionText: 'test',
-    updatedAt: new Date().toString(),
-    taskStatus: '',
-    updateUrl: gl.TEST_HOST,
-  };
-
-  beforeEach(() => {
-    DescriptionComponent = Vue.extend(Description);
-
-    if (!document.querySelector('.issuable-meta')) {
-      const metaData = document.createElement('div');
-      metaData.classList.add('issuable-meta');
-      metaData.innerHTML =
-        '<div class="flash-container"></div><span id="task_status"></span><span id="task_status_short"></span>';
-
-      document.body.appendChild(metaData);
-    }
-
-    vm = mountComponent(DescriptionComponent, props);
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  afterAll(() => {
-    $('.issuable-meta .flash-container').remove();
-  });
-
-  it('animates description changes', done => {
-    vm.descriptionHtml = 'changed';
-
-    Vue.nextTick(() => {
-      expect(
-        vm.$el.querySelector('.md').classList.contains('issue-realtime-pre-pulse'),
-      ).toBeTruthy();
-
-      setTimeout(() => {
-        expect(
-          vm.$el.querySelector('.md').classList.contains('issue-realtime-trigger-pulse'),
-        ).toBeTruthy();
-
-        done();
-      });
-    });
-  });
-
-  it('opens recaptcha dialog if update rejected as spam', done => {
-    let modal;
-    const recaptchaChild = vm.$children.find(
-      // eslint-disable-next-line no-underscore-dangle
-      child => child.$options._componentTag === 'recaptcha-modal',
-    );
-
-    recaptchaChild.scriptSrc = '//scriptsrc';
-
-    vm.taskListUpdateSuccess({
-      recaptcha_html: '<div class="g-recaptcha">recaptcha_html</div>',
-    });
-
-    vm.$nextTick()
-      .then(() => {
-        modal = vm.$el.querySelector('.js-recaptcha-modal');
-
-        expect(modal.style.display).not.toEqual('none');
-        expect(modal.querySelector('.g-recaptcha').textContent).toEqual('recaptcha_html');
-        expect(document.body.querySelector('.js-recaptcha-script').src).toMatch('//scriptsrc');
-      })
-      .then(() => modal.querySelector('.close').click())
-      .then(() => vm.$nextTick())
-      .then(() => {
-        expect(modal.style.display).toEqual('none');
-        expect(document.body.querySelector('.js-recaptcha-script')).toBeNull();
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  describe('TaskList', () => {
-    let TaskList;
-
-    beforeEach(() => {
-      vm.$destroy();
-      vm = mountComponent(
-        DescriptionComponent,
-        Object.assign({}, props, {
-          issuableType: 'issuableType',
-        }),
-      );
-      TaskList = spyOnDependency(Description, 'TaskList');
-    });
-
-    it('re-inits the TaskList when description changed', done => {
-      vm.descriptionHtml = 'changed';
-
-      setTimeout(() => {
-        expect(TaskList).toHaveBeenCalled();
-        done();
-      });
-    });
-
-    it('does not re-init the TaskList when canUpdate is false', done => {
-      vm.canUpdate = false;
-      vm.descriptionHtml = 'changed';
-
-      setTimeout(() => {
-        expect(TaskList).not.toHaveBeenCalled();
-        done();
-      });
-    });
-
-    it('calls with issuableType dataType', done => {
-      vm.descriptionHtml = 'changed';
-
-      setTimeout(() => {
-        expect(TaskList).toHaveBeenCalledWith({
-          dataType: 'issuableType',
-          fieldName: 'description',
-          selector: '.detail-page-description',
-          onSuccess: jasmine.any(Function),
-          onError: jasmine.any(Function),
-          lockVersion: 0,
-        });
-
-        done();
-      });
-    });
-  });
-
-  describe('taskStatus', () => {
-    it('adds full taskStatus', done => {
-      vm.taskStatus = '1 of 1';
-
-      setTimeout(() => {
-        expect(document.querySelector('.issuable-meta #task_status').textContent.trim()).toBe(
-          '1 of 1',
-        );
-
-        done();
-      });
-    });
-
-    it('adds short taskStatus', done => {
-      vm.taskStatus = '1 of 1';
-
-      setTimeout(() => {
-        expect(document.querySelector('.issuable-meta #task_status_short').textContent.trim()).toBe(
-          '1/1 task',
-        );
-
-        done();
-      });
-    });
-
-    it('clears task status text when no tasks are present', done => {
-      vm.taskStatus = '0 of 0';
-
-      setTimeout(() => {
-        expect(document.querySelector('.issuable-meta #task_status').textContent.trim()).toBe('');
-
-        done();
-      });
-    });
-  });
-
-  it('applies syntax highlighting and math when description changed', done => {
-    spyOn(vm, 'renderGFM').and.callThrough();
-    spyOn($.prototype, 'renderGFM').and.callThrough();
-    vm.descriptionHtml = 'changed';
-
-    Vue.nextTick(() => {
-      setTimeout(() => {
-        expect(vm.$refs['gfm-content']).toBeDefined();
-        expect(vm.renderGFM).toHaveBeenCalled();
-        expect($.prototype.renderGFM).toHaveBeenCalled();
-
-        done();
-      });
-    });
-  });
-
-  it('sets data-update-url', () => {
-    expect(vm.$el.querySelector('textarea').dataset.updateUrl).toEqual(gl.TEST_HOST);
-  });
-
-  describe('taskListUpdateError', () => {
-    it('should create flash notification and emit an event to parent', () => {
-      const msg =
-        'Someone edited this issue at the same time you did. The description has been updated and you will need to make your changes again.';
-      spyOn(vm, '$emit');
-
-      vm.taskListUpdateError();
-
-      expect(document.querySelector('.flash-container .flash-text').innerText.trim()).toBe(msg);
-      expect(vm.$emit).toHaveBeenCalledWith('taskListUpdateFailed');
-    });
-  });
-});
diff --git a/spec/javascripts/issue_show/components/edited_spec.js b/spec/javascripts/issue_show/components/edited_spec.js
deleted file mode 100644
index a1683f060c0..00000000000
--- a/spec/javascripts/issue_show/components/edited_spec.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import Vue from 'vue';
-import edited from '~/issue_show/components/edited.vue';
-
-function formatText(text) {
-  return text.trim().replace(/\s\s+/g, ' ');
-}
-
-describe('edited', () => {
-  const EditedComponent = Vue.extend(edited);
-
-  it('should render an edited at+by string', () => {
-    const editedComponent = new EditedComponent({
-      propsData: {
-        updatedAt: '2017-05-15T12:31:04.428Z',
-        updatedByName: 'Some User',
-        updatedByPath: '/some_user',
-      },
-    }).$mount();
-
-    expect(formatText(editedComponent.$el.innerText)).toMatch(/Edited[\s\S]+?by Some User/);
-    expect(editedComponent.$el.querySelector('.author-link').href).toMatch(/\/some_user$/);
-    expect(editedComponent.$el.querySelector('time')).toBeTruthy();
-  });
-
-  it('if no updatedAt is provided, no time element will be rendered', () => {
-    const editedComponent = new EditedComponent({
-      propsData: {
-        updatedByName: 'Some User',
-        updatedByPath: '/some_user',
-      },
-    }).$mount();
-
-    expect(formatText(editedComponent.$el.innerText)).toMatch(/Edited by Some User/);
-    expect(editedComponent.$el.querySelector('.author-link').href).toMatch(/\/some_user$/);
-    expect(editedComponent.$el.querySelector('time')).toBeFalsy();
-  });
-
-  it('if no updatedByName and updatedByPath is provided, no user element will be rendered', () => {
-    const editedComponent = new EditedComponent({
-      propsData: {
-        updatedAt: '2017-05-15T12:31:04.428Z',
-      },
-    }).$mount();
-
-    expect(formatText(editedComponent.$el.innerText)).not.toMatch(/by Some User/);
-    expect(editedComponent.$el.querySelector('.author-link')).toBeFalsy();
-    expect(editedComponent.$el.querySelector('time')).toBeTruthy();
-  });
-});
diff --git a/spec/javascripts/issue_show/components/fields/description_template_spec.js b/spec/javascripts/issue_show/components/fields/description_template_spec.js
deleted file mode 100644
index 8d77a620d76..00000000000
--- a/spec/javascripts/issue_show/components/fields/description_template_spec.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import Vue from 'vue';
-import descriptionTemplate from '~/issue_show/components/fields/description_template.vue';
-
-describe('Issue description template component', () => {
-  let vm;
-  let formState;
-
-  beforeEach(done => {
-    const Component = Vue.extend(descriptionTemplate);
-    formState = {
-      description: 'test',
-    };
-
-    vm = new Component({
-      propsData: {
-        formState,
-        issuableTemplates: [{ name: 'test' }],
-        projectPath: '/',
-        projectNamespace: '/',
-      },
-    }).$mount();
-
-    Vue.nextTick(done);
-  });
-
-  it('renders templates as JSON array in data attribute', () => {
-    expect(vm.$el.querySelector('.js-issuable-selector').getAttribute('data-data')).toBe(
-      '[{"name":"test"}]',
-    );
-  });
-
-  it('updates formState when changing template', () => {
-    vm.issuableTemplate.editor.setValue('test new template');
-
-    expect(formState.description).toBe('test new template');
-  });
-
-  it('returns formState description with editor getValue', () => {
-    formState.description = 'testing new template';
-
-    expect(vm.issuableTemplate.editor.getValue()).toBe('testing new template');
-  });
-});
diff --git a/spec/javascripts/issue_show/components/form_spec.js b/spec/javascripts/issue_show/components/form_spec.js
deleted file mode 100644
index a111333ac80..00000000000
--- a/spec/javascripts/issue_show/components/form_spec.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import formComponent from '~/issue_show/components/form.vue';
-import eventHub from '~/issue_show/event_hub';
-
-describe('Inline edit form component', () => {
-  let vm;
-  const defaultProps = {
-    canDestroy: true,
-    formState: {
-      title: 'b',
-      description: 'a',
-      lockedWarningVisible: false,
-    },
-    issuableType: 'issue',
-    markdownPreviewPath: '/',
-    markdownDocsPath: '/',
-    projectPath: '/',
-    projectNamespace: '/',
-  };
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  const createComponent = props => {
-    const Component = Vue.extend(formComponent);
-
-    vm = mountComponent(Component, {
-      ...defaultProps,
-      ...props,
-    });
-  };
-
-  it('does not render template selector if no templates exist', () => {
-    createComponent();
-
-    expect(vm.$el.querySelector('.js-issuable-selector-wrap')).toBeNull();
-  });
-
-  it('renders template selector when templates exists', () => {
-    createComponent({ issuableTemplates: ['test'] });
-
-    expect(vm.$el.querySelector('.js-issuable-selector-wrap')).not.toBeNull();
-  });
-
-  it('hides locked warning by default', () => {
-    createComponent();
-
-    expect(vm.$el.querySelector('.alert')).toBeNull();
-  });
-
-  it('shows locked warning if formState is different', () => {
-    createComponent({ formState: { ...defaultProps.formState, lockedWarningVisible: true } });
-
-    expect(vm.$el.querySelector('.alert')).not.toBeNull();
-  });
-
-  it('hides locked warning when currently saving', () => {
-    createComponent({
-      formState: { ...defaultProps.formState, updateLoading: true, lockedWarningVisible: true },
-    });
-
-    expect(vm.$el.querySelector('.alert')).toBeNull();
-  });
-
-  describe('autosave', () => {
-    let autosaveObj;
-    let autosave;
-
-    beforeEach(() => {
-      autosaveObj = { reset: jasmine.createSpy() };
-      autosave = spyOnDependency(formComponent, 'Autosave').and.returnValue(autosaveObj);
-    });
-
-    it('initialized Autosave on mount', () => {
-      createComponent();
-
-      expect(autosave).toHaveBeenCalledTimes(2);
-    });
-
-    it('calls reset on autosave when eventHub emits appropriate events', () => {
-      createComponent();
-
-      eventHub.$emit('close.form');
-
-      expect(autosaveObj.reset).toHaveBeenCalledTimes(2);
-
-      eventHub.$emit('delete.issuable');
-
-      expect(autosaveObj.reset).toHaveBeenCalledTimes(4);
-
-      eventHub.$emit('update.issuable');
-
-      expect(autosaveObj.reset).toHaveBeenCalledTimes(6);
-    });
-  });
-});
diff --git a/spec/javascripts/issue_show/components/title_spec.js b/spec/javascripts/issue_show/components/title_spec.js
deleted file mode 100644
index 9754c8a6755..00000000000
--- a/spec/javascripts/issue_show/components/title_spec.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import Vue from 'vue';
-import Store from '~/issue_show/stores';
-import titleComponent from '~/issue_show/components/title.vue';
-import eventHub from '~/issue_show/event_hub';
-
-describe('Title component', () => {
-  let vm;
-
-  beforeEach(() => {
-    const Component = Vue.extend(titleComponent);
-    const store = new Store({
-      titleHtml: '',
-      descriptionHtml: '',
-      issuableRef: '',
-    });
-    vm = new Component({
-      propsData: {
-        issuableRef: '#1',
-        titleHtml: 'Testing <img />',
-        titleText: 'Testing',
-        showForm: false,
-        formState: store.formState,
-      },
-    }).$mount();
-  });
-
-  it('renders title HTML', () => {
-    expect(vm.$el.querySelector('.title').innerHTML.trim()).toBe('Testing <img>');
-  });
-
-  it('updates page title when changing titleHtml', done => {
-    spyOn(vm, 'setPageTitle');
-    vm.titleHtml = 'test';
-
-    Vue.nextTick(() => {
-      expect(vm.setPageTitle).toHaveBeenCalled();
-
-      done();
-    });
-  });
-
-  it('animates title changes', done => {
-    vm.titleHtml = 'test';
-
-    Vue.nextTick(() => {
-      expect(
-        vm.$el.querySelector('.title').classList.contains('issue-realtime-pre-pulse'),
-      ).toBeTruthy();
-
-      setTimeout(() => {
-        expect(
-          vm.$el.querySelector('.title').classList.contains('issue-realtime-trigger-pulse'),
-        ).toBeTruthy();
-
-        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');
-
-      done();
-    });
-  });
-
-  describe('inline edit button', () => {
-    beforeEach(() => {
-      spyOn(eventHub, '$emit');
-    });
-
-    it('should not show by default', () => {
-      expect(vm.$el.querySelector('.btn-edit')).toBeNull();
-    });
-
-    it('should not show if canUpdate is false', () => {
-      vm.showInlineEditButton = true;
-      vm.canUpdate = false;
-
-      expect(vm.$el.querySelector('.btn-edit')).toBeNull();
-    });
-
-    it('should show if showInlineEditButton and canUpdate', () => {
-      vm.showInlineEditButton = true;
-      vm.canUpdate = true;
-
-      expect(vm.$el.querySelector('.btn-edit')).toBeDefined();
-    });
-
-    it('should trigger open.form event when clicked', () => {
-      vm.showInlineEditButton = true;
-      vm.canUpdate = true;
-
-      Vue.nextTick(() => {
-        vm.$el.querySelector('.btn-edit').click();
-
-        expect(eventHub.$emit).toHaveBeenCalledWith('open.form');
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/issue_show/helpers.js b/spec/javascripts/issue_show/helpers.js
deleted file mode 100644
index 951acfd4e10..00000000000
--- a/spec/javascripts/issue_show/helpers.js
+++ /dev/null
@@ -1 +0,0 @@
-export * from '../../frontend/issue_show/helpers.js';
diff --git a/spec/javascripts/issue_show/mock_data.js b/spec/javascripts/issue_show/mock_data.js
deleted file mode 100644
index 1b391bd1588..00000000000
--- a/spec/javascripts/issue_show/mock_data.js
+++ /dev/null
@@ -1 +0,0 @@
-export * from '../../frontend/issue_show/mock_data';
diff --git a/spec/javascripts/jobs/components/artifacts_block_spec.js b/spec/javascripts/jobs/components/artifacts_block_spec.js
deleted file mode 100644
index 9cb56737f3e..00000000000
--- a/spec/javascripts/jobs/components/artifacts_block_spec.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import Vue from 'vue';
-import { getTimeago } from '~/lib/utils/datetime_utility';
-import component from '~/jobs/components/artifacts_block.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
-import { trimText } from '../../helpers/text_helper';
-
-describe('Artifacts block', () => {
-  const Component = Vue.extend(component);
-  let vm;
-
-  const expireAt = '2018-08-14T09:38:49.157Z';
-  const timeago = getTimeago();
-  const formattedDate = timeago.format(expireAt);
-
-  const expiredArtifact = {
-    expire_at: expireAt,
-    expired: true,
-  };
-
-  const nonExpiredArtifact = {
-    download_path: '/gitlab-org/gitlab-foss/-/jobs/98314558/artifacts/download',
-    browse_path: '/gitlab-org/gitlab-foss/-/jobs/98314558/artifacts/browse',
-    keep_path: '/gitlab-org/gitlab-foss/-/jobs/98314558/artifacts/keep',
-    expire_at: expireAt,
-    expired: false,
-  };
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('with expired artifacts', () => {
-    it('renders expired artifact date and info', () => {
-      vm = mountComponent(Component, {
-        artifact: expiredArtifact,
-      });
-
-      expect(vm.$el.querySelector('.js-artifacts-removed')).not.toBeNull();
-      expect(vm.$el.querySelector('.js-artifacts-will-be-removed')).toBeNull();
-      expect(trimText(vm.$el.querySelector('.js-artifacts-removed').textContent)).toEqual(
-        `The artifacts were removed ${formattedDate}`,
-      );
-    });
-  });
-
-  describe('with artifacts that will expire', () => {
-    it('renders will expire artifact date and info', () => {
-      vm = mountComponent(Component, {
-        artifact: nonExpiredArtifact,
-      });
-
-      expect(vm.$el.querySelector('.js-artifacts-removed')).toBeNull();
-      expect(vm.$el.querySelector('.js-artifacts-will-be-removed')).not.toBeNull();
-      expect(trimText(vm.$el.querySelector('.js-artifacts-will-be-removed').textContent)).toEqual(
-        `The artifacts will be removed ${formattedDate}`,
-      );
-    });
-  });
-
-  describe('with keep path', () => {
-    it('renders the keep button', () => {
-      vm = mountComponent(Component, {
-        artifact: nonExpiredArtifact,
-      });
-
-      expect(vm.$el.querySelector('.js-keep-artifacts')).not.toBeNull();
-    });
-  });
-
-  describe('without keep path', () => {
-    it('does not render the keep button', () => {
-      vm = mountComponent(Component, {
-        artifact: expiredArtifact,
-      });
-
-      expect(vm.$el.querySelector('.js-keep-artifacts')).toBeNull();
-    });
-  });
-
-  describe('with download path', () => {
-    it('renders the download button', () => {
-      vm = mountComponent(Component, {
-        artifact: nonExpiredArtifact,
-      });
-
-      expect(vm.$el.querySelector('.js-download-artifacts')).not.toBeNull();
-    });
-  });
-
-  describe('without download path', () => {
-    it('does not render the keep button', () => {
-      vm = mountComponent(Component, {
-        artifact: expiredArtifact,
-      });
-
-      expect(vm.$el.querySelector('.js-download-artifacts')).toBeNull();
-    });
-  });
-
-  describe('with browse path', () => {
-    it('does not render the browse button', () => {
-      vm = mountComponent(Component, {
-        artifact: nonExpiredArtifact,
-      });
-
-      expect(vm.$el.querySelector('.js-browse-artifacts')).not.toBeNull();
-    });
-  });
-
-  describe('without browse path', () => {
-    it('does not render the browse button', () => {
-      vm = mountComponent(Component, {
-        artifact: expiredArtifact,
-      });
-
-      expect(vm.$el.querySelector('.js-browse-artifacts')).toBeNull();
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/components/commit_block_spec.js b/spec/javascripts/jobs/components/commit_block_spec.js
deleted file mode 100644
index c02f564d01a..00000000000
--- a/spec/javascripts/jobs/components/commit_block_spec.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import Vue from 'vue';
-import component from '~/jobs/components/commit_block.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
-describe('Commit block', () => {
-  const Component = Vue.extend(component);
-  let vm;
-
-  const props = {
-    commit: {
-      short_id: '1f0fb84f',
-      id: '1f0fb84fb6770d74d97eee58118fd3909cd4f48c',
-      commit_path: 'commit/1f0fb84fb6770d74d97eee58118fd3909cd4f48c',
-      title: 'Update README.md',
-    },
-    mergeRequest: {
-      iid: '!21244',
-      path: 'merge_requests/21244',
-    },
-    isLastBlock: true,
-  };
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('pipeline short sha', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        ...props,
-      });
-    });
-
-    it('renders pipeline short sha link', () => {
-      expect(vm.$el.querySelector('.js-commit-sha').getAttribute('href')).toEqual(
-        props.commit.commit_path,
-      );
-
-      expect(vm.$el.querySelector('.js-commit-sha').textContent.trim()).toEqual(
-        props.commit.short_id,
-      );
-    });
-
-    it('renders clipboard button', () => {
-      expect(vm.$el.querySelector('button').getAttribute('data-clipboard-text')).toEqual(
-        props.commit.id,
-      );
-    });
-  });
-
-  describe('with merge request', () => {
-    it('renders merge request link and reference', () => {
-      vm = mountComponent(Component, {
-        ...props,
-      });
-
-      expect(vm.$el.querySelector('.js-link-commit').getAttribute('href')).toEqual(
-        props.mergeRequest.path,
-      );
-
-      expect(vm.$el.querySelector('.js-link-commit').textContent.trim()).toEqual(
-        `!${props.mergeRequest.iid}`,
-      );
-    });
-  });
-
-  describe('without merge request', () => {
-    it('does not render merge request', () => {
-      const copyProps = Object.assign({}, props);
-      delete copyProps.mergeRequest;
-
-      vm = mountComponent(Component, {
-        ...copyProps,
-      });
-
-      expect(vm.$el.querySelector('.js-link-commit')).toBeNull();
-    });
-  });
-
-  describe('git commit title', () => {
-    it('renders git commit title', () => {
-      vm = mountComponent(Component, {
-        ...props,
-      });
-
-      expect(vm.$el.textContent).toContain(props.commit.title);
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/components/empty_state_spec.js b/spec/javascripts/jobs/components/empty_state_spec.js
deleted file mode 100644
index c6eac4e27b3..00000000000
--- a/spec/javascripts/jobs/components/empty_state_spec.js
+++ /dev/null
@@ -1,141 +0,0 @@
-import Vue from 'vue';
-import component from '~/jobs/components/empty_state.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
-describe('Empty State', () => {
-  const Component = Vue.extend(component);
-  let vm;
-
-  const props = {
-    illustrationPath: 'illustrations/pending_job_empty.svg',
-    illustrationSizeClass: 'svg-430',
-    title: 'This job has not started yet',
-    playable: false,
-    variablesSettingsUrl: '',
-  };
-
-  const content = 'This job is in pending state and is waiting to be picked by a runner';
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('renders image and title', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        ...props,
-        content,
-      });
-    });
-
-    it('renders img with provided path and size', () => {
-      expect(vm.$el.querySelector('img').getAttribute('src')).toEqual(props.illustrationPath);
-      expect(vm.$el.querySelector('.svg-content').classList).toContain(props.illustrationSizeClass);
-    });
-
-    it('renders provided title', () => {
-      expect(vm.$el.querySelector('.js-job-empty-state-title').textContent.trim()).toEqual(
-        props.title,
-      );
-    });
-  });
-
-  describe('with content', () => {
-    it('renders content', () => {
-      vm = mountComponent(Component, {
-        ...props,
-        content,
-      });
-
-      expect(vm.$el.querySelector('.js-job-empty-state-content').textContent.trim()).toEqual(
-        content,
-      );
-    });
-  });
-
-  describe('without content', () => {
-    it('does not render content', () => {
-      vm = mountComponent(Component, {
-        ...props,
-      });
-
-      expect(vm.$el.querySelector('.js-job-empty-state-content')).toBeNull();
-    });
-  });
-
-  describe('with action', () => {
-    it('renders action', () => {
-      vm = mountComponent(Component, {
-        ...props,
-        content,
-        action: {
-          path: 'runner',
-          button_title: 'Check runner',
-          method: 'post',
-        },
-      });
-
-      expect(vm.$el.querySelector('.js-job-empty-state-action').getAttribute('href')).toEqual(
-        'runner',
-      );
-    });
-  });
-
-  describe('without action', () => {
-    it('does not render action', () => {
-      vm = mountComponent(Component, {
-        ...props,
-        content,
-        action: null,
-      });
-
-      expect(vm.$el.querySelector('.js-job-empty-state-action')).toBeNull();
-    });
-  });
-
-  describe('without playbale action', () => {
-    it('does not render manual variables form', () => {
-      vm = mountComponent(Component, {
-        ...props,
-        content,
-      });
-
-      expect(vm.$el.querySelector('.js-manual-vars-form')).toBeNull();
-    });
-  });
-
-  describe('with playbale action and not scheduled job', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        ...props,
-        content,
-        playable: true,
-        scheduled: false,
-        action: {
-          path: 'runner',
-          button_title: 'Check runner',
-          method: 'post',
-        },
-      });
-    });
-
-    it('renders manual variables form', () => {
-      expect(vm.$el.querySelector('.js-manual-vars-form')).not.toBeNull();
-    });
-
-    it('does not render the empty state action', () => {
-      expect(vm.$el.querySelector('.js-job-empty-state-action')).toBeNull();
-    });
-  });
-
-  describe('with playbale action and  scheduled job', () => {
-    it('does not render manual variables form', () => {
-      vm = mountComponent(Component, {
-        ...props,
-        content,
-      });
-
-      expect(vm.$el.querySelector('.js-manual-vars-form')).toBeNull();
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/components/environments_block_spec.js b/spec/javascripts/jobs/components/environments_block_spec.js
deleted file mode 100644
index 4f2359e83b6..00000000000
--- a/spec/javascripts/jobs/components/environments_block_spec.js
+++ /dev/null
@@ -1,261 +0,0 @@
-import Vue from 'vue';
-import component from '~/jobs/components/environments_block.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
-const TEST_CLUSTER_NAME = 'test_cluster';
-const TEST_CLUSTER_PATH = 'path/to/test_cluster';
-const TEST_KUBERNETES_NAMESPACE = 'this-is-a-kubernetes-namespace';
-
-describe('Environments block', () => {
-  const Component = Vue.extend(component);
-  let vm;
-  const status = {
-    group: 'success',
-    icon: 'status_success',
-    label: 'passed',
-    text: 'passed',
-    tooltip: 'passed',
-  };
-
-  const environment = {
-    environment_path: '/environment',
-    name: 'environment',
-  };
-
-  const lastDeployment = { iid: 'deployment', deployable: { build_path: 'bar' } };
-
-  const createEnvironmentWithLastDeployment = () => ({
-    ...environment,
-    last_deployment: { ...lastDeployment },
-  });
-
-  const createDeploymentWithCluster = () => ({ name: TEST_CLUSTER_NAME, path: TEST_CLUSTER_PATH });
-
-  const createDeploymentWithClusterAndKubernetesNamespace = () => ({
-    name: TEST_CLUSTER_NAME,
-    path: TEST_CLUSTER_PATH,
-    kubernetes_namespace: TEST_KUBERNETES_NAMESPACE,
-  });
-
-  const createComponent = (deploymentStatus = {}, deploymentCluster = {}) => {
-    vm = mountComponent(Component, {
-      deploymentStatus,
-      deploymentCluster,
-      iconStatus: status,
-    });
-  };
-
-  const findText = () => vm.$el.textContent.trim();
-  const findJobDeploymentLink = () => vm.$el.querySelector('.js-job-deployment-link');
-  const findEnvironmentLink = () => vm.$el.querySelector('.js-environment-link');
-  const findClusterLink = () => vm.$el.querySelector('.js-job-cluster-link');
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('with last deployment', () => {
-    it('renders info for most recent deployment', () => {
-      createComponent({
-        status: 'last',
-        environment,
-      });
-
-      expect(findText()).toEqual('This job is deployed to environment.');
-    });
-
-    describe('when there is a cluster', () => {
-      it('renders info with cluster', () => {
-        createComponent(
-          {
-            status: 'last',
-            environment: createEnvironmentWithLastDeployment(),
-          },
-          createDeploymentWithCluster(),
-        );
-
-        expect(findText()).toEqual(
-          `This job is deployed to environment using cluster ${TEST_CLUSTER_NAME}.`,
-        );
-      });
-
-      describe('when there is a kubernetes namespace', () => {
-        it('renders info with cluster', () => {
-          createComponent(
-            {
-              status: 'last',
-              environment: createEnvironmentWithLastDeployment(),
-            },
-            createDeploymentWithClusterAndKubernetesNamespace(),
-          );
-
-          expect(findText()).toEqual(
-            `This job is deployed to environment using cluster ${TEST_CLUSTER_NAME} and namespace ${TEST_KUBERNETES_NAMESPACE}.`,
-          );
-        });
-      });
-    });
-  });
-
-  describe('with out of date deployment', () => {
-    describe('with last deployment', () => {
-      it('renders info for out date and most recent', () => {
-        createComponent({
-          status: 'out_of_date',
-          environment: createEnvironmentWithLastDeployment(),
-        });
-
-        expect(findText()).toEqual(
-          'This job is an out-of-date deployment to environment. View the most recent deployment.',
-        );
-
-        expect(findJobDeploymentLink().getAttribute('href')).toEqual('bar');
-      });
-
-      describe('when there is a cluster', () => {
-        it('renders info with cluster', () => {
-          createComponent(
-            {
-              status: 'out_of_date',
-              environment: createEnvironmentWithLastDeployment(),
-            },
-            createDeploymentWithCluster(),
-          );
-
-          expect(findText()).toEqual(
-            `This job is an out-of-date deployment to environment using cluster ${TEST_CLUSTER_NAME}. View the most recent deployment.`,
-          );
-        });
-
-        describe('when there is a kubernetes namespace', () => {
-          it('renders info with cluster', () => {
-            createComponent(
-              {
-                status: 'out_of_date',
-                environment: createEnvironmentWithLastDeployment(),
-              },
-              createDeploymentWithClusterAndKubernetesNamespace(),
-            );
-
-            expect(findText()).toEqual(
-              `This job is an out-of-date deployment to environment using cluster ${TEST_CLUSTER_NAME} and namespace ${TEST_KUBERNETES_NAMESPACE}. View the most recent deployment.`,
-            );
-          });
-        });
-      });
-    });
-
-    describe('without last deployment', () => {
-      it('renders info about out of date deployment', () => {
-        createComponent({
-          status: 'out_of_date',
-          environment,
-        });
-
-        expect(findText()).toEqual('This job is an out-of-date deployment to environment.');
-      });
-    });
-  });
-
-  describe('with failed deployment', () => {
-    it('renders info about failed deployment', () => {
-      createComponent({
-        status: 'failed',
-        environment,
-      });
-
-      expect(findText()).toEqual('The deployment of this job to environment did not succeed.');
-    });
-  });
-
-  describe('creating deployment', () => {
-    describe('with last deployment', () => {
-      it('renders info about creating deployment and overriding latest deployment', () => {
-        createComponent({
-          status: 'creating',
-          environment: createEnvironmentWithLastDeployment(),
-        });
-
-        expect(findText()).toEqual(
-          'This job is creating a deployment to environment. This will overwrite the latest deployment.',
-        );
-
-        expect(findJobDeploymentLink().getAttribute('href')).toEqual('bar');
-        expect(findEnvironmentLink().getAttribute('href')).toEqual(environment.environment_path);
-        expect(findClusterLink()).toBeNull();
-      });
-    });
-
-    describe('without last deployment', () => {
-      it('renders info about deployment being created', () => {
-        createComponent({
-          status: 'creating',
-          environment,
-        });
-
-        expect(findText()).toEqual('This job is creating a deployment to environment.');
-      });
-
-      describe('when there is a cluster', () => {
-        it('inclues information about the cluster', () => {
-          createComponent(
-            {
-              status: 'creating',
-              environment,
-            },
-            createDeploymentWithCluster(),
-          );
-
-          expect(findText()).toEqual(
-            `This job is creating a deployment to environment using cluster ${TEST_CLUSTER_NAME}.`,
-          );
-        });
-      });
-    });
-
-    describe('without environment', () => {
-      it('does not render environment link', () => {
-        createComponent({
-          status: 'creating',
-          environment: null,
-        });
-
-        expect(findEnvironmentLink()).toBeNull();
-      });
-    });
-  });
-
-  describe('with a cluster', () => {
-    it('renders the cluster link', () => {
-      createComponent(
-        {
-          status: 'last',
-          environment: createEnvironmentWithLastDeployment(),
-        },
-        createDeploymentWithCluster(),
-      );
-
-      expect(findText()).toEqual(
-        `This job is deployed to environment using cluster ${TEST_CLUSTER_NAME}.`,
-      );
-
-      expect(findClusterLink().getAttribute('href')).toEqual(TEST_CLUSTER_PATH);
-    });
-
-    describe('when the cluster is missing the path', () => {
-      it('renders the name without a link', () => {
-        createComponent(
-          {
-            status: 'last',
-            environment: createEnvironmentWithLastDeployment(),
-          },
-          { name: 'the-cluster' },
-        );
-
-        expect(findText()).toContain('using cluster the-cluster.');
-
-        expect(findClusterLink()).toBeNull();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/components/job_container_item_spec.js b/spec/javascripts/jobs/components/job_container_item_spec.js
deleted file mode 100644
index 99f6d9a14d9..00000000000
--- a/spec/javascripts/jobs/components/job_container_item_spec.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import JobContainerItem from '~/jobs/components/job_container_item.vue';
-import job from '../mock_data';
-
-describe('JobContainerItem', () => {
-  const delayedJobFixture = getJSONFixture('jobs/delayed.json');
-  const Component = Vue.extend(JobContainerItem);
-  let vm;
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  const sharedTests = () => {
-    it('displays a status icon', () => {
-      expect(vm.$el).toHaveSpriteIcon(job.status.icon);
-    });
-
-    it('displays the job name', () => {
-      expect(vm.$el).toContainText(job.name);
-    });
-
-    it('displays a link to the job', () => {
-      const link = vm.$el.querySelector('.js-job-link');
-
-      expect(link.href).toBe(job.status.details_path);
-    });
-  };
-
-  describe('when a job is not active and not retied', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        job,
-        isActive: false,
-      });
-    });
-
-    sharedTests();
-  });
-
-  describe('when a job is active', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        job,
-        isActive: true,
-      });
-    });
-
-    sharedTests();
-
-    it('displays an arrow', () => {
-      expect(vm.$el).toHaveSpriteIcon('arrow-right');
-    });
-  });
-
-  describe('when a job is retried', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        job: {
-          ...job,
-          retried: true,
-        },
-        isActive: false,
-      });
-    });
-
-    sharedTests();
-
-    it('displays an icon', () => {
-      expect(vm.$el).toHaveSpriteIcon('retry');
-    });
-  });
-
-  describe('for delayed job', () => {
-    beforeEach(() => {
-      const remainingMilliseconds = 1337000;
-      spyOn(Date, 'now').and.callFake(
-        () => new Date(delayedJobFixture.scheduled_at).getTime() - remainingMilliseconds,
-      );
-    });
-
-    it('displays remaining time in tooltip', done => {
-      vm = mountComponent(Component, {
-        job: delayedJobFixture,
-        isActive: false,
-      });
-
-      Vue.nextTick()
-        .then(() => {
-          expect(vm.$el.querySelector('.js-job-link').getAttribute('data-original-title')).toEqual(
-            'delayed job - delayed manual action (00:22:17)',
-          );
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/components/job_log_spec.js b/spec/javascripts/jobs/components/job_log_spec.js
deleted file mode 100644
index fcaf2b3bb64..00000000000
--- a/spec/javascripts/jobs/components/job_log_spec.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import Vue from 'vue';
-import { mountComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import component from '~/jobs/components/job_log.vue';
-import createStore from '~/jobs/store';
-import { resetStore } from '../store/helpers';
-
-describe('Job Log', () => {
-  const Component = Vue.extend(component);
-  let store;
-  let vm;
-
-  const trace =
-    '<span>Running with gitlab-runner 12.1.0 (de7731dd)<br/></span><span>  on docker-auto-scale-com d5ae8d25<br/></span><div class="append-right-8" data-timestamp="1565502765" data-section="prepare-executor" role="button"></div><span class="section section-header js-s-prepare-executor">Using Docker executor with image ruby:2.6 ...<br/></span>';
-
-  beforeEach(() => {
-    store = createStore();
-  });
-
-  afterEach(() => {
-    resetStore(store);
-    vm.$destroy();
-  });
-
-  it('renders provided trace', () => {
-    vm = mountComponentWithStore(Component, {
-      props: {
-        trace,
-        isComplete: true,
-      },
-      store,
-    });
-
-    expect(vm.$el.querySelector('code').textContent).toContain(
-      'Running with gitlab-runner 12.1.0 (de7731dd)',
-    );
-  });
-
-  describe('while receiving trace', () => {
-    it('renders animation', () => {
-      vm = mountComponentWithStore(Component, {
-        props: {
-          trace,
-          isComplete: false,
-        },
-        store,
-      });
-
-      expect(vm.$el.querySelector('.js-log-animation')).not.toBeNull();
-    });
-  });
-
-  describe('when build trace has finishes', () => {
-    it('does not render animation', () => {
-      vm = mountComponentWithStore(Component, {
-        props: {
-          trace,
-          isComplete: true,
-        },
-        store,
-      });
-
-      expect(vm.$el.querySelector('.js-log-animation')).toBeNull();
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/components/jobs_container_spec.js b/spec/javascripts/jobs/components/jobs_container_spec.js
deleted file mode 100644
index 119b18b7557..00000000000
--- a/spec/javascripts/jobs/components/jobs_container_spec.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import Vue from 'vue';
-import component from '~/jobs/components/jobs_container.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
-describe('Jobs List block', () => {
-  const Component = Vue.extend(component);
-  let vm;
-
-  const retried = {
-    status: {
-      details_path: '/gitlab-org/gitlab-foss/pipelines/28029444',
-      group: 'success',
-      has_details: true,
-      icon: 'status_success',
-      label: 'passed',
-      text: 'passed',
-      tooltip: 'passed',
-    },
-    id: 233432756,
-    tooltip: 'build - passed',
-    retried: true,
-  };
-
-  const active = {
-    name: 'test',
-    status: {
-      details_path: '/gitlab-org/gitlab-foss/pipelines/28029444',
-      group: 'success',
-      has_details: true,
-      icon: 'status_success',
-      label: 'passed',
-      text: 'passed',
-      tooltip: 'passed',
-    },
-    id: 2322756,
-    tooltip: 'build - passed',
-    active: true,
-  };
-
-  const job = {
-    name: 'build',
-    status: {
-      details_path: '/gitlab-org/gitlab-foss/pipelines/28029444',
-      group: 'success',
-      has_details: true,
-      icon: 'status_success',
-      label: 'passed',
-      text: 'passed',
-      tooltip: 'passed',
-    },
-    id: 232153,
-    tooltip: 'build - passed',
-  };
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders list of jobs', () => {
-    vm = mountComponent(Component, {
-      jobs: [job, retried, active],
-      jobId: 12313,
-    });
-
-    expect(vm.$el.querySelectorAll('a').length).toEqual(3);
-  });
-
-  it('renders arrow right when job id matches `jobId`', () => {
-    vm = mountComponent(Component, {
-      jobs: [active],
-      jobId: active.id,
-    });
-
-    expect(vm.$el.querySelector('a .js-arrow-right')).not.toBeNull();
-  });
-
-  it('does not render arrow right when job is not active', () => {
-    vm = mountComponent(Component, {
-      jobs: [job],
-      jobId: active.id,
-    });
-
-    expect(vm.$el.querySelector('a .js-arrow-right')).toBeNull();
-  });
-
-  it('renders job name when present', () => {
-    vm = mountComponent(Component, {
-      jobs: [job],
-      jobId: active.id,
-    });
-
-    expect(vm.$el.querySelector('a').textContent.trim()).toContain(job.name);
-    expect(vm.$el.querySelector('a').textContent.trim()).not.toContain(job.id);
-  });
-
-  it('renders job id when job name is not available', () => {
-    vm = mountComponent(Component, {
-      jobs: [retried],
-      jobId: active.id,
-    });
-
-    expect(vm.$el.querySelector('a').textContent.trim()).toContain(retried.id);
-  });
-
-  it('links to the job page', () => {
-    vm = mountComponent(Component, {
-      jobs: [job],
-      jobId: active.id,
-    });
-
-    expect(vm.$el.querySelector('a').getAttribute('href')).toEqual(job.status.details_path);
-  });
-
-  it('renders retry icon when job was retried', () => {
-    vm = mountComponent(Component, {
-      jobs: [retried],
-      jobId: active.id,
-    });
-
-    expect(vm.$el.querySelector('.js-retry-icon')).not.toBeNull();
-  });
-
-  it('does not render retry icon when job was not retried', () => {
-    vm = mountComponent(Component, {
-      jobs: [job],
-      jobId: active.id,
-    });
-
-    expect(vm.$el.querySelector('.js-retry-icon')).toBeNull();
-  });
-});
diff --git a/spec/javascripts/jobs/components/manual_variables_form_spec.js b/spec/javascripts/jobs/components/manual_variables_form_spec.js
deleted file mode 100644
index 82fd73ef033..00000000000
--- a/spec/javascripts/jobs/components/manual_variables_form_spec.js
+++ /dev/null
@@ -1,103 +0,0 @@
-import { shallowMount, createLocalVue } from '@vue/test-utils';
-import { GlDeprecatedButton } from '@gitlab/ui';
-import Form from '~/jobs/components/manual_variables_form.vue';
-
-const localVue = createLocalVue();
-
-describe('Manual Variables Form', () => {
-  let wrapper;
-
-  const requiredProps = {
-    action: {
-      path: '/play',
-      method: 'post',
-      button_title: 'Trigger this manual action',
-    },
-    variablesSettingsUrl: '/settings',
-  };
-
-  const factory = (props = {}) => {
-    wrapper = shallowMount(localVue.extend(Form), {
-      propsData: props,
-      localVue,
-    });
-  };
-
-  beforeEach(() => {
-    factory(requiredProps);
-  });
-
-  afterEach(done => {
-    // The component has a `nextTick` callback after some events so we need
-    // to wait for those to finish before destroying.
-    setImmediate(() => {
-      wrapper.destroy();
-      wrapper = null;
-
-      done();
-    });
-  });
-
-  it('renders empty form with correct placeholders', () => {
-    expect(wrapper.find({ ref: 'inputKey' }).attributes('placeholder')).toBe('Input variable key');
-    expect(wrapper.find({ ref: 'inputSecretValue' }).attributes('placeholder')).toBe(
-      'Input variable value',
-    );
-  });
-
-  it('renders help text with provided link', () => {
-    expect(wrapper.find('p').text()).toBe(
-      'Specify variable values to be used in this run. The values specified in CI/CD settings will be used as default',
-    );
-
-    expect(wrapper.find('a').attributes('href')).toBe(requiredProps.variablesSettingsUrl);
-  });
-
-  describe('when adding a new variable', () => {
-    it('creates a new variable when user types a new key and resets the form', done => {
-      wrapper.vm
-        .$nextTick()
-        .then(() => wrapper.find({ ref: 'inputKey' }).setValue('new key'))
-        .then(() => {
-          expect(wrapper.vm.variables.length).toBe(1);
-          expect(wrapper.vm.variables[0].key).toBe('new key');
-          expect(wrapper.find({ ref: 'inputKey' }).attributes('value')).toBe(undefined);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('creates a new variable when user types a new value and resets the form', done => {
-      wrapper.vm
-        .$nextTick()
-        .then(() => wrapper.find({ ref: 'inputSecretValue' }).setValue('new value'))
-        .then(() => {
-          expect(wrapper.vm.variables.length).toBe(1);
-          expect(wrapper.vm.variables[0].secret_value).toBe('new value');
-          expect(wrapper.find({ ref: 'inputSecretValue' }).attributes('value')).toBe(undefined);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('when deleting a variable', () => {
-    beforeEach(done => {
-      wrapper.vm.variables = [
-        {
-          key: 'new key',
-          secret_value: 'value',
-          id: '1',
-        },
-      ];
-
-      wrapper.vm.$nextTick(done);
-    });
-
-    it('removes the variable row', () => {
-      wrapper.find(GlDeprecatedButton).vm.$emit('click');
-
-      expect(wrapper.vm.variables.length).toBe(0);
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/components/sidebar_spec.js b/spec/javascripts/jobs/components/sidebar_spec.js
deleted file mode 100644
index 740bc3d0491..00000000000
--- a/spec/javascripts/jobs/components/sidebar_spec.js
+++ /dev/null
@@ -1,169 +0,0 @@
-import Vue from 'vue';
-import sidebarDetailsBlock from '~/jobs/components/sidebar.vue';
-import createStore from '~/jobs/store';
-import job, { jobsInStage } from '../mock_data';
-import { mountComponentWithStore } from '../../helpers/vue_mount_component_helper';
-import { trimText } from '../../helpers/text_helper';
-
-describe('Sidebar details block', () => {
-  const SidebarComponent = Vue.extend(sidebarDetailsBlock);
-  let vm;
-  let store;
-
-  beforeEach(() => {
-    store = createStore();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('when there is no retry path retry', () => {
-    it('should not render a retry button', () => {
-      const copy = Object.assign({}, job);
-      delete copy.retry_path;
-
-      store.dispatch('receiveJobSuccess', copy);
-      vm = mountComponentWithStore(SidebarComponent, {
-        store,
-      });
-
-      expect(vm.$el.querySelector('.js-retry-button')).toBeNull();
-    });
-  });
-
-  describe('without terminal path', () => {
-    it('does not render terminal link', () => {
-      store.dispatch('receiveJobSuccess', job);
-      vm = mountComponentWithStore(SidebarComponent, { store });
-
-      expect(vm.$el.querySelector('.js-terminal-link')).toBeNull();
-    });
-  });
-
-  describe('with terminal path', () => {
-    it('renders terminal link', () => {
-      store.dispatch(
-        'receiveJobSuccess',
-        Object.assign({}, job, { terminal_path: 'job/43123/terminal' }),
-      );
-      vm = mountComponentWithStore(SidebarComponent, {
-        store,
-      });
-
-      expect(vm.$el.querySelector('.js-terminal-link')).not.toBeNull();
-    });
-  });
-
-  beforeEach(() => {
-    store.dispatch('receiveJobSuccess', job);
-    vm = mountComponentWithStore(SidebarComponent, { store });
-  });
-
-  describe('actions', () => {
-    it('should render link to new issue', () => {
-      expect(vm.$el.querySelector('.js-new-issue').getAttribute('href')).toEqual(
-        job.new_issue_path,
-      );
-
-      expect(vm.$el.querySelector('.js-new-issue').textContent.trim()).toEqual('New issue');
-    });
-
-    it('should render link to retry job', () => {
-      expect(vm.$el.querySelector('.js-retry-button').getAttribute('href')).toEqual(job.retry_path);
-    });
-
-    it('should render link to cancel job', () => {
-      expect(vm.$el.querySelector('.js-cancel-job').getAttribute('href')).toEqual(job.cancel_path);
-    });
-  });
-
-  describe('information', () => {
-    it('should render job duration', () => {
-      expect(trimText(vm.$el.querySelector('.js-job-duration').textContent)).toEqual(
-        'Duration: 6 seconds',
-      );
-    });
-
-    it('should render erased date', () => {
-      expect(trimText(vm.$el.querySelector('.js-job-erased').textContent)).toEqual(
-        'Erased: 3 weeks ago',
-      );
-    });
-
-    it('should render finished date', () => {
-      expect(trimText(vm.$el.querySelector('.js-job-finished').textContent)).toEqual(
-        'Finished: 3 weeks ago',
-      );
-    });
-
-    it('should render queued date', () => {
-      expect(trimText(vm.$el.querySelector('.js-job-queued').textContent)).toEqual(
-        'Queued: 9 seconds',
-      );
-    });
-
-    it('should render runner ID', () => {
-      expect(trimText(vm.$el.querySelector('.js-job-runner').textContent)).toEqual(
-        'Runner: local ci runner (#1)',
-      );
-    });
-
-    it('should render timeout information', () => {
-      expect(trimText(vm.$el.querySelector('.js-job-timeout').textContent)).toEqual(
-        'Timeout: 1m 40s (from runner)',
-      );
-    });
-
-    it('should render coverage', () => {
-      expect(trimText(vm.$el.querySelector('.js-job-coverage').textContent)).toEqual(
-        'Coverage: 20%',
-      );
-    });
-
-    it('should render tags', () => {
-      expect(trimText(vm.$el.querySelector('.js-job-tags').textContent)).toEqual('Tags: tag');
-    });
-  });
-
-  describe('stages dropdown', () => {
-    beforeEach(() => {
-      store.dispatch('receiveJobSuccess', job);
-    });
-
-    describe('with stages', () => {
-      beforeEach(() => {
-        vm = mountComponentWithStore(SidebarComponent, { store });
-      });
-
-      it('renders value provided as selectedStage as selected', () => {
-        expect(vm.$el.querySelector('.js-selected-stage').textContent.trim()).toEqual(
-          vm.selectedStage,
-        );
-      });
-    });
-
-    describe('without jobs for stages', () => {
-      beforeEach(() => {
-        store.dispatch('receiveJobSuccess', job);
-        vm = mountComponentWithStore(SidebarComponent, { store });
-      });
-
-      it('does not render job container', () => {
-        expect(vm.$el.querySelector('.js-jobs-container')).toBeNull();
-      });
-    });
-
-    describe('with jobs for stages', () => {
-      beforeEach(() => {
-        store.dispatch('receiveJobSuccess', job);
-        store.dispatch('receiveJobsForStageSuccess', jobsInStage.latest_statuses);
-        vm = mountComponentWithStore(SidebarComponent, { store });
-      });
-
-      it('renders list of jobs', () => {
-        expect(vm.$el.querySelector('.js-jobs-container')).not.toBeNull();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/components/stages_dropdown_spec.js b/spec/javascripts/jobs/components/stages_dropdown_spec.js
deleted file mode 100644
index f1a01530104..00000000000
--- a/spec/javascripts/jobs/components/stages_dropdown_spec.js
+++ /dev/null
@@ -1,163 +0,0 @@
-import Vue from 'vue';
-import { trimText } from 'spec/helpers/text_helper';
-import component from '~/jobs/components/stages_dropdown.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
-describe('Stages Dropdown', () => {
-  const Component = Vue.extend(component);
-  let vm;
-
-  const mockPipelineData = {
-    id: 28029444,
-    details: {
-      status: {
-        details_path: '/gitlab-org/gitlab-foss/pipelines/28029444',
-        group: 'success',
-        has_details: true,
-        icon: 'status_success',
-        label: 'passed',
-        text: 'passed',
-        tooltip: 'passed',
-      },
-    },
-    path: 'pipeline/28029444',
-    flags: {
-      merge_request_pipeline: true,
-      detached_merge_request_pipeline: false,
-    },
-    merge_request: {
-      iid: 1234,
-      path: '/root/detached-merge-request-pipelines/-/merge_requests/1',
-      title: 'Update README.md',
-      source_branch: 'feature-1234',
-      source_branch_path: '/root/detached-merge-request-pipelines/branches/feature-1234',
-      target_branch: 'master',
-      target_branch_path: '/root/detached-merge-request-pipelines/branches/master',
-    },
-    ref: {
-      name: 'test-branch',
-    },
-  };
-
-  describe('without a merge request pipeline', () => {
-    let pipeline;
-
-    beforeEach(() => {
-      pipeline = JSON.parse(JSON.stringify(mockPipelineData));
-      delete pipeline.merge_request;
-      delete pipeline.flags.merge_request_pipeline;
-      delete pipeline.flags.detached_merge_request_pipeline;
-
-      vm = mountComponent(Component, {
-        pipeline,
-        stages: [{ name: 'build' }, { name: 'test' }],
-        selectedStage: 'deploy',
-      });
-    });
-
-    afterEach(() => {
-      vm.$destroy();
-    });
-
-    it('renders pipeline status', () => {
-      expect(vm.$el.querySelector('.js-ci-status-icon-success')).not.toBeNull();
-    });
-
-    it('renders pipeline link', () => {
-      expect(vm.$el.querySelector('.js-pipeline-path').getAttribute('href')).toEqual(
-        'pipeline/28029444',
-      );
-    });
-
-    it('renders dropdown with stages', () => {
-      expect(vm.$el.querySelector('.dropdown .js-stage-item').textContent).toContain('build');
-    });
-
-    it('rendes selected stage', () => {
-      expect(vm.$el.querySelector('.dropdown .js-selected-stage').textContent).toContain('deploy');
-    });
-
-    it(`renders the pipeline info text like "Pipeline #123 for source_branch"`, () => {
-      const expected = `Pipeline #${pipeline.id} for ${pipeline.ref.name}`;
-      const actual = trimText(vm.$el.querySelector('.js-pipeline-info').innerText);
-
-      expect(actual).toBe(expected);
-    });
-  });
-
-  describe('with an "attached" merge request pipeline', () => {
-    let pipeline;
-
-    beforeEach(() => {
-      pipeline = JSON.parse(JSON.stringify(mockPipelineData));
-      pipeline.flags.merge_request_pipeline = true;
-      pipeline.flags.detached_merge_request_pipeline = false;
-
-      vm = mountComponent(Component, {
-        pipeline,
-        stages: [],
-        selectedStage: 'deploy',
-      });
-    });
-
-    it(`renders the pipeline info text like "Pipeline #123 for !456 with source_branch into target_branch"`, () => {
-      const expected = `Pipeline #${pipeline.id} for !${pipeline.merge_request.iid} with ${pipeline.merge_request.source_branch} into ${pipeline.merge_request.target_branch}`;
-      const actual = trimText(vm.$el.querySelector('.js-pipeline-info').innerText);
-
-      expect(actual).toBe(expected);
-    });
-
-    it(`renders the correct merge request link`, () => {
-      const actual = vm.$el.querySelector('.js-mr-link').href;
-
-      expect(actual).toContain(pipeline.merge_request.path);
-    });
-
-    it(`renders the correct source branch link`, () => {
-      const actual = vm.$el.querySelector('.js-source-branch-link').href;
-
-      expect(actual).toContain(pipeline.merge_request.source_branch_path);
-    });
-
-    it(`renders the correct target branch link`, () => {
-      const actual = vm.$el.querySelector('.js-target-branch-link').href;
-
-      expect(actual).toContain(pipeline.merge_request.target_branch_path);
-    });
-  });
-
-  describe('with a detached merge request pipeline', () => {
-    let pipeline;
-
-    beforeEach(() => {
-      pipeline = JSON.parse(JSON.stringify(mockPipelineData));
-      pipeline.flags.merge_request_pipeline = false;
-      pipeline.flags.detached_merge_request_pipeline = true;
-
-      vm = mountComponent(Component, {
-        pipeline,
-        stages: [],
-        selectedStage: 'deploy',
-      });
-    });
-
-    it(`renders the pipeline info like "Pipeline #123 for !456 with source_branch"`, () => {
-      const expected = `Pipeline #${pipeline.id} for !${pipeline.merge_request.iid} with ${pipeline.merge_request.source_branch}`;
-      const actual = trimText(vm.$el.querySelector('.js-pipeline-info').innerText);
-
-      expect(actual).toBe(expected);
-    });
-
-    it(`renders the correct merge request link`, () => {
-      const actual = vm.$el.querySelector('.js-mr-link').href;
-
-      expect(actual).toContain(pipeline.merge_request.path);
-    });
-
-    it(`renders the correct source branch link`, () => {
-      const actual = vm.$el.querySelector('.js-source-branch-link').href;
-
-      expect(actual).toContain(pipeline.merge_request.source_branch_path);
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/components/trigger_block_spec.js b/spec/javascripts/jobs/components/trigger_block_spec.js
deleted file mode 100644
index 448197b82c0..00000000000
--- a/spec/javascripts/jobs/components/trigger_block_spec.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import Vue from 'vue';
-import component from '~/jobs/components/trigger_block.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
-describe('Trigger block', () => {
-  const Component = Vue.extend(component);
-  let vm;
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('with short token', () => {
-    it('renders short token', () => {
-      vm = mountComponent(Component, {
-        trigger: {
-          short_token: '0a666b2',
-        },
-      });
-
-      expect(vm.$el.querySelector('.js-short-token').textContent).toContain('0a666b2');
-    });
-  });
-
-  describe('without short token', () => {
-    it('does not render short token', () => {
-      vm = mountComponent(Component, { trigger: {} });
-
-      expect(vm.$el.querySelector('.js-short-token')).toBeNull();
-    });
-  });
-
-  describe('with variables', () => {
-    describe('hide/reveal variables', () => {
-      it('should toggle variables on click', done => {
-        vm = mountComponent(Component, {
-          trigger: {
-            short_token: 'bd7e',
-            variables: [
-              { key: 'UPLOAD_TO_GCS', value: 'false', public: false },
-              { key: 'UPLOAD_TO_S3', value: 'true', public: false },
-            ],
-          },
-        });
-
-        vm.$el.querySelector('.js-reveal-variables').click();
-
-        vm.$nextTick()
-          .then(() => {
-            expect(vm.$el.querySelector('.js-build-variables')).not.toBeNull();
-            expect(vm.$el.querySelector('.js-reveal-variables').textContent.trim()).toEqual(
-              'Hide values',
-            );
-
-            expect(vm.$el.querySelector('.js-build-variables').textContent).toContain(
-              'UPLOAD_TO_GCS',
-            );
-
-            expect(vm.$el.querySelector('.js-build-variables').textContent).toContain('false');
-            expect(vm.$el.querySelector('.js-build-variables').textContent).toContain(
-              'UPLOAD_TO_S3',
-            );
-
-            expect(vm.$el.querySelector('.js-build-variables').textContent).toContain('true');
-
-            vm.$el.querySelector('.js-reveal-variables').click();
-          })
-          .then(vm.$nextTick)
-          .then(() => {
-            expect(vm.$el.querySelector('.js-reveal-variables').textContent.trim()).toEqual(
-              'Reveal values',
-            );
-
-            expect(vm.$el.querySelector('.js-build-variables').textContent).toContain(
-              'UPLOAD_TO_GCS',
-            );
-
-            expect(vm.$el.querySelector('.js-build-value').textContent).toContain('••••••');
-
-            expect(vm.$el.querySelector('.js-build-variables').textContent).toContain(
-              'UPLOAD_TO_S3',
-            );
-
-            expect(vm.$el.querySelector('.js-build-value').textContent).toContain('••••••');
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-    });
-  });
-
-  describe('without variables', () => {
-    it('does not render variables', () => {
-      vm = mountComponent(Component, { trigger: {} });
-
-      expect(vm.$el.querySelector('.js-reveal-variables')).toBeNull();
-      expect(vm.$el.querySelector('.js-build-variables')).toBeNull();
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/components/unmet_prerequisites_block_spec.js b/spec/javascripts/jobs/components/unmet_prerequisites_block_spec.js
deleted file mode 100644
index 68fcb321214..00000000000
--- a/spec/javascripts/jobs/components/unmet_prerequisites_block_spec.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import Vue from 'vue';
-import component from '~/jobs/components/unmet_prerequisites_block.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
-describe('Unmet Prerequisites Block Job component', () => {
-  const Component = Vue.extend(component);
-  let vm;
-  const helpPath = '/user/project/clusters/index.html#troubleshooting-failed-deployment-jobs';
-
-  beforeEach(() => {
-    vm = mountComponent(Component, {
-      hasNoRunnersForProject: true,
-      helpPath,
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders an alert with the correct message', () => {
-    const container = vm.$el.querySelector('.js-failed-unmet-prerequisites');
-    const alertMessage =
-      'This job failed because the necessary resources were not successfully created.';
-
-    expect(container).not.toBeNull();
-    expect(container.innerHTML).toContain(alertMessage);
-  });
-
-  it('renders link to help page', () => {
-    const helpLink = vm.$el.querySelector('.js-help-path');
-
-    expect(helpLink).not.toBeNull();
-    expect(helpLink.innerHTML).toContain('More information');
-    expect(helpLink.getAttribute('href')).toEqual(helpPath);
-  });
-});
diff --git a/spec/javascripts/jobs/mixins/delayed_job_mixin_spec.js b/spec/javascripts/jobs/mixins/delayed_job_mixin_spec.js
deleted file mode 100644
index b67187f1d50..00000000000
--- a/spec/javascripts/jobs/mixins/delayed_job_mixin_spec.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import delayedJobMixin from '~/jobs/mixins/delayed_job_mixin';
-
-describe('DelayedJobMixin', () => {
-  const delayedJobFixture = getJSONFixture('jobs/delayed.json');
-  const dummyComponent = Vue.extend({
-    mixins: [delayedJobMixin],
-    props: {
-      job: {
-        type: Object,
-        required: true,
-      },
-    },
-    template: '<div>{{ remainingTime }}</div>',
-  });
-
-  let vm;
-
-  beforeEach(() => {
-    jasmine.clock().install();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-    jasmine.clock().uninstall();
-  });
-
-  describe('if job is empty object', () => {
-    beforeEach(() => {
-      vm = mountComponent(dummyComponent, {
-        job: {},
-      });
-    });
-
-    it('sets remaining time to 00:00:00', () => {
-      expect(vm.$el.innerText).toBe('00:00:00');
-    });
-
-    describe('after mounting', () => {
-      beforeEach(done => {
-        Vue.nextTick()
-          .then(done)
-          .catch(done.fail);
-      });
-
-      it('doe not update remaining time', () => {
-        expect(vm.$el.innerText).toBe('00:00:00');
-      });
-    });
-  });
-
-  describe('if job is delayed job', () => {
-    let remainingTimeInMilliseconds = 42000;
-
-    beforeEach(() => {
-      spyOn(Date, 'now').and.callFake(
-        () => new Date(delayedJobFixture.scheduled_at).getTime() - remainingTimeInMilliseconds,
-      );
-      vm = mountComponent(dummyComponent, {
-        job: delayedJobFixture,
-      });
-    });
-
-    it('sets remaining time to 00:00:00', () => {
-      expect(vm.$el.innerText).toBe('00:00:00');
-    });
-
-    describe('after mounting', () => {
-      beforeEach(done => {
-        Vue.nextTick()
-          .then(done)
-          .catch(done.fail);
-      });
-
-      it('sets remaining time', () => {
-        expect(vm.$el.innerText).toBe('00:00:42');
-      });
-
-      it('updates remaining time', done => {
-        remainingTimeInMilliseconds = 41000;
-        jasmine.clock().tick(1000);
-
-        Vue.nextTick()
-          .then(() => {
-            expect(vm.$el.innerText).toBe('00:00:41');
-          })
-          .then(done)
-          .catch(done.fail);
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/store/actions_spec.js b/spec/javascripts/jobs/store/actions_spec.js
deleted file mode 100644
index 47257688bd5..00000000000
--- a/spec/javascripts/jobs/store/actions_spec.js
+++ /dev/null
@@ -1,512 +0,0 @@
-import MockAdapter from 'axios-mock-adapter';
-import testAction from 'spec/helpers/vuex_action_helper';
-import { TEST_HOST } from 'spec/test_constants';
-import axios from '~/lib/utils/axios_utils';
-import {
-  setJobEndpoint,
-  setTraceOptions,
-  clearEtagPoll,
-  stopPolling,
-  requestJob,
-  fetchJob,
-  receiveJobSuccess,
-  receiveJobError,
-  scrollTop,
-  scrollBottom,
-  requestTrace,
-  fetchTrace,
-  startPollingTrace,
-  stopPollingTrace,
-  receiveTraceSuccess,
-  receiveTraceError,
-  toggleCollapsibleLine,
-  requestJobsForStage,
-  fetchJobsForStage,
-  receiveJobsForStageSuccess,
-  receiveJobsForStageError,
-  hideSidebar,
-  showSidebar,
-  toggleSidebar,
-} from '~/jobs/store/actions';
-import state from '~/jobs/store/state';
-import * as types from '~/jobs/store/mutation_types';
-
-describe('Job State actions', () => {
-  let mockedState;
-
-  beforeEach(() => {
-    mockedState = state();
-  });
-
-  describe('setJobEndpoint', () => {
-    it('should commit SET_JOB_ENDPOINT mutation', done => {
-      testAction(
-        setJobEndpoint,
-        'job/872324.json',
-        mockedState,
-        [{ type: types.SET_JOB_ENDPOINT, payload: 'job/872324.json' }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('setTraceOptions', () => {
-    it('should commit SET_TRACE_OPTIONS mutation', done => {
-      testAction(
-        setTraceOptions,
-        { pagePath: 'job/872324/trace.json' },
-        mockedState,
-        [{ type: types.SET_TRACE_OPTIONS, payload: { pagePath: 'job/872324/trace.json' } }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('hideSidebar', () => {
-    it('should commit HIDE_SIDEBAR mutation', 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);
-    });
-  });
-
-  describe('toggleSidebar', () => {
-    describe('when isSidebarOpen is true', () => {
-      it('should dispatch hideSidebar', done => {
-        testAction(toggleSidebar, null, mockedState, [], [{ type: 'hideSidebar' }], done);
-      });
-    });
-
-    describe('when isSidebarOpen is false', () => {
-      it('should dispatch showSidebar', done => {
-        mockedState.isSidebarOpen = false;
-
-        testAction(toggleSidebar, null, mockedState, [], [{ type: 'showSidebar' }], done);
-      });
-    });
-  });
-
-  describe('requestJob', () => {
-    it('should commit REQUEST_JOB mutation', done => {
-      testAction(requestJob, null, mockedState, [{ type: types.REQUEST_JOB }], [], done);
-    });
-  });
-
-  describe('fetchJob', () => {
-    let mock;
-
-    beforeEach(() => {
-      mockedState.jobEndpoint = `${TEST_HOST}/endpoint.json`;
-      mock = new MockAdapter(axios);
-    });
-
-    afterEach(() => {
-      mock.restore();
-      stopPolling();
-      clearEtagPoll();
-    });
-
-    describe('success', () => {
-      it('dispatches requestJob and receiveJobSuccess ', done => {
-        mock.onGet(`${TEST_HOST}/endpoint.json`).replyOnce(200, { id: 121212, name: 'karma' });
-
-        testAction(
-          fetchJob,
-          null,
-          mockedState,
-          [],
-          [
-            {
-              type: 'requestJob',
-            },
-            {
-              payload: { id: 121212, name: 'karma' },
-              type: 'receiveJobSuccess',
-            },
-          ],
-          done,
-        );
-      });
-    });
-
-    describe('error', () => {
-      beforeEach(() => {
-        mock.onGet(`${TEST_HOST}/endpoint.json`).reply(500);
-      });
-
-      it('dispatches requestJob and receiveJobError ', done => {
-        testAction(
-          fetchJob,
-          null,
-          mockedState,
-          [],
-          [
-            {
-              type: 'requestJob',
-            },
-            {
-              type: 'receiveJobError',
-            },
-          ],
-          done,
-        );
-      });
-    });
-  });
-
-  describe('receiveJobSuccess', () => {
-    it('should commit RECEIVE_JOB_SUCCESS mutation', done => {
-      testAction(
-        receiveJobSuccess,
-        { id: 121232132 },
-        mockedState,
-        [{ type: types.RECEIVE_JOB_SUCCESS, payload: { id: 121232132 } }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('receiveJobError', () => {
-    it('should commit RECEIVE_JOB_ERROR mutation', done => {
-      testAction(receiveJobError, null, mockedState, [{ type: types.RECEIVE_JOB_ERROR }], [], done);
-    });
-  });
-
-  describe('scrollTop', () => {
-    it('should dispatch toggleScrollButtons action', done => {
-      testAction(scrollTop, null, mockedState, [], [{ type: 'toggleScrollButtons' }], done);
-    });
-  });
-
-  describe('scrollBottom', () => {
-    it('should dispatch toggleScrollButtons action', done => {
-      testAction(scrollBottom, null, mockedState, [], [{ type: 'toggleScrollButtons' }], done);
-    });
-  });
-
-  describe('requestTrace', () => {
-    it('should commit REQUEST_TRACE mutation', done => {
-      testAction(requestTrace, null, mockedState, [{ type: types.REQUEST_TRACE }], [], done);
-    });
-  });
-
-  describe('fetchTrace', () => {
-    let mock;
-
-    beforeEach(() => {
-      mockedState.traceEndpoint = `${TEST_HOST}/endpoint`;
-      mock = new MockAdapter(axios);
-    });
-
-    afterEach(() => {
-      mock.restore();
-      stopPolling();
-      clearEtagPoll();
-    });
-
-    describe('success', () => {
-      it('dispatches requestTrace, receiveTraceSuccess and stopPollingTrace when job is complete', done => {
-        mock.onGet(`${TEST_HOST}/endpoint/trace.json`).replyOnce(200, {
-          html: 'I, [2018-08-17T22:57:45.707325 #1841]  INFO -- :',
-          complete: true,
-        });
-
-        testAction(
-          fetchTrace,
-          null,
-          mockedState,
-          [],
-          [
-            {
-              type: 'toggleScrollisInBottom',
-              payload: true,
-            },
-            {
-              payload: {
-                html: 'I, [2018-08-17T22:57:45.707325 #1841]  INFO -- :',
-                complete: true,
-              },
-              type: 'receiveTraceSuccess',
-            },
-            {
-              type: 'stopPollingTrace',
-            },
-          ],
-          done,
-        );
-      });
-
-      describe('when job is incomplete', () => {
-        let tracePayload;
-
-        beforeEach(() => {
-          tracePayload = {
-            html: 'I, [2018-08-17T22:57:45.707325 #1841]  INFO -- :',
-            complete: false,
-          };
-
-          mock.onGet(`${TEST_HOST}/endpoint/trace.json`).replyOnce(200, tracePayload);
-        });
-
-        it('dispatches startPollingTrace', done => {
-          testAction(
-            fetchTrace,
-            null,
-            mockedState,
-            [],
-            [
-              { type: 'toggleScrollisInBottom', payload: true },
-              { type: 'receiveTraceSuccess', payload: tracePayload },
-              { type: 'startPollingTrace' },
-            ],
-            done,
-          );
-        });
-
-        it('does not dispatch startPollingTrace when timeout is non-empty', done => {
-          mockedState.traceTimeout = 1;
-
-          testAction(
-            fetchTrace,
-            null,
-            mockedState,
-            [],
-            [
-              { type: 'toggleScrollisInBottom', payload: true },
-              { type: 'receiveTraceSuccess', payload: tracePayload },
-            ],
-            done,
-          );
-        });
-      });
-    });
-
-    describe('error', () => {
-      beforeEach(() => {
-        mock.onGet(`${TEST_HOST}/endpoint/trace.json`).reply(500);
-      });
-
-      it('dispatches requestTrace and receiveTraceError ', done => {
-        testAction(
-          fetchTrace,
-          null,
-          mockedState,
-          [],
-          [
-            {
-              type: 'receiveTraceError',
-            },
-          ],
-          done,
-        );
-      });
-    });
-  });
-
-  describe('startPollingTrace', () => {
-    let dispatch;
-    let commit;
-
-    beforeEach(() => {
-      jasmine.clock().install();
-
-      dispatch = jasmine.createSpy();
-      commit = jasmine.createSpy();
-
-      startPollingTrace({ dispatch, commit });
-    });
-
-    afterEach(() => {
-      jasmine.clock().uninstall();
-    });
-
-    it('should save the timeout id but not call fetchTrace', () => {
-      expect(commit).toHaveBeenCalledWith(types.SET_TRACE_TIMEOUT, 1);
-      expect(dispatch).not.toHaveBeenCalledWith('fetchTrace');
-    });
-
-    describe('after timeout has passed', () => {
-      beforeEach(() => {
-        jasmine.clock().tick(4000);
-      });
-
-      it('should clear the timeout id and fetchTrace', () => {
-        expect(commit).toHaveBeenCalledWith(types.SET_TRACE_TIMEOUT, 0);
-        expect(dispatch).toHaveBeenCalledWith('fetchTrace');
-      });
-    });
-  });
-
-  describe('stopPollingTrace', () => {
-    let origTimeout;
-
-    beforeEach(() => {
-      // Can't use spyOn(window, 'clearTimeout') because this caused unrelated specs to timeout
-      // https://gitlab.com/gitlab-org/gitlab/-/merge_requests/23838#note_280277727
-      origTimeout = window.clearTimeout;
-      window.clearTimeout = jasmine.createSpy();
-    });
-
-    afterEach(() => {
-      window.clearTimeout = origTimeout;
-    });
-
-    it('should commit STOP_POLLING_TRACE mutation ', done => {
-      const traceTimeout = 7;
-
-      testAction(
-        stopPollingTrace,
-        null,
-        { ...mockedState, traceTimeout },
-        [{ type: types.SET_TRACE_TIMEOUT, payload: 0 }, { type: types.STOP_POLLING_TRACE }],
-        [],
-      )
-        .then(() => {
-          expect(window.clearTimeout).toHaveBeenCalledWith(traceTimeout);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('receiveTraceSuccess', () => {
-    it('should commit RECEIVE_TRACE_SUCCESS mutation ', done => {
-      testAction(
-        receiveTraceSuccess,
-        'hello world',
-        mockedState,
-        [{ type: types.RECEIVE_TRACE_SUCCESS, payload: 'hello world' }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('receiveTraceError', () => {
-    it('should commit stop polling trace', done => {
-      testAction(receiveTraceError, null, mockedState, [], [{ type: 'stopPollingTrace' }], done);
-    });
-  });
-
-  describe('toggleCollapsibleLine', () => {
-    it('should commit TOGGLE_COLLAPSIBLE_LINE mutation ', done => {
-      testAction(
-        toggleCollapsibleLine,
-        { isClosed: true },
-        mockedState,
-        [{ type: types.TOGGLE_COLLAPSIBLE_LINE, payload: { isClosed: true } }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('requestJobsForStage', () => {
-    it('should commit REQUEST_JOBS_FOR_STAGE mutation ', done => {
-      testAction(
-        requestJobsForStage,
-        { name: 'deploy' },
-        mockedState,
-        [{ type: types.REQUEST_JOBS_FOR_STAGE, payload: { name: 'deploy' } }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('fetchJobsForStage', () => {
-    let mock;
-
-    beforeEach(() => {
-      mock = new MockAdapter(axios);
-    });
-
-    afterEach(() => {
-      mock.restore();
-    });
-
-    describe('success', () => {
-      it('dispatches requestJobsForStage and receiveJobsForStageSuccess ', done => {
-        mock
-          .onGet(`${TEST_HOST}/jobs.json`)
-          .replyOnce(200, { latest_statuses: [{ id: 121212, name: 'build' }], retried: [] });
-
-        testAction(
-          fetchJobsForStage,
-          { dropdown_path: `${TEST_HOST}/jobs.json` },
-          mockedState,
-          [],
-          [
-            {
-              type: 'requestJobsForStage',
-              payload: { dropdown_path: `${TEST_HOST}/jobs.json` },
-            },
-            {
-              payload: [{ id: 121212, name: 'build' }],
-              type: 'receiveJobsForStageSuccess',
-            },
-          ],
-          done,
-        );
-      });
-    });
-
-    describe('error', () => {
-      beforeEach(() => {
-        mock.onGet(`${TEST_HOST}/jobs.json`).reply(500);
-      });
-
-      it('dispatches requestJobsForStage and receiveJobsForStageError', done => {
-        testAction(
-          fetchJobsForStage,
-          { dropdown_path: `${TEST_HOST}/jobs.json` },
-          mockedState,
-          [],
-          [
-            {
-              type: 'requestJobsForStage',
-              payload: { dropdown_path: `${TEST_HOST}/jobs.json` },
-            },
-            {
-              type: 'receiveJobsForStageError',
-            },
-          ],
-          done,
-        );
-      });
-    });
-  });
-
-  describe('receiveJobsForStageSuccess', () => {
-    it('should commit RECEIVE_JOBS_FOR_STAGE_SUCCESS mutation ', done => {
-      testAction(
-        receiveJobsForStageSuccess,
-        [{ id: 121212, name: 'karma' }],
-        mockedState,
-        [{ type: types.RECEIVE_JOBS_FOR_STAGE_SUCCESS, payload: [{ id: 121212, name: 'karma' }] }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('receiveJobsForStageError', () => {
-    it('should commit RECEIVE_JOBS_FOR_STAGE_ERROR mutation ', done => {
-      testAction(
-        receiveJobsForStageError,
-        null,
-        mockedState,
-        [{ type: types.RECEIVE_JOBS_FOR_STAGE_ERROR }],
-        [],
-        done,
-      );
-    });
-  });
-});
diff --git a/spec/javascripts/jobs/store/helpers.js b/spec/javascripts/jobs/store/helpers.js
deleted file mode 100644
index 81a769b4a6e..00000000000
--- a/spec/javascripts/jobs/store/helpers.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import state from '~/jobs/store/state';
-
-// eslint-disable-next-line import/prefer-default-export
-export const resetStore = store => {
-  store.replaceState(state());
-};
diff --git a/spec/javascripts/landing_spec.js b/spec/javascripts/landing_spec.js
deleted file mode 100644
index bffef8fc64f..00000000000
--- a/spec/javascripts/landing_spec.js
+++ /dev/null
@@ -1,166 +0,0 @@
-import Cookies from 'js-cookie';
-import Landing from '~/landing';
-
-describe('Landing', function() {
-  describe('class constructor', function() {
-    beforeEach(function() {
-      this.landingElement = {};
-      this.dismissButton = {};
-      this.cookieName = 'cookie_name';
-
-      this.landing = new Landing(this.landingElement, this.dismissButton, this.cookieName);
-    });
-
-    it('should set .landing', function() {
-      expect(this.landing.landingElement).toBe(this.landingElement);
-    });
-
-    it('should set .cookieName', function() {
-      expect(this.landing.cookieName).toBe(this.cookieName);
-    });
-
-    it('should set .dismissButton', function() {
-      expect(this.landing.dismissButton).toBe(this.dismissButton);
-    });
-
-    it('should set .eventWrapper', function() {
-      expect(this.landing.eventWrapper).toEqual({});
-    });
-  });
-
-  describe('toggle', function() {
-    beforeEach(function() {
-      this.isDismissed = false;
-      this.landingElement = { classList: jasmine.createSpyObj('classList', ['toggle']) };
-      this.landing = {
-        isDismissed: () => {},
-        addEvents: () => {},
-        landingElement: this.landingElement,
-      };
-
-      spyOn(this.landing, 'isDismissed').and.returnValue(this.isDismissed);
-      spyOn(this.landing, 'addEvents');
-
-      Landing.prototype.toggle.call(this.landing);
-    });
-
-    it('should call .isDismissed', function() {
-      expect(this.landing.isDismissed).toHaveBeenCalled();
-    });
-
-    it('should call .classList.toggle', function() {
-      expect(this.landingElement.classList.toggle).toHaveBeenCalledWith('hidden', this.isDismissed);
-    });
-
-    it('should call .addEvents', function() {
-      expect(this.landing.addEvents).toHaveBeenCalled();
-    });
-
-    describe('if isDismissed is true', function() {
-      beforeEach(function() {
-        this.isDismissed = true;
-        this.landingElement = { classList: jasmine.createSpyObj('classList', ['toggle']) };
-        this.landing = {
-          isDismissed: () => {},
-          addEvents: () => {},
-          landingElement: this.landingElement,
-        };
-
-        spyOn(this.landing, 'isDismissed').and.returnValue(this.isDismissed);
-        spyOn(this.landing, 'addEvents');
-
-        this.landing.isDismissed.calls.reset();
-
-        Landing.prototype.toggle.call(this.landing);
-      });
-
-      it('should not call .addEvents', function() {
-        expect(this.landing.addEvents).not.toHaveBeenCalled();
-      });
-    });
-  });
-
-  describe('addEvents', function() {
-    beforeEach(function() {
-      this.dismissButton = jasmine.createSpyObj('dismissButton', ['addEventListener']);
-      this.eventWrapper = {};
-      this.landing = {
-        eventWrapper: this.eventWrapper,
-        dismissButton: this.dismissButton,
-        dismissLanding: () => {},
-      };
-
-      Landing.prototype.addEvents.call(this.landing);
-    });
-
-    it('should set .eventWrapper.dismissLanding', function() {
-      expect(this.eventWrapper.dismissLanding).toEqual(jasmine.any(Function));
-    });
-
-    it('should call .addEventListener', function() {
-      expect(this.dismissButton.addEventListener).toHaveBeenCalledWith(
-        'click',
-        this.eventWrapper.dismissLanding,
-      );
-    });
-  });
-
-  describe('removeEvents', function() {
-    beforeEach(function() {
-      this.dismissButton = jasmine.createSpyObj('dismissButton', ['removeEventListener']);
-      this.eventWrapper = { dismissLanding: () => {} };
-      this.landing = {
-        eventWrapper: this.eventWrapper,
-        dismissButton: this.dismissButton,
-      };
-
-      Landing.prototype.removeEvents.call(this.landing);
-    });
-
-    it('should call .removeEventListener', function() {
-      expect(this.dismissButton.removeEventListener).toHaveBeenCalledWith(
-        'click',
-        this.eventWrapper.dismissLanding,
-      );
-    });
-  });
-
-  describe('dismissLanding', function() {
-    beforeEach(function() {
-      this.landingElement = { classList: jasmine.createSpyObj('classList', ['add']) };
-      this.cookieName = 'cookie_name';
-      this.landing = { landingElement: this.landingElement, cookieName: this.cookieName };
-
-      spyOn(Cookies, 'set');
-
-      Landing.prototype.dismissLanding.call(this.landing);
-    });
-
-    it('should call .classList.add', function() {
-      expect(this.landingElement.classList.add).toHaveBeenCalledWith('hidden');
-    });
-
-    it('should call Cookies.set', function() {
-      expect(Cookies.set).toHaveBeenCalledWith(this.cookieName, 'true', { expires: 365 });
-    });
-  });
-
-  describe('isDismissed', function() {
-    beforeEach(function() {
-      this.cookieName = 'cookie_name';
-      this.landing = { cookieName: this.cookieName };
-
-      spyOn(Cookies, 'get').and.returnValue('true');
-
-      this.isDismissed = Landing.prototype.isDismissed.call(this.landing);
-    });
-
-    it('should call Cookies.get', function() {
-      expect(Cookies.get).toHaveBeenCalledWith(this.cookieName);
-    });
-
-    it('should return a boolean', function() {
-      expect(typeof this.isDismissed).toEqual('boolean');
-    });
-  });
-});
diff --git a/spec/javascripts/lib/utils/csrf_token_spec.js b/spec/javascripts/lib/utils/csrf_token_spec.js
deleted file mode 100644
index 867bee34ee5..00000000000
--- a/spec/javascripts/lib/utils/csrf_token_spec.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import csrf from '~/lib/utils/csrf';
-
-describe('csrf', function() {
-  beforeEach(() => {
-    this.tokenKey = 'X-CSRF-Token';
-    this.token =
-      'pH1cvjnP9grx2oKlhWEDvUZnJ8x2eXsIs1qzyHkF3DugSG5yTxR76CWeEZRhML2D1IeVB7NEW0t5l/axE4iJpQ==';
-  });
-
-  it('returns the correct headerKey', () => {
-    expect(csrf.headerKey).toBe(this.tokenKey);
-  });
-
-  describe('when csrf token is in the DOM', () => {
-    beforeEach(() => {
-      setFixtures(`
-        <meta name="csrf-token" content="${this.token}">
-      `);
-
-      csrf.init();
-    });
-
-    it('returns the csrf token', () => {
-      expect(csrf.token).toBe(this.token);
-    });
-
-    it('returns the csrf headers object', () => {
-      expect(csrf.headers[this.tokenKey]).toBe(this.token);
-    });
-  });
-
-  describe('when csrf token is not in the DOM', () => {
-    beforeEach(() => {
-      setFixtures(`
-        <meta name="some-other-token">
-      `);
-
-      csrf.init();
-    });
-
-    it('returns null for token', () => {
-      expect(csrf.token).toBeNull();
-    });
-
-    it('returns empty object for headers', () => {
-      expect(typeof csrf.headers).toBe('object');
-      expect(Object.keys(csrf.headers).length).toBe(0);
-    });
-  });
-});
diff --git a/spec/javascripts/lib/utils/navigation_utility_spec.js b/spec/javascripts/lib/utils/navigation_utility_spec.js
deleted file mode 100644
index be620e4a27c..00000000000
--- a/spec/javascripts/lib/utils/navigation_utility_spec.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import findAndFollowLink from '~/lib/utils/navigation_utility';
-
-describe('findAndFollowLink', () => {
-  it('visits a link when the selector exists', () => {
-    const href = '/some/path';
-    const visitUrl = spyOnDependency(findAndFollowLink, 'visitUrl');
-
-    setFixtures(`<a class="my-shortcut" href="${href}">link</a>`);
-
-    findAndFollowLink('.my-shortcut');
-
-    expect(visitUrl).toHaveBeenCalledWith(href);
-  });
-
-  it('does not throw an exception when the selector does not exist', () => {
-    const visitUrl = spyOnDependency(findAndFollowLink, 'visitUrl');
-
-    // this should not throw an exception
-    findAndFollowLink('.this-selector-does-not-exist');
-
-    expect(visitUrl).not.toHaveBeenCalled();
-  });
-});
diff --git a/spec/javascripts/lib/utils/poll_spec.js b/spec/javascripts/lib/utils/poll_spec.js
deleted file mode 100644
index 138041a349f..00000000000
--- a/spec/javascripts/lib/utils/poll_spec.js
+++ /dev/null
@@ -1,222 +0,0 @@
-/* eslint-disable jasmine/no-unsafe-spy */
-
-import Poll from '~/lib/utils/poll';
-import { successCodes } from '~/lib/utils/http_status';
-
-const waitForAllCallsToFinish = (service, waitForCount, successCallback) => {
-  const timer = () => {
-    setTimeout(() => {
-      if (service.fetch.calls.count() === waitForCount) {
-        successCallback();
-      } else {
-        timer();
-      }
-    }, 0);
-  };
-
-  timer();
-};
-
-function mockServiceCall(service, response, shouldFail = false) {
-  const action = shouldFail ? Promise.reject : Promise.resolve;
-  const responseObject = response;
-
-  if (!responseObject.headers) responseObject.headers = {};
-
-  service.fetch.and.callFake(action.bind(Promise, responseObject));
-}
-
-describe('Poll', () => {
-  const service = jasmine.createSpyObj('service', ['fetch']);
-  const callbacks = jasmine.createSpyObj('callbacks', ['success', 'error', 'notification']);
-
-  function setup() {
-    return new Poll({
-      resource: service,
-      method: 'fetch',
-      successCallback: callbacks.success,
-      errorCallback: callbacks.error,
-      notificationCallback: callbacks.notification,
-    }).makeRequest();
-  }
-
-  afterEach(() => {
-    callbacks.success.calls.reset();
-    callbacks.error.calls.reset();
-    callbacks.notification.calls.reset();
-    service.fetch.calls.reset();
-  });
-
-  it('calls the success callback when no header for interval is provided', done => {
-    mockServiceCall(service, { status: 200 });
-    setup();
-
-    waitForAllCallsToFinish(service, 1, () => {
-      expect(callbacks.success).toHaveBeenCalled();
-      expect(callbacks.error).not.toHaveBeenCalled();
-
-      done();
-    });
-  });
-
-  it('calls the error callback when the http request returns an error', done => {
-    mockServiceCall(service, { status: 500 }, true);
-    setup();
-
-    waitForAllCallsToFinish(service, 1, () => {
-      expect(callbacks.success).not.toHaveBeenCalled();
-      expect(callbacks.error).toHaveBeenCalled();
-
-      done();
-    });
-  });
-
-  it('skips the error callback when request is aborted', done => {
-    mockServiceCall(service, { status: 0 }, true);
-    setup();
-
-    waitForAllCallsToFinish(service, 1, () => {
-      expect(callbacks.success).not.toHaveBeenCalled();
-      expect(callbacks.error).not.toHaveBeenCalled();
-      expect(callbacks.notification).toHaveBeenCalled();
-
-      done();
-    });
-  });
-
-  it('should call the success callback when the interval header is -1', done => {
-    mockServiceCall(service, { status: 200, headers: { 'poll-interval': -1 } });
-    setup()
-      .then(() => {
-        expect(callbacks.success).toHaveBeenCalled();
-        expect(callbacks.error).not.toHaveBeenCalled();
-
-        done();
-      })
-      .catch(done.fail);
-  });
-
-  describe('for 2xx status code', () => {
-    successCodes.forEach(httpCode => {
-      it(`starts polling when http status is ${httpCode} and interval header is provided`, done => {
-        mockServiceCall(service, { status: httpCode, headers: { 'poll-interval': 1 } });
-
-        const Polling = new Poll({
-          resource: service,
-          method: 'fetch',
-          data: { page: 1 },
-          successCallback: callbacks.success,
-          errorCallback: callbacks.error,
-        });
-
-        Polling.makeRequest();
-
-        waitForAllCallsToFinish(service, 2, () => {
-          Polling.stop();
-
-          expect(service.fetch.calls.count()).toEqual(2);
-          expect(service.fetch).toHaveBeenCalledWith({ page: 1 });
-          expect(callbacks.success).toHaveBeenCalled();
-          expect(callbacks.error).not.toHaveBeenCalled();
-
-          done();
-        });
-      });
-    });
-  });
-
-  describe('stop', () => {
-    it('stops polling when method is called', done => {
-      mockServiceCall(service, { status: 200, headers: { 'poll-interval': 1 } });
-
-      const Polling = new Poll({
-        resource: service,
-        method: 'fetch',
-        data: { page: 1 },
-        successCallback: () => {
-          Polling.stop();
-        },
-        errorCallback: callbacks.error,
-      });
-
-      spyOn(Polling, 'stop').and.callThrough();
-
-      Polling.makeRequest();
-
-      waitForAllCallsToFinish(service, 1, () => {
-        expect(service.fetch.calls.count()).toEqual(1);
-        expect(service.fetch).toHaveBeenCalledWith({ page: 1 });
-        expect(Polling.stop).toHaveBeenCalled();
-
-        done();
-      });
-    });
-  });
-
-  describe('enable', () => {
-    it('should enable polling upon a response', done => {
-      jasmine.clock().install();
-
-      const Polling = new Poll({
-        resource: service,
-        method: 'fetch',
-        data: { page: 1 },
-        successCallback: () => {},
-      });
-
-      Polling.enable({
-        data: { page: 4 },
-        response: { status: 200, headers: { 'poll-interval': 1 } },
-      });
-
-      jasmine.clock().tick(1);
-      jasmine.clock().uninstall();
-
-      waitForAllCallsToFinish(service, 1, () => {
-        Polling.stop();
-
-        expect(service.fetch.calls.count()).toEqual(1);
-        expect(service.fetch).toHaveBeenCalledWith({ page: 4 });
-        expect(Polling.options.data).toEqual({ page: 4 });
-        done();
-      });
-    });
-  });
-
-  describe('restart', () => {
-    it('should restart polling when its called', done => {
-      mockServiceCall(service, { status: 200, headers: { 'poll-interval': 1 } });
-
-      const Polling = new Poll({
-        resource: service,
-        method: 'fetch',
-        data: { page: 1 },
-        successCallback: () => {
-          Polling.stop();
-          setTimeout(() => {
-            Polling.restart({ data: { page: 4 } });
-          }, 0);
-        },
-        errorCallback: callbacks.error,
-      });
-
-      spyOn(Polling, 'stop').and.callThrough();
-      spyOn(Polling, 'enable').and.callThrough();
-      spyOn(Polling, 'restart').and.callThrough();
-
-      Polling.makeRequest();
-
-      waitForAllCallsToFinish(service, 2, () => {
-        Polling.stop();
-
-        expect(service.fetch.calls.count()).toEqual(2);
-        expect(service.fetch).toHaveBeenCalledWith({ page: 4 });
-        expect(Polling.stop).toHaveBeenCalled();
-        expect(Polling.enable).toHaveBeenCalled();
-        expect(Polling.restart).toHaveBeenCalled();
-        expect(Polling.options.data).toEqual({ page: 4 });
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/lib/utils/sticky_spec.js b/spec/javascripts/lib/utils/sticky_spec.js
deleted file mode 100644
index 1b1e7da1ed3..00000000000
--- a/spec/javascripts/lib/utils/sticky_spec.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import { isSticky } from '~/lib/utils/sticky';
-
-describe('sticky', () => {
-  let el;
-
-  beforeEach(() => {
-    document.body.innerHTML += `
-      <div class="parent">
-        <div id="js-sticky"></div>
-      </div>
-    `;
-
-    el = document.getElementById('js-sticky');
-  });
-
-  afterEach(() => {
-    el.parentNode.remove();
-  });
-
-  describe('when stuck', () => {
-    it('does not remove is-stuck class', () => {
-      isSticky(el, 0, el.offsetTop);
-      isSticky(el, 0, el.offsetTop);
-
-      expect(el.classList.contains('is-stuck')).toBeTruthy();
-    });
-
-    it('adds is-stuck class', () => {
-      isSticky(el, 0, el.offsetTop);
-
-      expect(el.classList.contains('is-stuck')).toBeTruthy();
-    });
-
-    it('inserts placeholder element', () => {
-      isSticky(el, 0, el.offsetTop, true);
-
-      expect(document.querySelector('.sticky-placeholder')).not.toBeNull();
-    });
-  });
-
-  describe('when not stuck', () => {
-    it('removes is-stuck class', () => {
-      spyOn(el.classList, 'remove').and.callThrough();
-
-      isSticky(el, 0, el.offsetTop);
-      isSticky(el, 0, 0);
-
-      expect(el.classList.remove).toHaveBeenCalledWith('is-stuck');
-
-      expect(el.classList.contains('is-stuck')).toBeFalsy();
-    });
-
-    it('does not add is-stuck class', () => {
-      isSticky(el, 0, 0);
-
-      expect(el.classList.contains('is-stuck')).toBeFalsy();
-    });
-
-    it('removes placeholder', () => {
-      isSticky(el, 0, el.offsetTop, true);
-      isSticky(el, 0, 0, true);
-
-      expect(document.querySelector('.sticky-placeholder')).toBeNull();
-    });
-  });
-});
diff --git a/spec/javascripts/line_highlighter_spec.js b/spec/javascripts/line_highlighter_spec.js
index 45b10fc3bd8..bedab0fd003 100644
--- a/spec/javascripts/line_highlighter_spec.js
+++ b/spec/javascripts/line_highlighter_spec.js
@@ -1,4 +1,4 @@
-/* eslint-disable no-else-return, dot-notation, no-return-assign, no-new, no-underscore-dangle */
+/* eslint-disable dot-notation, no-return-assign, no-new, no-underscore-dangle */
 
 import $ from 'jquery';
 import LineHighlighter from '~/line_highlighter';
@@ -8,10 +8,9 @@ describe('LineHighlighter', function() {
   const clickLine = function(number, eventData = {}) {
     if ($.isEmptyObject(eventData)) {
       return $(`#L${number}`).click();
-    } else {
-      const e = $.Event('click', eventData);
-      return $(`#L${number}`).trigger(e);
     }
+    const e = $.Event('click', eventData);
+    return $(`#L${number}`).trigger(e);
   };
   beforeEach(function() {
     loadFixtures('static/line_highlighter.html');
@@ -67,6 +66,16 @@ describe('LineHighlighter', function() {
 
       expect(func).not.toThrow();
     });
+
+    it('handles hashchange event', () => {
+      const highlighter = new LineHighlighter();
+
+      spyOn(highlighter, 'highlightHash');
+
+      window.dispatchEvent(new Event('hashchange'), 'L15');
+
+      expect(highlighter.highlightHash).toHaveBeenCalled();
+    });
   });
 
   describe('clickHandler', function() {
diff --git a/spec/javascripts/monitoring/components/dashboard_resize_spec.js b/spec/javascripts/monitoring/components/dashboard_resize_browser_spec.js
index 0c3193940e6..4416dbd014a 100644
--- a/spec/javascripts/monitoring/components/dashboard_resize_spec.js
+++ b/spec/javascripts/monitoring/components/dashboard_resize_browser_spec.js
@@ -1,3 +1,10 @@
+/**
+ * This file should only contain browser specific specs.
+ * If you need to add or update a spec, please see spec/frontend/monitoring/components/*.js
+ * https://gitlab.com/gitlab-org/gitlab/-/issues/194244#note_343427737
+ * https://gitlab.com/groups/gitlab-org/-/epics/895#what-if-theres-a-karma-spec-which-is-simply-unmovable-to-jest-ie-it-is-dependent-on-a-running-browser-environment
+ */
+
 import Vue from 'vue';
 import { createLocalVue } from '@vue/test-utils';
 import MockAdapter from 'axios-mock-adapter';
diff --git a/spec/javascripts/notebook/cells/code_spec.js b/spec/javascripts/notebook/cells/code_spec.js
deleted file mode 100644
index f3f97145ad3..00000000000
--- a/spec/javascripts/notebook/cells/code_spec.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import Vue from 'vue';
-import CodeComponent from '~/notebook/cells/code.vue';
-
-const Component = Vue.extend(CodeComponent);
-
-describe('Code component', () => {
-  let vm;
-  let json;
-
-  beforeEach(() => {
-    json = getJSONFixture('blob/notebook/basic.json');
-  });
-
-  const setupComponent = cell => {
-    const comp = new Component({
-      propsData: {
-        cell,
-      },
-    });
-    comp.$mount();
-    return comp;
-  };
-
-  describe('without output', () => {
-    beforeEach(done => {
-      vm = setupComponent(json.cells[0]);
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('does not render output prompt', () => {
-      expect(vm.$el.querySelectorAll('.prompt').length).toBe(1);
-    });
-  });
-
-  describe('with output', () => {
-    beforeEach(done => {
-      vm = setupComponent(json.cells[2]);
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('does not render output prompt', () => {
-      expect(vm.$el.querySelectorAll('.prompt').length).toBe(2);
-    });
-
-    it('renders output cell', () => {
-      expect(vm.$el.querySelector('.output')).toBeDefined();
-    });
-  });
-
-  describe('with string for cell.source', () => {
-    beforeEach(done => {
-      const cell = json.cells[0];
-      cell.source = cell.source.join('');
-
-      vm = setupComponent(cell);
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('renders the same input as when cell.source is an array', () => {
-      const expected = "console.log('test')";
-
-      expect(vm.$el.querySelector('.input').innerText).toContain(expected);
-    });
-  });
-});
diff --git a/spec/javascripts/notebook/cells/markdown_spec.js b/spec/javascripts/notebook/cells/markdown_spec.js
deleted file mode 100644
index 07b18d97cd9..00000000000
--- a/spec/javascripts/notebook/cells/markdown_spec.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import Vue from 'vue';
-import katex from 'katex';
-import MarkdownComponent from '~/notebook/cells/markdown.vue';
-
-const Component = Vue.extend(MarkdownComponent);
-
-window.katex = katex;
-
-describe('Markdown component', () => {
-  let vm;
-  let cell;
-  let json;
-
-  beforeEach(done => {
-    json = getJSONFixture('blob/notebook/basic.json');
-
-    // eslint-disable-next-line prefer-destructuring
-    cell = json.cells[1];
-
-    vm = new Component({
-      propsData: {
-        cell,
-      },
-    });
-    vm.$mount();
-
-    setTimeout(() => {
-      done();
-    });
-  });
-
-  it('does not render promot', () => {
-    expect(vm.$el.querySelector('.prompt span')).toBeNull();
-  });
-
-  it('does not render the markdown text', () => {
-    expect(vm.$el.querySelector('.markdown').innerHTML.trim()).not.toEqual(cell.source.join(''));
-  });
-
-  it('renders the markdown HTML', () => {
-    expect(vm.$el.querySelector('.markdown h1')).not.toBeNull();
-  });
-
-  it('sanitizes output', done => {
-    Object.assign(cell, {
-      source: [
-        '[XSS](data:text/html;base64,PHNjcmlwdD5hbGVydChkb2N1bWVudC5kb21haW4pPC9zY3JpcHQ+Cg==)\n',
-      ],
-    });
-
-    Vue.nextTick(() => {
-      expect(vm.$el.querySelector('a').getAttribute('href')).toBeNull();
-
-      done();
-    });
-  });
-
-  describe('katex', () => {
-    beforeEach(() => {
-      json = getJSONFixture('blob/notebook/math.json');
-    });
-
-    it('renders multi-line katex', done => {
-      vm = new Component({
-        propsData: {
-          cell: json.cells[0],
-        },
-      }).$mount();
-
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelector('.katex')).not.toBeNull();
-
-        done();
-      });
-    });
-
-    it('renders inline katex', done => {
-      vm = new Component({
-        propsData: {
-          cell: json.cells[1],
-        },
-      }).$mount();
-
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelector('p:first-child .katex')).not.toBeNull();
-
-        done();
-      });
-    });
-
-    it('renders multiple inline katex', done => {
-      vm = new Component({
-        propsData: {
-          cell: json.cells[1],
-        },
-      }).$mount();
-
-      Vue.nextTick(() => {
-        expect(vm.$el.querySelectorAll('p:nth-child(2) .katex').length).toBe(4);
-
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/notebook/cells/output/html_sanitize_tests.js b/spec/javascripts/notebook/cells/output/html_sanitize_tests.js
deleted file mode 100644
index 74c48f04367..00000000000
--- a/spec/javascripts/notebook/cells/output/html_sanitize_tests.js
+++ /dev/null
@@ -1,68 +0,0 @@
-export default {
-  'protocol-based JS injection: simple, no spaces': {
-    input: '<a href="javascript:alert(\'XSS\');">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: simple, spaces before': {
-    input: '<a href="javascript    :alert(\'XSS\');">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: simple, spaces after': {
-    input: '<a href="javascript:    alert(\'XSS\');">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: simple, spaces before and after': {
-    input: '<a href="javascript    :   alert(\'XSS\');">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: preceding colon': {
-    input: '<a href=":javascript:alert(\'XSS\');">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: UTF-8 encoding': {
-    input: '<a href="javascript&#58;">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: long UTF-8 encoding': {
-    input: '<a href="javascript&#0058;">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: long UTF-8 encoding without semicolons': {
-    input:
-      '<a href=&#0000106&#0000097&#0000118&#0000097&#0000115&#0000099&#0000114&#0000105&#0000112&#0000116&#0000058&#0000097&#0000108&#0000101&#0000114&#0000116&#0000040&#0000039&#0000088&#0000083&#0000083&#0000039&#0000041>foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: hex encoding': {
-    input: '<a href="javascript&#x3A;">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: long hex encoding': {
-    input: '<a href="javascript&#x003A;">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: hex encoding without semicolons': {
-    input:
-      '<a href=&#x6A&#x61&#x76&#x61&#x73&#x63&#x72&#x69&#x70&#x74&#x3A&#x61&#x6C&#x65&#x72&#x74&#x28&#x27&#x58&#x53&#x53&#x27&#x29>foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: null char': {
-    input: '<a href=java\0script:alert("XSS")>foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: invalid URL char': {
-    input: '<img src=javascript:alert("XSS")>',
-    output: '<img>',
-  },
-  'protocol-based JS injection: Unicode': {
-    input: '<a href="\u0001java\u0003script:alert(\'XSS\')">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'protocol-based JS injection: spaces and entities': {
-    input: '<a href=" &#14;  javascript:alert(\'XSS\');">foo</a>',
-    output: '<a>foo</a>',
-  },
-  'img on error': {
-    input: '<img src="x" onerror="alert(document.domain)" />',
-    output: '<img src="x">',
-  },
-};
diff --git a/spec/javascripts/notebook/cells/output/html_spec.js b/spec/javascripts/notebook/cells/output/html_spec.js
deleted file mode 100644
index 3ee404fb187..00000000000
--- a/spec/javascripts/notebook/cells/output/html_spec.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import Vue from 'vue';
-import htmlOutput from '~/notebook/cells/output/html.vue';
-import sanitizeTests from './html_sanitize_tests';
-
-describe('html output cell', () => {
-  function createComponent(rawCode) {
-    const Component = Vue.extend(htmlOutput);
-
-    return new Component({
-      propsData: {
-        rawCode,
-        count: 0,
-        index: 0,
-      },
-    }).$mount();
-  }
-
-  describe('sanitizes output', () => {
-    Object.keys(sanitizeTests).forEach(key => {
-      it(key, () => {
-        const test = sanitizeTests[key];
-        const vm = createComponent(test.input);
-        const outputEl = [...vm.$el.querySelectorAll('div')].pop();
-
-        expect(outputEl.innerHTML).toEqual(test.output);
-
-        vm.$destroy();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/notebook/cells/output/index_spec.js b/spec/javascripts/notebook/cells/output/index_spec.js
deleted file mode 100644
index 005569f1c2d..00000000000
--- a/spec/javascripts/notebook/cells/output/index_spec.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import Vue from 'vue';
-import CodeComponent from '~/notebook/cells/output/index.vue';
-
-const Component = Vue.extend(CodeComponent);
-
-describe('Output component', () => {
-  let vm;
-  let json;
-
-  const createComponent = output => {
-    vm = new Component({
-      propsData: {
-        outputs: [].concat(output),
-        count: 1,
-      },
-    });
-    vm.$mount();
-  };
-
-  beforeEach(() => {
-    json = getJSONFixture('blob/notebook/basic.json');
-  });
-
-  describe('text output', () => {
-    beforeEach(done => {
-      createComponent(json.cells[2].outputs[0]);
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('renders as plain text', () => {
-      expect(vm.$el.querySelector('pre')).not.toBeNull();
-    });
-
-    it('renders promot', () => {
-      expect(vm.$el.querySelector('.prompt span')).not.toBeNull();
-    });
-  });
-
-  describe('image output', () => {
-    beforeEach(done => {
-      createComponent(json.cells[3].outputs[0]);
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('renders as an image', () => {
-      expect(vm.$el.querySelector('img')).not.toBeNull();
-    });
-  });
-
-  describe('html output', () => {
-    it('renders raw HTML', () => {
-      createComponent(json.cells[4].outputs[0]);
-
-      expect(vm.$el.querySelector('p')).not.toBeNull();
-      expect(vm.$el.querySelectorAll('p').length).toBe(1);
-      expect(vm.$el.textContent.trim()).toContain('test');
-    });
-
-    it('renders multiple raw HTML outputs', () => {
-      createComponent([json.cells[4].outputs[0], json.cells[4].outputs[0]]);
-
-      expect(vm.$el.querySelectorAll('p').length).toBe(2);
-    });
-  });
-
-  describe('svg output', () => {
-    beforeEach(done => {
-      createComponent(json.cells[5].outputs[0]);
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('renders as an svg', () => {
-      expect(vm.$el.querySelector('svg')).not.toBeNull();
-    });
-  });
-
-  describe('default to plain text', () => {
-    beforeEach(done => {
-      createComponent(json.cells[6].outputs[0]);
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('renders as plain text', () => {
-      expect(vm.$el.querySelector('pre')).not.toBeNull();
-      expect(vm.$el.textContent.trim()).toContain('testing');
-    });
-
-    it('renders promot', () => {
-      expect(vm.$el.querySelector('.prompt span')).not.toBeNull();
-    });
-
-    it("renders as plain text when doesn't recognise other types", done => {
-      createComponent(json.cells[7].outputs[0]);
-
-      setTimeout(() => {
-        expect(vm.$el.querySelector('pre')).not.toBeNull();
-        expect(vm.$el.textContent.trim()).toContain('testing');
-
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/notebook/cells/prompt_spec.js b/spec/javascripts/notebook/cells/prompt_spec.js
deleted file mode 100644
index cbbcb1e68e3..00000000000
--- a/spec/javascripts/notebook/cells/prompt_spec.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import Vue from 'vue';
-import PromptComponent from '~/notebook/cells/prompt.vue';
-
-const Component = Vue.extend(PromptComponent);
-
-describe('Prompt component', () => {
-  let vm;
-
-  describe('input', () => {
-    beforeEach(done => {
-      vm = new Component({
-        propsData: {
-          type: 'In',
-          count: 1,
-        },
-      });
-      vm.$mount();
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('renders in label', () => {
-      expect(vm.$el.textContent.trim()).toContain('In');
-    });
-
-    it('renders count', () => {
-      expect(vm.$el.textContent.trim()).toContain('1');
-    });
-  });
-
-  describe('output', () => {
-    beforeEach(done => {
-      vm = new Component({
-        propsData: {
-          type: 'Out',
-          count: 1,
-        },
-      });
-      vm.$mount();
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('renders in label', () => {
-      expect(vm.$el.textContent.trim()).toContain('Out');
-    });
-
-    it('renders count', () => {
-      expect(vm.$el.textContent.trim()).toContain('1');
-    });
-  });
-});
diff --git a/spec/javascripts/notebook/index_spec.js b/spec/javascripts/notebook/index_spec.js
deleted file mode 100644
index 2e2ea5ad8af..00000000000
--- a/spec/javascripts/notebook/index_spec.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import Vue from 'vue';
-import Notebook from '~/notebook/index.vue';
-
-const Component = Vue.extend(Notebook);
-
-describe('Notebook component', () => {
-  let vm;
-  let json;
-  let jsonWithWorksheet;
-
-  beforeEach(() => {
-    json = getJSONFixture('blob/notebook/basic.json');
-    jsonWithWorksheet = getJSONFixture('blob/notebook/worksheets.json');
-  });
-
-  describe('without JSON', () => {
-    beforeEach(done => {
-      vm = new Component({
-        propsData: {
-          notebook: {},
-        },
-      });
-      vm.$mount();
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('does not render', () => {
-      expect(vm.$el.tagName).toBeUndefined();
-    });
-  });
-
-  describe('with JSON', () => {
-    beforeEach(done => {
-      vm = new Component({
-        propsData: {
-          notebook: json,
-          codeCssClass: 'js-code-class',
-        },
-      });
-      vm.$mount();
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('renders cells', () => {
-      expect(vm.$el.querySelectorAll('.cell').length).toBe(json.cells.length);
-    });
-
-    it('renders markdown cell', () => {
-      expect(vm.$el.querySelector('.markdown')).not.toBeNull();
-    });
-
-    it('renders code cell', () => {
-      expect(vm.$el.querySelector('pre')).not.toBeNull();
-    });
-
-    it('add code class to code blocks', () => {
-      expect(vm.$el.querySelector('.js-code-class')).not.toBeNull();
-    });
-  });
-
-  describe('with worksheets', () => {
-    beforeEach(done => {
-      vm = new Component({
-        propsData: {
-          notebook: jsonWithWorksheet,
-          codeCssClass: 'js-code-class',
-        },
-      });
-      vm.$mount();
-
-      setTimeout(() => {
-        done();
-      });
-    });
-
-    it('renders cells', () => {
-      expect(vm.$el.querySelectorAll('.cell').length).toBe(
-        jsonWithWorksheet.worksheets[0].cells.length,
-      );
-    });
-
-    it('renders markdown cell', () => {
-      expect(vm.$el.querySelector('.markdown')).not.toBeNull();
-    });
-
-    it('renders code cell', () => {
-      expect(vm.$el.querySelector('pre')).not.toBeNull();
-    });
-
-    it('add code class to code blocks', () => {
-      expect(vm.$el.querySelector('.js-code-class')).not.toBeNull();
-    });
-  });
-});
diff --git a/spec/javascripts/oauth_remember_me_spec.js b/spec/javascripts/oauth_remember_me_spec.js
deleted file mode 100644
index 381be82697e..00000000000
--- a/spec/javascripts/oauth_remember_me_spec.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import $ from 'jquery';
-import OAuthRememberMe from '~/pages/sessions/new/oauth_remember_me';
-
-describe('OAuthRememberMe', () => {
-  preloadFixtures('static/oauth_remember_me.html');
-
-  beforeEach(() => {
-    loadFixtures('static/oauth_remember_me.html');
-
-    new OAuthRememberMe({ container: $('#oauth-container') }).bindEvents();
-  });
-
-  it('adds the "remember_me" query parameter to all OAuth login buttons', () => {
-    $('#oauth-container #remember_me').click();
-
-    expect($('#oauth-container .oauth-login.twitter').attr('href')).toBe(
-      'http://example.com/?remember_me=1',
-    );
-
-    expect($('#oauth-container .oauth-login.github').attr('href')).toBe(
-      'http://example.com/?remember_me=1',
-    );
-
-    expect($('#oauth-container .oauth-login.facebook').attr('href')).toBe(
-      'http://example.com/?redirect_fragment=L1&remember_me=1',
-    );
-  });
-
-  it('removes the "remember_me" query parameter from all OAuth login buttons', () => {
-    $('#oauth-container #remember_me').click();
-    $('#oauth-container #remember_me').click();
-
-    expect($('#oauth-container .oauth-login.twitter').attr('href')).toBe('http://example.com/');
-    expect($('#oauth-container .oauth-login.github').attr('href')).toBe('http://example.com/');
-    expect($('#oauth-container .oauth-login.facebook').attr('href')).toBe(
-      'http://example.com/?redirect_fragment=L1',
-    );
-  });
-});
diff --git a/spec/javascripts/pages/admin/application_settings/account_and_limits_spec.js b/spec/javascripts/pages/admin/application_settings/account_and_limits_spec.js
deleted file mode 100644
index 6a239e307e9..00000000000
--- a/spec/javascripts/pages/admin/application_settings/account_and_limits_spec.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import $ from 'jquery';
-import initUserInternalRegexPlaceholder, {
-  PLACEHOLDER_USER_EXTERNAL_DEFAULT_FALSE,
-  PLACEHOLDER_USER_EXTERNAL_DEFAULT_TRUE,
-} from '~/pages/admin/application_settings/account_and_limits';
-
-describe('AccountAndLimits', () => {
-  const FIXTURE = 'application_settings/accounts_and_limit.html';
-  let $userDefaultExternal;
-  let $userInternalRegex;
-  preloadFixtures(FIXTURE);
-
-  beforeEach(() => {
-    loadFixtures(FIXTURE);
-    initUserInternalRegexPlaceholder();
-    $userDefaultExternal = $('#application_setting_user_default_external');
-    $userInternalRegex = document.querySelector('#application_setting_user_default_internal_regex');
-  });
-
-  describe('Changing of userInternalRegex when userDefaultExternal', () => {
-    it('is unchecked', () => {
-      expect($userDefaultExternal.prop('checked')).toBeFalsy();
-      expect($userInternalRegex.placeholder).toEqual(PLACEHOLDER_USER_EXTERNAL_DEFAULT_FALSE);
-      expect($userInternalRegex.readOnly).toBeTruthy();
-    });
-
-    it('is checked', done => {
-      if (!$userDefaultExternal.prop('checked')) $userDefaultExternal.click();
-
-      expect($userDefaultExternal.prop('checked')).toBeTruthy();
-      expect($userInternalRegex.placeholder).toEqual(PLACEHOLDER_USER_EXTERNAL_DEFAULT_TRUE);
-      expect($userInternalRegex.readOnly).toBeFalsy();
-      done();
-    });
-  });
-});
diff --git a/spec/javascripts/pages/admin/jobs/index/components/stop_jobs_modal_spec.js b/spec/javascripts/pages/admin/jobs/index/components/stop_jobs_modal_spec.js
deleted file mode 100644
index 9ad72e0b043..00000000000
--- a/spec/javascripts/pages/admin/jobs/index/components/stop_jobs_modal_spec.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import axios from '~/lib/utils/axios_utils';
-import stopJobsModal from '~/pages/admin/jobs/index/components/stop_jobs_modal.vue';
-
-describe('stop_jobs_modal.vue', () => {
-  const props = {
-    url: `${gl.TEST_HOST}/stop_jobs_modal.vue/stopAll`,
-  };
-  let vm;
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  beforeEach(() => {
-    const Component = Vue.extend(stopJobsModal);
-    vm = mountComponent(Component, props);
-  });
-
-  describe('onSubmit', () => {
-    it('stops jobs and redirects to overview page', done => {
-      const responseURL = `${gl.TEST_HOST}/stop_jobs_modal.vue/jobs`;
-      const redirectSpy = spyOnDependency(stopJobsModal, 'redirectTo');
-      spyOn(axios, 'post').and.callFake(url => {
-        expect(url).toBe(props.url);
-        return Promise.resolve({
-          request: {
-            responseURL,
-          },
-        });
-      });
-
-      vm.onSubmit()
-        .then(() => {
-          expect(redirectSpy).toHaveBeenCalledWith(responseURL);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('displays error if stopping jobs failed', done => {
-      const dummyError = new Error('stopping jobs failed');
-      const redirectSpy = spyOnDependency(stopJobsModal, 'redirectTo');
-      spyOn(axios, 'post').and.callFake(url => {
-        expect(url).toBe(props.url);
-        return Promise.reject(dummyError);
-      });
-
-      vm.onSubmit()
-        .then(done.fail)
-        .catch(error => {
-          expect(error).toBe(dummyError);
-          expect(redirectSpy).not.toHaveBeenCalled();
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-});
diff --git a/spec/javascripts/pages/admin/users/new/index_spec.js b/spec/javascripts/pages/admin/users/new/index_spec.js
deleted file mode 100644
index 3896323eef7..00000000000
--- a/spec/javascripts/pages/admin/users/new/index_spec.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import $ from 'jquery';
-import UserInternalRegexHandler from '~/pages/admin/users/new/index';
-
-describe('UserInternalRegexHandler', () => {
-  const FIXTURE = 'admin/users/new_with_internal_user_regex.html';
-  let $userExternal;
-  let $userEmail;
-  let $warningMessage;
-
-  preloadFixtures(FIXTURE);
-
-  beforeEach(() => {
-    loadFixtures(FIXTURE);
-    // eslint-disable-next-line no-new
-    new UserInternalRegexHandler();
-    $userExternal = $('#user_external');
-    $userEmail = $('#user_email');
-    $warningMessage = $('#warning_external_automatically_set');
-    if (!$userExternal.prop('checked')) $userExternal.prop('checked', 'checked');
-  });
-
-  describe('Behaviour of userExternal checkbox when', () => {
-    it('matches email as internal', done => {
-      expect($warningMessage.hasClass('hidden')).toBeTruthy();
-
-      $userEmail.val('test@').trigger('input');
-
-      expect($userExternal.prop('checked')).toBeFalsy();
-      expect($warningMessage.hasClass('hidden')).toBeFalsy();
-      done();
-    });
-
-    it('matches email as external', done => {
-      expect($warningMessage.hasClass('hidden')).toBeTruthy();
-
-      $userEmail.val('test.ext@').trigger('input');
-
-      expect($userExternal.prop('checked')).toBeTruthy();
-      expect($warningMessage.hasClass('hidden')).toBeTruthy();
-      done();
-    });
-  });
-});
diff --git a/spec/javascripts/pages/labels/components/promote_label_modal_spec.js b/spec/javascripts/pages/labels/components/promote_label_modal_spec.js
deleted file mode 100644
index 5bad13c1ef2..00000000000
--- a/spec/javascripts/pages/labels/components/promote_label_modal_spec.js
+++ /dev/null
@@ -1,103 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import promoteLabelModal from '~/pages/projects/labels/components/promote_label_modal.vue';
-import eventHub from '~/pages/projects/labels/event_hub';
-import axios from '~/lib/utils/axios_utils';
-
-describe('Promote label modal', () => {
-  let vm;
-  const Component = Vue.extend(promoteLabelModal);
-  const labelMockData = {
-    labelTitle: 'Documentation',
-    labelColor: '#5cb85c',
-    labelTextColor: '#ffffff',
-    url: `${gl.TEST_HOST}/dummy/promote/labels`,
-    groupName: 'group',
-  };
-
-  describe('Modal title and description', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, labelMockData);
-    });
-
-    afterEach(() => {
-      vm.$destroy();
-    });
-
-    it('contains the proper description', () => {
-      expect(vm.text).toContain(
-        `Promoting ${labelMockData.labelTitle} will make it available for all projects inside ${labelMockData.groupName}`,
-      );
-    });
-
-    it('contains a label span with the color', () => {
-      const labelFromTitle = vm.$el.querySelector('.modal-header .label.color-label');
-
-      expect(labelFromTitle.style.backgroundColor).not.toBe(null);
-      expect(labelFromTitle.textContent).toContain(vm.labelTitle);
-    });
-  });
-
-  describe('When requesting a label promotion', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        ...labelMockData,
-      });
-      spyOn(eventHub, '$emit');
-    });
-
-    afterEach(() => {
-      vm.$destroy();
-    });
-
-    it('redirects when a label is promoted', done => {
-      const responseURL = `${gl.TEST_HOST}/dummy/endpoint`;
-      spyOn(axios, 'post').and.callFake(url => {
-        expect(url).toBe(labelMockData.url);
-        expect(eventHub.$emit).toHaveBeenCalledWith(
-          'promoteLabelModal.requestStarted',
-          labelMockData.url,
-        );
-        return Promise.resolve({
-          request: {
-            responseURL,
-          },
-        });
-      });
-
-      vm.onSubmit()
-        .then(() => {
-          expect(eventHub.$emit).toHaveBeenCalledWith('promoteLabelModal.requestFinished', {
-            labelUrl: labelMockData.url,
-            successful: true,
-          });
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('displays an error if promoting a label failed', done => {
-      const dummyError = new Error('promoting label failed');
-      dummyError.response = { status: 500 };
-      spyOn(axios, 'post').and.callFake(url => {
-        expect(url).toBe(labelMockData.url);
-        expect(eventHub.$emit).toHaveBeenCalledWith(
-          'promoteLabelModal.requestStarted',
-          labelMockData.url,
-        );
-        return Promise.reject(dummyError);
-      });
-
-      vm.onSubmit()
-        .catch(error => {
-          expect(error).toBe(dummyError);
-          expect(eventHub.$emit).toHaveBeenCalledWith('promoteLabelModal.requestFinished', {
-            labelUrl: labelMockData.url,
-            successful: false,
-          });
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-});
diff --git a/spec/javascripts/pages/milestones/shared/components/delete_milestone_modal_spec.js b/spec/javascripts/pages/milestones/shared/components/delete_milestone_modal_spec.js
deleted file mode 100644
index 9075c8aa97a..00000000000
--- a/spec/javascripts/pages/milestones/shared/components/delete_milestone_modal_spec.js
+++ /dev/null
@@ -1,106 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import axios from '~/lib/utils/axios_utils';
-import deleteMilestoneModal from '~/pages/milestones/shared/components/delete_milestone_modal.vue';
-import eventHub from '~/pages/milestones/shared/event_hub';
-
-describe('delete_milestone_modal.vue', () => {
-  const Component = Vue.extend(deleteMilestoneModal);
-  const props = {
-    issueCount: 1,
-    mergeRequestCount: 2,
-    milestoneId: 3,
-    milestoneTitle: 'my milestone title',
-    milestoneUrl: `${gl.TEST_HOST}/delete_milestone_modal.vue/milestone`,
-  };
-  let vm;
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('onSubmit', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, props);
-      spyOn(eventHub, '$emit');
-    });
-
-    it('deletes milestone and redirects to overview page', done => {
-      const responseURL = `${gl.TEST_HOST}/delete_milestone_modal.vue/milestoneOverview`;
-      spyOn(axios, 'delete').and.callFake(url => {
-        expect(url).toBe(props.milestoneUrl);
-        expect(eventHub.$emit).toHaveBeenCalledWith(
-          'deleteMilestoneModal.requestStarted',
-          props.milestoneUrl,
-        );
-        eventHub.$emit.calls.reset();
-        return Promise.resolve({
-          request: {
-            responseURL,
-          },
-        });
-      });
-      const redirectSpy = spyOnDependency(deleteMilestoneModal, 'redirectTo');
-
-      vm.onSubmit()
-        .then(() => {
-          expect(redirectSpy).toHaveBeenCalledWith(responseURL);
-          expect(eventHub.$emit).toHaveBeenCalledWith('deleteMilestoneModal.requestFinished', {
-            milestoneUrl: props.milestoneUrl,
-            successful: true,
-          });
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('displays error if deleting milestone failed', done => {
-      const dummyError = new Error('deleting milestone failed');
-      dummyError.response = { status: 418 };
-      spyOn(axios, 'delete').and.callFake(url => {
-        expect(url).toBe(props.milestoneUrl);
-        expect(eventHub.$emit).toHaveBeenCalledWith(
-          'deleteMilestoneModal.requestStarted',
-          props.milestoneUrl,
-        );
-        eventHub.$emit.calls.reset();
-        return Promise.reject(dummyError);
-      });
-      const redirectSpy = spyOnDependency(deleteMilestoneModal, 'redirectTo');
-
-      vm.onSubmit()
-        .catch(error => {
-          expect(error).toBe(dummyError);
-          expect(redirectSpy).not.toHaveBeenCalled();
-          expect(eventHub.$emit).toHaveBeenCalledWith('deleteMilestoneModal.requestFinished', {
-            milestoneUrl: props.milestoneUrl,
-            successful: false,
-          });
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-
-  describe('text', () => {
-    it('contains the issue and milestone count', () => {
-      vm = mountComponent(Component, props);
-      const value = vm.text;
-
-      expect(value).toContain('remove it from 1 issue and 2 merge requests');
-    });
-
-    it('contains neither issue nor milestone count', () => {
-      vm = mountComponent(Component, {
-        ...props,
-        issueCount: 0,
-        mergeRequestCount: 0,
-      });
-
-      const value = vm.text;
-
-      expect(value).toContain('is not currently used');
-    });
-  });
-});
diff --git a/spec/javascripts/pages/milestones/shared/components/promote_milestone_modal_spec.js b/spec/javascripts/pages/milestones/shared/components/promote_milestone_modal_spec.js
deleted file mode 100644
index 78c0070187c..00000000000
--- a/spec/javascripts/pages/milestones/shared/components/promote_milestone_modal_spec.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import promoteMilestoneModal from '~/pages/milestones/shared/components/promote_milestone_modal.vue';
-import eventHub from '~/pages/milestones/shared/event_hub';
-import axios from '~/lib/utils/axios_utils';
-
-describe('Promote milestone modal', () => {
-  let vm;
-  const Component = Vue.extend(promoteMilestoneModal);
-  const milestoneMockData = {
-    milestoneTitle: 'v1.0',
-    url: `${gl.TEST_HOST}/dummy/promote/milestones`,
-    groupName: 'group',
-  };
-
-  describe('Modal title and description', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, milestoneMockData);
-    });
-
-    afterEach(() => {
-      vm.$destroy();
-    });
-
-    it('contains the proper description', () => {
-      expect(vm.text).toContain(
-        `Promoting ${milestoneMockData.milestoneTitle} will make it available for all projects inside ${milestoneMockData.groupName}.`,
-      );
-    });
-
-    it('contains the correct title', () => {
-      expect(vm.title).toEqual('Promote v1.0 to group milestone?');
-    });
-  });
-
-  describe('When requesting a milestone promotion', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        ...milestoneMockData,
-      });
-      spyOn(eventHub, '$emit');
-    });
-
-    afterEach(() => {
-      vm.$destroy();
-    });
-
-    it('redirects when a milestone is promoted', done => {
-      const responseURL = `${gl.TEST_HOST}/dummy/endpoint`;
-      spyOn(axios, 'post').and.callFake(url => {
-        expect(url).toBe(milestoneMockData.url);
-        expect(eventHub.$emit).toHaveBeenCalledWith(
-          'promoteMilestoneModal.requestStarted',
-          milestoneMockData.url,
-        );
-        return Promise.resolve({
-          request: {
-            responseURL,
-          },
-        });
-      });
-
-      vm.onSubmit()
-        .then(() => {
-          expect(eventHub.$emit).toHaveBeenCalledWith('promoteMilestoneModal.requestFinished', {
-            milestoneUrl: milestoneMockData.url,
-            successful: true,
-          });
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('displays an error if promoting a milestone failed', done => {
-      const dummyError = new Error('promoting milestone failed');
-      dummyError.response = { status: 500 };
-      spyOn(axios, 'post').and.callFake(url => {
-        expect(url).toBe(milestoneMockData.url);
-        expect(eventHub.$emit).toHaveBeenCalledWith(
-          'promoteMilestoneModal.requestStarted',
-          milestoneMockData.url,
-        );
-        return Promise.reject(dummyError);
-      });
-
-      vm.onSubmit()
-        .catch(error => {
-          expect(error).toBe(dummyError);
-          expect(eventHub.$emit).toHaveBeenCalledWith('promoteMilestoneModal.requestFinished', {
-            milestoneUrl: milestoneMockData.url,
-            successful: false,
-          });
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-  });
-});
diff --git a/spec/javascripts/pages/projects/pipeline_schedules/shared/components/interval_pattern_input_spec.js b/spec/javascripts/pages/projects/pipeline_schedules/shared/components/interval_pattern_input_spec.js
deleted file mode 100644
index b20bc96f9be..00000000000
--- a/spec/javascripts/pages/projects/pipeline_schedules/shared/components/interval_pattern_input_spec.js
+++ /dev/null
@@ -1,192 +0,0 @@
-import Vue from 'vue';
-import Translate from '~/vue_shared/translate';
-import IntervalPatternInput from '~/pages/projects/pipeline_schedules/shared/components/interval_pattern_input.vue';
-
-Vue.use(Translate);
-
-const IntervalPatternInputComponent = Vue.extend(IntervalPatternInput);
-const inputNameAttribute = 'schedule[cron]';
-
-const cronIntervalPresets = {
-  everyDay: '0 4 * * *',
-  everyWeek: '0 4 * * 0',
-  everyMonth: '0 4 1 * *',
-};
-
-window.gl = window.gl || {};
-
-window.gl.pipelineScheduleFieldErrors = {
-  updateFormValidityState: () => {},
-};
-
-describe('Interval Pattern Input Component', function() {
-  describe('when prop initialCronInterval is passed (edit)', function() {
-    describe('when prop initialCronInterval is custom', function() {
-      beforeEach(function() {
-        this.initialCronInterval = '1 2 3 4 5';
-        this.intervalPatternComponent = new IntervalPatternInputComponent({
-          propsData: {
-            initialCronInterval: this.initialCronInterval,
-          },
-        }).$mount();
-      });
-
-      it('is initialized as a Vue component', function() {
-        expect(this.intervalPatternComponent).toBeDefined();
-      });
-
-      it('prop initialCronInterval is set', function() {
-        expect(this.intervalPatternComponent.initialCronInterval).toBe(this.initialCronInterval);
-      });
-
-      it('sets isEditable to true', function(done) {
-        Vue.nextTick(() => {
-          expect(this.intervalPatternComponent.isEditable).toBe(true);
-          done();
-        });
-      });
-    });
-
-    describe('when prop initialCronInterval is preset', function() {
-      beforeEach(function() {
-        this.intervalPatternComponent = new IntervalPatternInputComponent({
-          propsData: {
-            inputNameAttribute,
-            initialCronInterval: '0 4 * * *',
-          },
-        }).$mount();
-      });
-
-      it('is initialized as a Vue component', function() {
-        expect(this.intervalPatternComponent).toBeDefined();
-      });
-
-      it('sets isEditable to false', function(done) {
-        Vue.nextTick(() => {
-          expect(this.intervalPatternComponent.isEditable).toBe(false);
-          done();
-        });
-      });
-    });
-  });
-
-  describe('when prop initialCronInterval is not passed (new)', function() {
-    beforeEach(function() {
-      this.intervalPatternComponent = new IntervalPatternInputComponent({
-        propsData: {
-          inputNameAttribute,
-        },
-      }).$mount();
-    });
-
-    it('is initialized as a Vue component', function() {
-      expect(this.intervalPatternComponent).toBeDefined();
-    });
-
-    it('prop initialCronInterval is set', function() {
-      const defaultInitialCronInterval = '';
-
-      expect(this.intervalPatternComponent.initialCronInterval).toBe(defaultInitialCronInterval);
-    });
-
-    it('sets isEditable to true', function(done) {
-      Vue.nextTick(() => {
-        expect(this.intervalPatternComponent.isEditable).toBe(true);
-        done();
-      });
-    });
-  });
-
-  describe('User Actions', function() {
-    beforeEach(function() {
-      // For an unknown reason, some browsers do not propagate click events
-      // on radio buttons in a way Vue can register. So, we have to mount
-      // to a fixture.
-      setFixtures('<div id="my-mount"></div>');
-
-      this.initialCronInterval = '1 2 3 4 5';
-      this.intervalPatternComponent = new IntervalPatternInputComponent({
-        propsData: {
-          initialCronInterval: this.initialCronInterval,
-        },
-      }).$mount('#my-mount');
-    });
-
-    it('cronInterval is updated when everyday preset interval is selected', function(done) {
-      this.intervalPatternComponent.$el.querySelector('#every-day').click();
-
-      Vue.nextTick(() => {
-        expect(this.intervalPatternComponent.cronInterval).toBe(cronIntervalPresets.everyDay);
-        expect(this.intervalPatternComponent.$el.querySelector('.cron-interval-input').value).toBe(
-          cronIntervalPresets.everyDay,
-        );
-        done();
-      });
-    });
-
-    it('cronInterval is updated when everyweek preset interval is selected', function(done) {
-      this.intervalPatternComponent.$el.querySelector('#every-week').click();
-
-      Vue.nextTick(() => {
-        expect(this.intervalPatternComponent.cronInterval).toBe(cronIntervalPresets.everyWeek);
-        expect(this.intervalPatternComponent.$el.querySelector('.cron-interval-input').value).toBe(
-          cronIntervalPresets.everyWeek,
-        );
-
-        done();
-      });
-    });
-
-    it('cronInterval is updated when everymonth preset interval is selected', function(done) {
-      this.intervalPatternComponent.$el.querySelector('#every-month').click();
-
-      Vue.nextTick(() => {
-        expect(this.intervalPatternComponent.cronInterval).toBe(cronIntervalPresets.everyMonth);
-        expect(this.intervalPatternComponent.$el.querySelector('.cron-interval-input').value).toBe(
-          cronIntervalPresets.everyMonth,
-        );
-        done();
-      });
-    });
-
-    it('only a space is added to cronInterval (trimmed later) when custom radio is selected', function(done) {
-      this.intervalPatternComponent.$el.querySelector('#every-month').click();
-      this.intervalPatternComponent.$el.querySelector('#custom').click();
-
-      Vue.nextTick(() => {
-        const intervalWithSpaceAppended = `${cronIntervalPresets.everyMonth} `;
-
-        expect(this.intervalPatternComponent.cronInterval).toBe(intervalWithSpaceAppended);
-        expect(this.intervalPatternComponent.$el.querySelector('.cron-interval-input').value).toBe(
-          intervalWithSpaceAppended,
-        );
-        done();
-      });
-    });
-
-    it('text input is disabled when preset interval is selected', function(done) {
-      this.intervalPatternComponent.$el.querySelector('#every-month').click();
-
-      Vue.nextTick(() => {
-        expect(this.intervalPatternComponent.isEditable).toBe(false);
-        expect(
-          this.intervalPatternComponent.$el.querySelector('.cron-interval-input').disabled,
-        ).toBe(true);
-        done();
-      });
-    });
-
-    it('text input is enabled when custom is selected', function(done) {
-      this.intervalPatternComponent.$el.querySelector('#every-month').click();
-      this.intervalPatternComponent.$el.querySelector('#custom').click();
-
-      Vue.nextTick(() => {
-        expect(this.intervalPatternComponent.isEditable).toBe(true);
-        expect(
-          this.intervalPatternComponent.$el.querySelector('.cron-interval-input').disabled,
-        ).toBe(false);
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/pages/projects/pipeline_schedules/shared/components/pipeline_schedule_callout_spec.js b/spec/javascripts/pages/projects/pipeline_schedules/shared/components/pipeline_schedule_callout_spec.js
deleted file mode 100644
index ea809e1f170..00000000000
--- a/spec/javascripts/pages/projects/pipeline_schedules/shared/components/pipeline_schedule_callout_spec.js
+++ /dev/null
@@ -1,106 +0,0 @@
-import Vue from 'vue';
-import Cookies from 'js-cookie';
-import PipelineSchedulesCallout from '~/pages/projects/pipeline_schedules/shared/components/pipeline_schedules_callout.vue';
-
-const PipelineSchedulesCalloutComponent = Vue.extend(PipelineSchedulesCallout);
-const cookieKey = 'pipeline_schedules_callout_dismissed';
-const docsUrl = 'help/ci/scheduled_pipelines';
-
-describe('Pipeline Schedule Callout', function() {
-  beforeEach(() => {
-    setFixtures(`
-      <div id='pipeline-schedules-callout' data-docs-url=${docsUrl}></div>
-    `);
-  });
-
-  describe('independent of cookies', () => {
-    beforeEach(() => {
-      this.calloutComponent = new PipelineSchedulesCalloutComponent().$mount();
-    });
-
-    it('the component can be initialized', () => {
-      expect(this.calloutComponent).toBeDefined();
-    });
-
-    it('correctly sets illustrationSvg', () => {
-      expect(this.calloutComponent.illustrationSvg).toContain('<svg');
-    });
-
-    it('correctly sets docsUrl', () => {
-      expect(this.calloutComponent.docsUrl).toContain(docsUrl);
-    });
-  });
-
-  describe(`when ${cookieKey} cookie is set`, () => {
-    beforeEach(() => {
-      Cookies.set(cookieKey, true);
-      this.calloutComponent = new PipelineSchedulesCalloutComponent().$mount();
-    });
-
-    it('correctly sets calloutDismissed to true', () => {
-      expect(this.calloutComponent.calloutDismissed).toBe(true);
-    });
-
-    it('does not render the callout', () => {
-      expect(this.calloutComponent.$el.childNodes.length).toBe(0);
-    });
-  });
-
-  describe('when cookie is not set', () => {
-    beforeEach(() => {
-      Cookies.remove(cookieKey);
-      this.calloutComponent = new PipelineSchedulesCalloutComponent().$mount();
-    });
-
-    it('correctly sets calloutDismissed to false', () => {
-      expect(this.calloutComponent.calloutDismissed).toBe(false);
-    });
-
-    it('renders the callout container', () => {
-      expect(this.calloutComponent.$el.querySelector('.bordered-box')).not.toBeNull();
-    });
-
-    it('renders the callout svg', () => {
-      expect(this.calloutComponent.$el.outerHTML).toContain('<svg');
-    });
-
-    it('renders the callout title', () => {
-      expect(this.calloutComponent.$el.outerHTML).toContain('Scheduling Pipelines');
-    });
-
-    it('renders the callout text', () => {
-      expect(this.calloutComponent.$el.outerHTML).toContain('runs pipelines in the future');
-    });
-
-    it('renders the documentation url', () => {
-      expect(this.calloutComponent.$el.outerHTML).toContain(docsUrl);
-    });
-
-    it('updates calloutDismissed when close button is clicked', done => {
-      this.calloutComponent.$el.querySelector('#dismiss-callout-btn').click();
-
-      Vue.nextTick(() => {
-        expect(this.calloutComponent.calloutDismissed).toBe(true);
-        done();
-      });
-    });
-
-    it('#dismissCallout updates calloutDismissed', done => {
-      this.calloutComponent.dismissCallout();
-
-      Vue.nextTick(() => {
-        expect(this.calloutComponent.calloutDismissed).toBe(true);
-        done();
-      });
-    });
-
-    it('is hidden when close button is clicked', done => {
-      this.calloutComponent.$el.querySelector('#dismiss-callout-btn').click();
-
-      Vue.nextTick(() => {
-        expect(this.calloutComponent.$el.childNodes.length).toBe(0);
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/pages/sessions/new/preserve_url_fragment_spec.js b/spec/javascripts/pages/sessions/new/preserve_url_fragment_spec.js
deleted file mode 100644
index 1809e92e1d9..00000000000
--- a/spec/javascripts/pages/sessions/new/preserve_url_fragment_spec.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import $ from 'jquery';
-import preserveUrlFragment from '~/pages/sessions/new/preserve_url_fragment';
-
-describe('preserve_url_fragment', () => {
-  preloadFixtures('sessions/new.html');
-
-  beforeEach(() => {
-    loadFixtures('sessions/new.html');
-  });
-
-  it('adds the url fragment to all login and sign up form actions', () => {
-    preserveUrlFragment('#L65');
-
-    expect($('#new_user').attr('action')).toBe('http://test.host/users/sign_in#L65');
-    expect($('#new_new_user').attr('action')).toBe('http://test.host/users#L65');
-  });
-
-  it('does not add an empty url fragment to login and sign up form actions', () => {
-    preserveUrlFragment();
-
-    expect($('#new_user').attr('action')).toBe('http://test.host/users/sign_in');
-    expect($('#new_new_user').attr('action')).toBe('http://test.host/users');
-  });
-
-  it('does not add an empty query parameter to OmniAuth login buttons', () => {
-    preserveUrlFragment();
-
-    expect($('#oauth-login-cas3').attr('href')).toBe('http://test.host/users/auth/cas3');
-
-    expect($('.omniauth-container #oauth-login-auth0').attr('href')).toBe(
-      'http://test.host/users/auth/auth0',
-    );
-  });
-
-  describe('adds "redirect_fragment" query parameter to OmniAuth login buttons', () => {
-    it('when "remember_me" is not present', () => {
-      preserveUrlFragment('#L65');
-
-      expect($('#oauth-login-cas3').attr('href')).toBe(
-        'http://test.host/users/auth/cas3?redirect_fragment=L65',
-      );
-
-      expect($('.omniauth-container #oauth-login-auth0').attr('href')).toBe(
-        'http://test.host/users/auth/auth0?redirect_fragment=L65',
-      );
-    });
-
-    it('when "remember-me" is present', () => {
-      $('a.omniauth-btn').attr('href', (i, href) => `${href}?remember_me=1`);
-      preserveUrlFragment('#L65');
-
-      expect($('#oauth-login-cas3').attr('href')).toBe(
-        'http://test.host/users/auth/cas3?remember_me=1&redirect_fragment=L65',
-      );
-
-      expect($('#oauth-login-auth0').attr('href')).toBe(
-        'http://test.host/users/auth/auth0?remember_me=1&redirect_fragment=L65',
-      );
-    });
-  });
-});
diff --git a/spec/javascripts/pipelines/header_component_spec.js b/spec/javascripts/pipelines/header_component_spec.js
deleted file mode 100644
index 9043f30397d..00000000000
--- a/spec/javascripts/pipelines/header_component_spec.js
+++ /dev/null
@@ -1,108 +0,0 @@
-import Vue from 'vue';
-import headerComponent from '~/pipelines/components/header_component.vue';
-import eventHub from '~/pipelines/event_hub';
-
-describe('Pipeline details header', () => {
-  let HeaderComponent;
-  let vm;
-  let props;
-
-  beforeEach(() => {
-    spyOn(eventHub, '$emit');
-    HeaderComponent = Vue.extend(headerComponent);
-
-    const threeWeeksAgo = new Date();
-    threeWeeksAgo.setDate(threeWeeksAgo.getDate() - 21);
-
-    props = {
-      pipeline: {
-        details: {
-          status: {
-            group: 'failed',
-            icon: 'status_failed',
-            label: 'failed',
-            text: 'failed',
-            details_path: 'path',
-          },
-        },
-        id: 123,
-        created_at: threeWeeksAgo.toISOString(),
-        user: {
-          web_url: 'path',
-          name: 'Foo',
-          username: 'foobar',
-          email: 'foo@bar.com',
-          avatar_url: 'link',
-        },
-        retry_path: 'retry',
-        cancel_path: 'cancel',
-        delete_path: 'delete',
-      },
-      isLoading: false,
-    };
-
-    vm = new HeaderComponent({ propsData: props }).$mount();
-  });
-
-  afterEach(() => {
-    eventHub.$off();
-    vm.$destroy();
-  });
-
-  const findDeleteModal = () => document.getElementById(headerComponent.DELETE_MODAL_ID);
-  const findDeleteModalSubmit = () =>
-    [...findDeleteModal().querySelectorAll('.btn')].find(x => x.textContent === 'Delete pipeline');
-
-  it('should render provided pipeline info', () => {
-    expect(
-      vm.$el
-        .querySelector('.header-main-content')
-        .textContent.replace(/\s+/g, ' ')
-        .trim(),
-    ).toContain('failed Pipeline #123 triggered 3 weeks ago by Foo');
-  });
-
-  describe('action buttons', () => {
-    it('should not trigger eventHub when nothing happens', () => {
-      expect(eventHub.$emit).not.toHaveBeenCalled();
-    });
-
-    it('should call postAction when retry button action is clicked', () => {
-      vm.$el.querySelector('.js-retry-button').click();
-
-      expect(eventHub.$emit).toHaveBeenCalledWith('headerPostAction', 'retry');
-    });
-
-    it('should call postAction when cancel button action is clicked', () => {
-      vm.$el.querySelector('.js-btn-cancel-pipeline').click();
-
-      expect(eventHub.$emit).toHaveBeenCalledWith('headerPostAction', 'cancel');
-    });
-
-    it('does not show delete modal', () => {
-      expect(findDeleteModal()).not.toBeVisible();
-    });
-
-    describe('when delete button action is clicked', () => {
-      beforeEach(done => {
-        vm.$el.querySelector('.js-btn-delete-pipeline').click();
-
-        // Modal needs two ticks to show
-        vm.$nextTick()
-          .then(() => vm.$nextTick())
-          .then(done)
-          .catch(done.fail);
-      });
-
-      it('should show delete modal', () => {
-        expect(findDeleteModal()).toBeVisible();
-      });
-
-      it('should call delete when modal is submitted', () => {
-        findDeleteModalSubmit().click();
-
-        expect(eventHub.$emit).toHaveBeenCalledWith('headerDeleteAction', 'delete');
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/pipelines/linked_pipelines_mock.json b/spec/javascripts/pipelines/linked_pipelines_mock.json
deleted file mode 100644
index 60e214ddc32..00000000000
--- a/spec/javascripts/pipelines/linked_pipelines_mock.json
+++ /dev/null
@@ -1,3535 +0,0 @@
-{
-  "id": 23211253,
-  "user": {
-    "id": 3585,
-    "name": "Achilleas Pipinellis",
-    "username": "axil",
-    "state": "active",
-    "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/3585/avatar.png",
-    "web_url": "https://gitlab.com/axil",
-    "status_tooltip_html": "\u003cspan class=\"user-status-emoji has-tooltip\" title=\"I like pizza\" data-html=\"true\" data-placement=\"top\"\u003e\u003cgl-emoji title=\"slice of pizza\" data-name=\"pizza\" data-unicode-version=\"6.0\"\u003e🍕\u003c/gl-emoji\u003e\u003c/span\u003e",
-    "path": "/axil"
-  },
-  "active": false,
-  "coverage": null,
-  "source": "push",
-  "created_at": "2018-06-05T11:31:30.452Z",
-  "updated_at": "2018-10-31T16:35:31.305Z",
-  "path": "/gitlab-org/gitlab-runner/pipelines/23211253",
-  "flags": {
-    "latest": false,
-    "stuck": false,
-    "auto_devops": false,
-    "merge_request": false,
-    "yaml_errors": false,
-    "retryable": false,
-    "cancelable": false,
-    "failure_reason": false
-  },
-  "details": {
-    "status": {
-      "icon": "status_success",
-      "text": "passed",
-      "label": "passed",
-      "group": "success",
-      "tooltip": "passed",
-      "has_details": true,
-      "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253",
-      "illustration": null,
-      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-    },
-    "duration": 53,
-    "finished_at": "2018-10-31T16:35:31.299Z",
-    "stages": [
-      {
-        "name": "prebuild",
-        "title": "prebuild: passed",
-        "groups": [
-          {
-            "name": "review-docs-deploy",
-            "size": 1,
-            "status": {
-              "icon": "status_success",
-              "text": "passed",
-              "label": "manual play action",
-              "group": "success",
-              "tooltip": "passed",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                "size": "svg-394",
-                "title": "This job requires a manual action",
-                "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-              "action": {
-                "icon": "play",
-                "title": "Play",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                "method": "post",
-                "button_title": "Trigger this manual action"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469032,
-                "name": "review-docs-deploy",
-                "started": "2018-10-31T16:34:58.778Z",
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-                "retry_path": "/gitlab-org/gitlab-runner/-/jobs/72469032/retry",
-                "play_path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                "playable": true,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.495Z",
-                "updated_at": "2018-10-31T16:35:31.251Z",
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "manual play action",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_success",
-          "text": "passed",
-          "label": "passed",
-          "group": "success",
-          "tooltip": "passed",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#prebuild",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#prebuild",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=prebuild"
-      },
-      {
-        "name": "test",
-        "title": "test: passed",
-        "groups": [
-          {
-            "name": "docs check links",
-            "size": 1,
-            "status": {
-              "icon": "status_success",
-              "text": "passed",
-              "label": "passed",
-              "group": "success",
-              "tooltip": "passed",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                "size": "svg-430",
-                "title": "This job does not have a trace."
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-              "action": {
-                "icon": "retry",
-                "title": "Retry",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                "method": "post",
-                "button_title": "Retry this job"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469033,
-                "name": "docs check links",
-                "started": "2018-06-05T11:31:33.240Z",
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-                "retry_path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                "playable": false,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.627Z",
-                "updated_at": "2018-06-05T11:31:54.363Z",
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "passed",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job does not have a trace."
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                  "action": {
-                    "icon": "retry",
-                    "title": "Retry",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                    "method": "post",
-                    "button_title": "Retry this job"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_success",
-          "text": "passed",
-          "label": "passed",
-          "group": "success",
-          "tooltip": "passed",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#test",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#test",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=test"
-      },
-      {
-        "name": "cleanup",
-        "title": "cleanup: skipped",
-        "groups": [
-          {
-            "name": "review-docs-cleanup",
-            "size": 1,
-            "status": {
-              "icon": "status_manual",
-              "text": "manual",
-              "label": "manual stop action",
-              "group": "manual",
-              "tooltip": "manual action",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                "size": "svg-394",
-                "title": "This job requires a manual action",
-                "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-              "action": {
-                "icon": "stop",
-                "title": "Stop",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                "method": "post",
-                "button_title": "Stop this environment"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469034,
-                "name": "review-docs-cleanup",
-                "started": null,
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-                "play_path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                "playable": true,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.760Z",
-                "updated_at": "2018-06-05T11:31:56.037Z",
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual stop action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "stop",
-                    "title": "Stop",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                    "method": "post",
-                    "button_title": "Stop this environment"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_skipped",
-          "text": "skipped",
-          "label": "skipped",
-          "group": "skipped",
-          "tooltip": "skipped",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#cleanup",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#cleanup",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=cleanup"
-      }
-    ],
-    "artifacts": [],
-    "manual_actions": [
-      {
-        "name": "review-docs-cleanup",
-        "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-        "playable": true,
-        "scheduled": false
-      },
-      {
-        "name": "review-docs-deploy",
-        "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-        "playable": true,
-        "scheduled": false
-      }
-    ],
-    "scheduled_actions": []
-  },
-  "ref": {
-    "name": "docs/add-development-guide-to-readme",
-    "path": "/gitlab-org/gitlab-runner/commits/docs/add-development-guide-to-readme",
-    "tag": false,
-    "branch": true,
-    "merge_request": false
-  },
-  "commit": {
-    "id": "8083eb0a920572214d0dccedd7981f05d535ad46",
-    "short_id": "8083eb0a",
-    "title": "Add link to development guide in readme",
-    "created_at": "2018-06-05T11:30:48.000Z",
-    "parent_ids": ["1d7cf79b5a1a2121b9474ac20d61c1b8f621289d"],
-    "message": "Add link to development guide in readme\n\nCloses https://gitlab.com/gitlab-org/gitlab-runner/issues/3122\n",
-    "author_name": "Achilleas Pipinellis",
-    "author_email": "axil@gitlab.com",
-    "authored_date": "2018-06-05T11:30:48.000Z",
-    "committer_name": "Achilleas Pipinellis",
-    "committer_email": "axil@gitlab.com",
-    "committed_date": "2018-06-05T11:30:48.000Z",
-    "author": {
-      "id": 3585,
-      "name": "Achilleas Pipinellis",
-      "username": "axil",
-      "state": "active",
-      "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/3585/avatar.png",
-      "web_url": "https://gitlab.com/axil",
-      "status_tooltip_html": null,
-      "path": "/axil"
-    },
-    "author_gravatar_url": "https://secure.gravatar.com/avatar/1d37af00eec153a8333a4ce18e9aea41?s=80\u0026d=identicon",
-    "commit_url": "https://gitlab.com/gitlab-org/gitlab-runner/commit/8083eb0a920572214d0dccedd7981f05d535ad46",
-    "commit_path": "/gitlab-org/gitlab-runner/commit/8083eb0a920572214d0dccedd7981f05d535ad46"
-  },
-  "project": {
-    "id": 1794617
-  },
-  "triggered_by": {
-    "id": 12,
-    "user": {
-      "id": 376774,
-      "name": "Alessio Caiazza",
-      "username": "nolith",
-      "state": "active",
-      "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/376774/avatar.png",
-      "web_url": "https://gitlab.com/nolith",
-      "status_tooltip_html": null,
-      "path": "/nolith"
-    },
-    "active": false,
-    "coverage": null,
-    "source": "pipeline",
-    "path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-    "details": {
-      "status": {
-        "icon": "status_failed",
-        "text": "failed",
-        "label": "failed",
-        "group": "failed",
-        "tooltip": "failed",
-        "has_details": true,
-        "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-        "illustration": null,
-        "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-      },
-      "duration": 118,
-      "finished_at": "2018-10-31T16:41:40.615Z",
-      "stages": [
-        {
-          "name": "build-images",
-          "title": "build-images: skipped",
-          "groups": [
-            {
-              "name": "image:bootstrap",
-              "size": 1,
-              "status": {
-                "icon": "status_manual",
-                "text": "manual",
-                "label": "manual play action",
-                "group": "manual",
-                "tooltip": "manual action",
-                "has_details": true,
-                "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                "illustration": {
-                  "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                  "size": "svg-394",
-                  "title": "This job requires a manual action",
-                  "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                },
-                "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                "action": {
-                  "icon": "play",
-                  "title": "Play",
-                  "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                  "method": "post",
-                  "button_title": "Trigger this manual action"
-                }
-              },
-              "jobs": [
-                {
-                  "id": 11421321982853,
-                  "name": "image:bootstrap",
-                  "started": null,
-                  "archived": false,
-                  "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                  "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                  "playable": true,
-                  "scheduled": false,
-                  "created_at": "2018-10-31T16:35:23.704Z",
-                  "updated_at": "2018-10-31T16:35:24.118Z",
-                  "status": {
-                    "icon": "status_manual",
-                    "text": "manual",
-                    "label": "manual play action",
-                    "group": "manual",
-                    "tooltip": "manual action",
-                    "has_details": true,
-                    "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                    "illustration": {
-                      "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                      "size": "svg-394",
-                      "title": "This job requires a manual action",
-                      "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                    },
-                    "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                    "action": {
-                      "icon": "play",
-                      "title": "Play",
-                      "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                      "method": "post",
-                      "button_title": "Trigger this manual action"
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              "name": "image:builder-onbuild",
-              "size": 1,
-              "status": {
-                "icon": "status_manual",
-                "text": "manual",
-                "label": "manual play action",
-                "group": "manual",
-                "tooltip": "manual action",
-                "has_details": true,
-                "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                "illustration": {
-                  "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                  "size": "svg-394",
-                  "title": "This job requires a manual action",
-                  "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                },
-                "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                "action": {
-                  "icon": "play",
-                  "title": "Play",
-                  "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                  "method": "post",
-                  "button_title": "Trigger this manual action"
-                }
-              },
-              "jobs": [
-                {
-                  "id": 1149822131854,
-                  "name": "image:builder-onbuild",
-                  "started": null,
-                  "archived": false,
-                  "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                  "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                  "playable": true,
-                  "scheduled": false,
-                  "created_at": "2018-10-31T16:35:23.728Z",
-                  "updated_at": "2018-10-31T16:35:24.070Z",
-                  "status": {
-                    "icon": "status_manual",
-                    "text": "manual",
-                    "label": "manual play action",
-                    "group": "manual",
-                    "tooltip": "manual action",
-                    "has_details": true,
-                    "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                    "illustration": {
-                      "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                      "size": "svg-394",
-                      "title": "This job requires a manual action",
-                      "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                    },
-                    "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                    "action": {
-                      "icon": "play",
-                      "title": "Play",
-                      "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                      "method": "post",
-                      "button_title": "Trigger this manual action"
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              "name": "image:nginx-onbuild",
-              "size": 1,
-              "status": {
-                "icon": "status_manual",
-                "text": "manual",
-                "label": "manual play action",
-                "group": "manual",
-                "tooltip": "manual action",
-                "has_details": true,
-                "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                "illustration": {
-                  "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                  "size": "svg-394",
-                  "title": "This job requires a manual action",
-                  "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                },
-                "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                "action": {
-                  "icon": "play",
-                  "title": "Play",
-                  "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                  "method": "post",
-                  "button_title": "Trigger this manual action"
-                }
-              },
-              "jobs": [
-                {
-                  "id": 11498285523424,
-                  "name": "image:nginx-onbuild",
-                  "started": null,
-                  "archived": false,
-                  "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                  "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                  "playable": true,
-                  "scheduled": false,
-                  "created_at": "2018-10-31T16:35:23.753Z",
-                  "updated_at": "2018-10-31T16:35:24.033Z",
-                  "status": {
-                    "icon": "status_manual",
-                    "text": "manual",
-                    "label": "manual play action",
-                    "group": "manual",
-                    "tooltip": "manual action",
-                    "has_details": true,
-                    "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                    "illustration": {
-                      "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                      "size": "svg-394",
-                      "title": "This job requires a manual action",
-                      "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                    },
-                    "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                    "action": {
-                      "icon": "play",
-                      "title": "Play",
-                      "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                      "method": "post",
-                      "button_title": "Trigger this manual action"
-                    }
-                  }
-                }
-              ]
-            }
-          ],
-          "status": {
-            "icon": "status_skipped",
-            "text": "skipped",
-            "label": "skipped",
-            "group": "skipped",
-            "tooltip": "skipped",
-            "has_details": true,
-            "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#build-images",
-            "illustration": null,
-            "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-          },
-          "path": "/gitlab-com/gitlab-docs/pipelines/34993051#build-images",
-          "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=build-images"
-        },
-        {
-          "name": "build",
-          "title": "build: failed",
-          "groups": [
-            {
-              "name": "compile_dev",
-              "size": 1,
-              "status": {
-                "icon": "status_failed",
-                "text": "failed",
-                "label": "failed",
-                "group": "failed",
-                "tooltip": "failed - (script failure)",
-                "has_details": true,
-                "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                "illustration": {
-                  "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                  "size": "svg-430",
-                  "title": "This job does not have a trace."
-                },
-                "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
-                "action": {
-                  "icon": "retry",
-                  "title": "Retry",
-                  "path": "/h5bp/html5-boilerplate/-/jobs/528/retry",
-                  "method": "post",
-                  "button_title": "Retry this job"
-                }
-              },
-              "jobs": [
-                {
-                  "id": 1149846949786,
-                  "name": "compile_dev",
-                  "started": "2018-10-31T16:39:41.598Z",
-                  "archived": false,
-                  "build_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                  "retry_path": "/gitlab-com/gitlab-docs/-/jobs/114984694/retry",
-                  "playable": false,
-                  "scheduled": false,
-                  "created_at": "2018-10-31T16:39:41.138Z",
-                  "updated_at": "2018-10-31T16:41:40.072Z",
-                  "status": {
-                    "icon": "status_failed",
-                    "text": "failed",
-                    "label": "failed",
-                    "group": "failed",
-                    "tooltip": "failed - (script failure)",
-                    "has_details": true,
-                    "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                    "illustration": {
-                      "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                      "size": "svg-430",
-                      "title": "This job does not have a trace."
-                    },
-                    "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
-                    "action": {
-                      "icon": "retry",
-                      "title": "Retry",
-                      "path": "/h5bp/html5-boilerplate/-/jobs/528/retry",
-                      "method": "post",
-                      "button_title": "Retry this job"
-                    }
-                  },
-                  "recoverable": false
-                }
-              ]
-            }
-          ],
-          "status": {
-            "icon": "status_failed",
-            "text": "failed",
-            "label": "failed",
-            "group": "failed",
-            "tooltip": "failed",
-            "has_details": true,
-            "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#build",
-            "illustration": null,
-            "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-          },
-          "path": "/gitlab-com/gitlab-docs/pipelines/34993051#build",
-          "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=build"
-        },
-        {
-          "name": "deploy",
-          "title": "deploy: skipped",
-          "groups": [
-            {
-              "name": "review",
-              "size": 1,
-              "status": {
-                "icon": "status_skipped",
-                "text": "skipped",
-                "label": "skipped",
-                "group": "skipped",
-                "tooltip": "skipped",
-                "has_details": true,
-                "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                "illustration": {
-                  "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                  "size": "svg-430",
-                  "title": "This job has been skipped"
-                },
-                "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-              },
-              "jobs": [
-                {
-                  "id": 11498282342357,
-                  "name": "review",
-                  "started": null,
-                  "archived": false,
-                  "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                  "playable": false,
-                  "scheduled": false,
-                  "created_at": "2018-10-31T16:35:23.805Z",
-                  "updated_at": "2018-10-31T16:41:40.569Z",
-                  "status": {
-                    "icon": "status_skipped",
-                    "text": "skipped",
-                    "label": "skipped",
-                    "group": "skipped",
-                    "tooltip": "skipped",
-                    "has_details": true,
-                    "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                    "illustration": {
-                      "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                      "size": "svg-430",
-                      "title": "This job has been skipped"
-                    },
-                    "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                  }
-                }
-              ]
-            },
-            {
-              "name": "review_stop",
-              "size": 1,
-              "status": {
-                "icon": "status_skipped",
-                "text": "skipped",
-                "label": "skipped",
-                "group": "skipped",
-                "tooltip": "skipped",
-                "has_details": true,
-                "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                "illustration": {
-                  "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                  "size": "svg-430",
-                  "title": "This job has been skipped"
-                },
-                "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-              },
-              "jobs": [
-                {
-                  "id": 114982858,
-                  "name": "review_stop",
-                  "started": null,
-                  "archived": false,
-                  "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                  "playable": false,
-                  "scheduled": false,
-                  "created_at": "2018-10-31T16:35:23.840Z",
-                  "updated_at": "2018-10-31T16:41:40.480Z",
-                  "status": {
-                    "icon": "status_skipped",
-                    "text": "skipped",
-                    "label": "skipped",
-                    "group": "skipped",
-                    "tooltip": "skipped",
-                    "has_details": true,
-                    "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                    "illustration": {
-                      "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                      "size": "svg-430",
-                      "title": "This job has been skipped"
-                    },
-                    "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                  }
-                }
-              ]
-            }
-          ],
-          "status": {
-            "icon": "status_skipped",
-            "text": "skipped",
-            "label": "skipped",
-            "group": "skipped",
-            "tooltip": "skipped",
-            "has_details": true,
-            "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#deploy",
-            "illustration": null,
-            "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-          },
-          "path": "/gitlab-com/gitlab-docs/pipelines/34993051#deploy",
-          "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=deploy"
-        }
-      ],
-      "artifacts": [],
-      "manual_actions": [
-        {
-          "name": "image:bootstrap",
-          "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-          "playable": true,
-          "scheduled": false
-        },
-        {
-          "name": "image:builder-onbuild",
-          "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-          "playable": true,
-          "scheduled": false
-        },
-        {
-          "name": "image:nginx-onbuild",
-          "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-          "playable": true,
-          "scheduled": false
-        },
-        {
-          "name": "review_stop",
-          "path": "/gitlab-com/gitlab-docs/-/jobs/114982858/play",
-          "playable": false,
-          "scheduled": false
-        }
-      ],
-      "scheduled_actions": []
-    },
-    "project": {
-      "id": 1794617,
-      "name": "Test",
-      "full_path": "/gitlab-com/gitlab-docs",
-      "full_name": "GitLab.com / GitLab Docs"
-    },
-    "triggered_by": {
-      "id": 349932310342451,
-      "user": {
-        "id": 376774,
-        "name": "Alessio Caiazza",
-        "username": "nolith",
-        "state": "active",
-        "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/376774/avatar.png",
-        "web_url": "https://gitlab.com/nolith",
-        "status_tooltip_html": null,
-        "path": "/nolith"
-      },
-      "active": false,
-      "coverage": null,
-      "source": "pipeline",
-      "path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-      "details": {
-        "status": {
-          "icon": "status_failed",
-          "text": "failed",
-          "label": "failed",
-          "group": "failed",
-          "tooltip": "failed",
-          "has_details": true,
-          "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-        },
-        "duration": 118,
-        "finished_at": "2018-10-31T16:41:40.615Z",
-        "stages": [
-          {
-            "name": "build-images",
-            "title": "build-images: skipped",
-            "groups": [
-              {
-                "name": "image:bootstrap",
-                "size": 1,
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual play action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 11421321982853,
-                    "name": "image:bootstrap",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                    "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                    "playable": true,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.704Z",
-                    "updated_at": "2018-10-31T16:35:24.118Z",
-                    "status": {
-                      "icon": "status_manual",
-                      "text": "manual",
-                      "label": "manual play action",
-                      "group": "manual",
-                      "tooltip": "manual action",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
-                        "title": "This job requires a manual action",
-                        "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                      "action": {
-                        "icon": "play",
-                        "title": "Play",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                        "method": "post",
-                        "button_title": "Trigger this manual action"
-                      }
-                    }
-                  }
-                ]
-              },
-              {
-                "name": "image:builder-onbuild",
-                "size": 1,
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual play action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 1149822131854,
-                    "name": "image:builder-onbuild",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                    "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                    "playable": true,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.728Z",
-                    "updated_at": "2018-10-31T16:35:24.070Z",
-                    "status": {
-                      "icon": "status_manual",
-                      "text": "manual",
-                      "label": "manual play action",
-                      "group": "manual",
-                      "tooltip": "manual action",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
-                        "title": "This job requires a manual action",
-                        "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                      "action": {
-                        "icon": "play",
-                        "title": "Play",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                        "method": "post",
-                        "button_title": "Trigger this manual action"
-                      }
-                    }
-                  }
-                ]
-              },
-              {
-                "name": "image:nginx-onbuild",
-                "size": 1,
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual play action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 11498285523424,
-                    "name": "image:nginx-onbuild",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                    "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                    "playable": true,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.753Z",
-                    "updated_at": "2018-10-31T16:35:24.033Z",
-                    "status": {
-                      "icon": "status_manual",
-                      "text": "manual",
-                      "label": "manual play action",
-                      "group": "manual",
-                      "tooltip": "manual action",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
-                        "title": "This job requires a manual action",
-                        "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                      "action": {
-                        "icon": "play",
-                        "title": "Play",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                        "method": "post",
-                        "button_title": "Trigger this manual action"
-                      }
-                    }
-                  }
-                ]
-              }
-            ],
-            "status": {
-              "icon": "status_skipped",
-              "text": "skipped",
-              "label": "skipped",
-              "group": "skipped",
-              "tooltip": "skipped",
-              "has_details": true,
-              "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#build-images",
-              "illustration": null,
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-            },
-            "path": "/gitlab-com/gitlab-docs/pipelines/34993051#build-images",
-            "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=build-images"
-          },
-          {
-            "name": "build",
-            "title": "build: failed",
-            "groups": [
-              {
-                "name": "compile_dev",
-                "size": 1,
-                "status": {
-                  "icon": "status_failed",
-                  "text": "failed",
-                  "label": "failed",
-                  "group": "failed",
-                  "tooltip": "failed - (script failure)",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job does not have a trace."
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
-                  "action": {
-                    "icon": "retry",
-                    "title": "Retry",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114984694/retry",
-                    "method": "post",
-                    "button_title": "Retry this job"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 1149846949786,
-                    "name": "compile_dev",
-                    "started": "2018-10-31T16:39:41.598Z",
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                    "retry_path": "/gitlab-com/gitlab-docs/-/jobs/114984694/retry",
-                    "playable": false,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:39:41.138Z",
-                    "updated_at": "2018-10-31T16:41:40.072Z",
-                    "status": {
-                      "icon": "status_failed",
-                      "text": "failed",
-                      "label": "failed",
-                      "group": "failed",
-                      "tooltip": "failed - (script failure)",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114984694/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "recoverable": false
-                  }
-                ]
-              }
-            ],
-            "status": {
-              "icon": "status_failed",
-              "text": "failed",
-              "label": "failed",
-              "group": "failed",
-              "tooltip": "failed",
-              "has_details": true,
-              "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#build",
-              "illustration": null,
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-            },
-            "path": "/gitlab-com/gitlab-docs/pipelines/34993051#build",
-            "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=build"
-          },
-          {
-            "name": "deploy",
-            "title": "deploy: skipped",
-            "groups": [
-              {
-                "name": "review",
-                "size": 1,
-                "status": {
-                  "icon": "status_skipped",
-                  "text": "skipped",
-                  "label": "skipped",
-                  "group": "skipped",
-                  "tooltip": "skipped",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job has been skipped"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                },
-                "jobs": [
-                  {
-                    "id": 11498282342357,
-                    "name": "review",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                    "playable": false,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.805Z",
-                    "updated_at": "2018-10-31T16:41:40.569Z",
-                    "status": {
-                      "icon": "status_skipped",
-                      "text": "skipped",
-                      "label": "skipped",
-                      "group": "skipped",
-                      "tooltip": "skipped",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job has been skipped"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                    }
-                  }
-                ]
-              },
-              {
-                "name": "review_stop",
-                "size": 1,
-                "status": {
-                  "icon": "status_skipped",
-                  "text": "skipped",
-                  "label": "skipped",
-                  "group": "skipped",
-                  "tooltip": "skipped",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job has been skipped"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                },
-                "jobs": [
-                  {
-                    "id": 114982858,
-                    "name": "review_stop",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                    "playable": false,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.840Z",
-                    "updated_at": "2018-10-31T16:41:40.480Z",
-                    "status": {
-                      "icon": "status_skipped",
-                      "text": "skipped",
-                      "label": "skipped",
-                      "group": "skipped",
-                      "tooltip": "skipped",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job has been skipped"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                    }
-                  }
-                ]
-              }
-            ],
-            "status": {
-              "icon": "status_skipped",
-              "text": "skipped",
-              "label": "skipped",
-              "group": "skipped",
-              "tooltip": "skipped",
-              "has_details": true,
-              "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#deploy",
-              "illustration": null,
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-            },
-            "path": "/gitlab-com/gitlab-docs/pipelines/34993051#deploy",
-            "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=deploy"
-          }
-        ],
-        "artifacts": [],
-        "manual_actions": [
-          {
-            "name": "image:bootstrap",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-            "playable": true,
-            "scheduled": false
-          },
-          {
-            "name": "image:builder-onbuild",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-            "playable": true,
-            "scheduled": false
-          },
-          {
-            "name": "image:nginx-onbuild",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-            "playable": true,
-            "scheduled": false
-          },
-          {
-            "name": "review_stop",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982858/play",
-            "playable": false,
-            "scheduled": false
-          }
-        ],
-        "scheduled_actions": []
-      },
-      "project": {
-        "id": 1794617,
-        "name": "GitLab Docs",
-        "full_path": "/gitlab-com/gitlab-docs",
-        "full_name": "GitLab.com / GitLab Docs"
-      }
-    },
-    "triggered": []
-  },
-  "triggered": [
-    {
-      "id": 34993051,
-      "user": {
-        "id": 376774,
-        "name": "Alessio Caiazza",
-        "username": "nolith",
-        "state": "active",
-        "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/376774/avatar.png",
-        "web_url": "https://gitlab.com/nolith",
-        "status_tooltip_html": null,
-        "path": "/nolith"
-      },
-      "active": false,
-      "coverage": null,
-      "source": "pipeline",
-      "path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-      "details": {
-        "status": {
-          "icon": "status_failed",
-          "text": "failed",
-          "label": "failed",
-          "group": "failed",
-          "tooltip": "failed",
-          "has_details": true,
-          "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-        },
-        "duration": 118,
-        "finished_at": "2018-10-31T16:41:40.615Z",
-        "stages": [
-          {
-            "name": "build-images",
-            "title": "build-images: skipped",
-            "groups": [
-              {
-                "name": "image:bootstrap",
-                "size": 1,
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual play action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 114982853,
-                    "name": "image:bootstrap",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                    "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                    "playable": true,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.704Z",
-                    "updated_at": "2018-10-31T16:35:24.118Z",
-                    "status": {
-                      "icon": "status_manual",
-                      "text": "manual",
-                      "label": "manual play action",
-                      "group": "manual",
-                      "tooltip": "manual action",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
-                        "title": "This job requires a manual action",
-                        "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                      "action": {
-                        "icon": "play",
-                        "title": "Play",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                        "method": "post",
-                        "button_title": "Trigger this manual action"
-                      }
-                    }
-                  }
-                ]
-              },
-              {
-                "name": "image:builder-onbuild",
-                "size": 1,
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual play action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 114982854,
-                    "name": "image:builder-onbuild",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                    "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                    "playable": true,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.728Z",
-                    "updated_at": "2018-10-31T16:35:24.070Z",
-                    "status": {
-                      "icon": "status_manual",
-                      "text": "manual",
-                      "label": "manual play action",
-                      "group": "manual",
-                      "tooltip": "manual action",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
-                        "title": "This job requires a manual action",
-                        "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                      "action": {
-                        "icon": "play",
-                        "title": "Play",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                        "method": "post",
-                        "button_title": "Trigger this manual action"
-                      }
-                    }
-                  }
-                ]
-              },
-              {
-                "name": "image:nginx-onbuild",
-                "size": 1,
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual play action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 114982855,
-                    "name": "image:nginx-onbuild",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                    "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                    "playable": true,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.753Z",
-                    "updated_at": "2018-10-31T16:35:24.033Z",
-                    "status": {
-                      "icon": "status_manual",
-                      "text": "manual",
-                      "label": "manual play action",
-                      "group": "manual",
-                      "tooltip": "manual action",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
-                        "title": "This job requires a manual action",
-                        "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                      "action": {
-                        "icon": "play",
-                        "title": "Play",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                        "method": "post",
-                        "button_title": "Trigger this manual action"
-                      }
-                    }
-                  }
-                ]
-              }
-            ],
-            "status": {
-              "icon": "status_skipped",
-              "text": "skipped",
-              "label": "skipped",
-              "group": "skipped",
-              "tooltip": "skipped",
-              "has_details": true,
-              "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#build-images",
-              "illustration": null,
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-            },
-            "path": "/gitlab-com/gitlab-docs/pipelines/34993051#build-images",
-            "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=build-images"
-          },
-          {
-            "name": "build",
-            "title": "build: failed",
-            "groups": [
-              {
-                "name": "compile_dev",
-                "size": 1,
-                "status": {
-                  "icon": "status_failed",
-                  "text": "failed",
-                  "label": "failed",
-                  "group": "failed",
-                  "tooltip": "failed - (script failure)",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job does not have a trace."
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
-                  "action": {
-                    "icon": "retry",
-                    "title": "Retry",
-                    "path": "/h5bp/html5-boilerplate/-/jobs/528/retry",
-                    "method": "post",
-                    "button_title": "Retry this job"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 114984694,
-                    "name": "compile_dev",
-                    "started": "2018-10-31T16:39:41.598Z",
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                    "retry_path": "/gitlab-com/gitlab-docs/-/jobs/114984694/retry",
-                    "playable": false,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:39:41.138Z",
-                    "updated_at": "2018-10-31T16:41:40.072Z",
-                    "status": {
-                      "icon": "status_failed",
-                      "text": "failed",
-                      "label": "failed",
-                      "group": "failed",
-                      "tooltip": "failed - (script failure)",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/528/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "recoverable": false
-                  }
-                ]
-              }
-            ],
-            "status": {
-              "icon": "status_failed",
-              "text": "failed",
-              "label": "failed",
-              "group": "failed",
-              "tooltip": "failed",
-              "has_details": true,
-              "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#build",
-              "illustration": null,
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-            },
-            "path": "/gitlab-com/gitlab-docs/pipelines/34993051#build",
-            "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=build"
-          },
-          {
-            "name": "deploy",
-            "title": "deploy: skipped",
-            "groups": [
-              {
-                "name": "review",
-                "size": 1,
-                "status": {
-                  "icon": "status_skipped",
-                  "text": "skipped",
-                  "label": "skipped",
-                  "group": "skipped",
-                  "tooltip": "skipped",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job has been skipped"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                },
-                "jobs": [
-                  {
-                    "id": 114982857,
-                    "name": "review",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                    "playable": false,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.805Z",
-                    "updated_at": "2018-10-31T16:41:40.569Z",
-                    "status": {
-                      "icon": "status_skipped",
-                      "text": "skipped",
-                      "label": "skipped",
-                      "group": "skipped",
-                      "tooltip": "skipped",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job has been skipped"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                    }
-                  }
-                ]
-              },
-              {
-                "name": "review_stop",
-                "size": 1,
-                "status": {
-                  "icon": "status_skipped",
-                  "text": "skipped",
-                  "label": "skipped",
-                  "group": "skipped",
-                  "tooltip": "skipped",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job has been skipped"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                },
-                "jobs": [
-                  {
-                    "id": 114982858,
-                    "name": "review_stop",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                    "playable": false,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.840Z",
-                    "updated_at": "2018-10-31T16:41:40.480Z",
-                    "status": {
-                      "icon": "status_skipped",
-                      "text": "skipped",
-                      "label": "skipped",
-                      "group": "skipped",
-                      "tooltip": "skipped",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job has been skipped"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                    }
-                  }
-                ]
-              }
-            ],
-            "status": {
-              "icon": "status_skipped",
-              "text": "skipped",
-              "label": "skipped",
-              "group": "skipped",
-              "tooltip": "skipped",
-              "has_details": true,
-              "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#deploy",
-              "illustration": null,
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-            },
-            "path": "/gitlab-com/gitlab-docs/pipelines/34993051#deploy",
-            "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=deploy"
-          }
-        ],
-        "artifacts": [],
-        "manual_actions": [
-          {
-            "name": "image:bootstrap",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-            "playable": true,
-            "scheduled": false
-          },
-          {
-            "name": "image:builder-onbuild",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-            "playable": true,
-            "scheduled": false
-          },
-          {
-            "name": "image:nginx-onbuild",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-            "playable": true,
-            "scheduled": false
-          },
-          {
-            "name": "review_stop",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982858/play",
-            "playable": false,
-            "scheduled": false
-          }
-        ],
-        "scheduled_actions": []
-      },
-      "project": {
-        "id": 1794617,
-        "name": "GitLab Docs",
-        "full_path": "/gitlab-com/gitlab-docs",
-        "full_name": "GitLab.com / GitLab Docs"
-      }
-    },
-    {
-      "id": 34993052,
-      "user": {
-        "id": 376774,
-        "name": "Alessio Caiazza",
-        "username": "nolith",
-        "state": "active",
-        "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/376774/avatar.png",
-        "web_url": "https://gitlab.com/nolith",
-        "status_tooltip_html": null,
-        "path": "/nolith"
-      },
-      "active": false,
-      "coverage": null,
-      "source": "pipeline",
-      "path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-      "details": {
-        "status": {
-          "icon": "status_failed",
-          "text": "failed",
-          "label": "failed",
-          "group": "failed",
-          "tooltip": "failed",
-          "has_details": true,
-          "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-        },
-        "duration": 118,
-        "finished_at": "2018-10-31T16:41:40.615Z",
-        "stages": [
-          {
-            "name": "build-images",
-            "title": "build-images: skipped",
-            "groups": [
-              {
-                "name": "image:bootstrap",
-                "size": 1,
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual play action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 114982853,
-                    "name": "image:bootstrap",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                    "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                    "playable": true,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.704Z",
-                    "updated_at": "2018-10-31T16:35:24.118Z",
-                    "status": {
-                      "icon": "status_manual",
-                      "text": "manual",
-                      "label": "manual play action",
-                      "group": "manual",
-                      "tooltip": "manual action",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982853",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
-                        "title": "This job requires a manual action",
-                        "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                      "action": {
-                        "icon": "play",
-                        "title": "Play",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-                        "method": "post",
-                        "button_title": "Trigger this manual action"
-                      }
-                    }
-                  }
-                ]
-              },
-              {
-                "name": "image:builder-onbuild",
-                "size": 1,
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual play action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 114982854,
-                    "name": "image:builder-onbuild",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                    "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                    "playable": true,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.728Z",
-                    "updated_at": "2018-10-31T16:35:24.070Z",
-                    "status": {
-                      "icon": "status_manual",
-                      "text": "manual",
-                      "label": "manual play action",
-                      "group": "manual",
-                      "tooltip": "manual action",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982854",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
-                        "title": "This job requires a manual action",
-                        "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                      "action": {
-                        "icon": "play",
-                        "title": "Play",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-                        "method": "post",
-                        "button_title": "Trigger this manual action"
-                      }
-                    }
-                  }
-                ]
-              },
-              {
-                "name": "image:nginx-onbuild",
-                "size": 1,
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual play action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 1224982855,
-                    "name": "image:nginx-onbuild",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                    "play_path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                    "playable": true,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.753Z",
-                    "updated_at": "2018-10-31T16:35:24.033Z",
-                    "status": {
-                      "icon": "status_manual",
-                      "text": "manual",
-                      "label": "manual play action",
-                      "group": "manual",
-                      "tooltip": "manual action",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982855",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
-                        "title": "This job requires a manual action",
-                        "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                      "action": {
-                        "icon": "play",
-                        "title": "Play",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-                        "method": "post",
-                        "button_title": "Trigger this manual action"
-                      }
-                    }
-                  }
-                ]
-              }
-            ],
-            "status": {
-              "icon": "status_skipped",
-              "text": "skipped",
-              "label": "skipped",
-              "group": "skipped",
-              "tooltip": "skipped",
-              "has_details": true,
-              "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#build-images",
-              "illustration": null,
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-            },
-            "path": "/gitlab-com/gitlab-docs/pipelines/34993051#build-images",
-            "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=build-images"
-          },
-          {
-            "name": "build",
-            "title": "build: failed",
-            "groups": [
-              {
-                "name": "compile_dev",
-                "size": 1,
-                "status": {
-                  "icon": "status_failed",
-                  "text": "failed",
-                  "label": "failed",
-                  "group": "failed",
-                  "tooltip": "failed - (script failure)",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job does not have a trace."
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
-                  "action": {
-                    "icon": "retry",
-                    "title": "Retry",
-                    "path": "/gitlab-com/gitlab-docs/-/jobs/114984694/retry",
-                    "method": "post",
-                    "button_title": "Retry this job"
-                  }
-                },
-                "jobs": [
-                  {
-                    "id": 1123984694,
-                    "name": "compile_dev",
-                    "started": "2018-10-31T16:39:41.598Z",
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                    "retry_path": "/gitlab-com/gitlab-docs/-/jobs/114984694/retry",
-                    "playable": false,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:39:41.138Z",
-                    "updated_at": "2018-10-31T16:41:40.072Z",
-                    "status": {
-                      "icon": "status_failed",
-                      "text": "failed",
-                      "label": "failed",
-                      "group": "failed",
-                      "tooltip": "failed - (script failure)",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114984694",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/gitlab-com/gitlab-docs/-/jobs/114984694/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "recoverable": false
-                  }
-                ]
-              }
-            ],
-            "status": {
-              "icon": "status_failed",
-              "text": "failed",
-              "label": "failed",
-              "group": "failed",
-              "tooltip": "failed",
-              "has_details": true,
-              "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#build",
-              "illustration": null,
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-            },
-            "path": "/gitlab-com/gitlab-docs/pipelines/34993051#build",
-            "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=build"
-          },
-          {
-            "name": "deploy",
-            "title": "deploy: skipped",
-            "groups": [
-              {
-                "name": "review",
-                "size": 1,
-                "status": {
-                  "icon": "status_skipped",
-                  "text": "skipped",
-                  "label": "skipped",
-                  "group": "skipped",
-                  "tooltip": "skipped",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job has been skipped"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                },
-                "jobs": [
-                  {
-                    "id": 1143232982857,
-                    "name": "review",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                    "playable": false,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.805Z",
-                    "updated_at": "2018-10-31T16:41:40.569Z",
-                    "status": {
-                      "icon": "status_skipped",
-                      "text": "skipped",
-                      "label": "skipped",
-                      "group": "skipped",
-                      "tooltip": "skipped",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982857",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job has been skipped"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                    }
-                  }
-                ]
-              },
-              {
-                "name": "review_stop",
-                "size": 1,
-                "status": {
-                  "icon": "status_skipped",
-                  "text": "skipped",
-                  "label": "skipped",
-                  "group": "skipped",
-                  "tooltip": "skipped",
-                  "has_details": true,
-                  "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job has been skipped"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                },
-                "jobs": [
-                  {
-                    "id": 114921313182858,
-                    "name": "review_stop",
-                    "started": null,
-                    "archived": false,
-                    "build_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                    "playable": false,
-                    "scheduled": false,
-                    "created_at": "2018-10-31T16:35:23.840Z",
-                    "updated_at": "2018-10-31T16:41:40.480Z",
-                    "status": {
-                      "icon": "status_skipped",
-                      "text": "skipped",
-                      "label": "skipped",
-                      "group": "skipped",
-                      "tooltip": "skipped",
-                      "has_details": true,
-                      "details_path": "/gitlab-com/gitlab-docs/-/jobs/114982858",
-                      "illustration": {
-                        "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job has been skipped"
-                      },
-                      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                    }
-                  }
-                ]
-              }
-            ],
-            "status": {
-              "icon": "status_skipped",
-              "text": "skipped",
-              "label": "skipped",
-              "group": "skipped",
-              "tooltip": "skipped",
-              "has_details": true,
-              "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051#deploy",
-              "illustration": null,
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-            },
-            "path": "/gitlab-com/gitlab-docs/pipelines/34993051#deploy",
-            "dropdown_path": "/gitlab-com/gitlab-docs/pipelines/34993051/stage.json?stage=deploy"
-          }
-        ],
-        "artifacts": [],
-        "manual_actions": [
-          {
-            "name": "image:bootstrap",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982853/play",
-            "playable": true,
-            "scheduled": false
-          },
-          {
-            "name": "image:builder-onbuild",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982854/play",
-            "playable": true,
-            "scheduled": false
-          },
-          {
-            "name": "image:nginx-onbuild",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982855/play",
-            "playable": true,
-            "scheduled": false
-          },
-          {
-            "name": "review_stop",
-            "path": "/gitlab-com/gitlab-docs/-/jobs/114982858/play",
-            "playable": false,
-            "scheduled": false
-          }
-        ],
-        "scheduled_actions": []
-      },
-      "project": {
-        "id": 1794617,
-        "name": "GitLab Docs",
-        "full_path": "/gitlab-com/gitlab-docs",
-        "full_name": "GitLab.com / GitLab Docs"
-      },
-      "triggered": [
-        {
-          "id": 26,
-          "user": null,
-          "active": false,
-          "coverage": null,
-          "source": "push",
-          "created_at": "2019-01-06T17:48:37.599Z",
-          "updated_at": "2019-01-06T17:48:38.371Z",
-          "path": "/h5bp/html5-boilerplate/pipelines/26",
-          "flags": {
-            "latest": true,
-            "stuck": false,
-            "auto_devops": false,
-            "merge_request": false,
-            "yaml_errors": false,
-            "retryable": true,
-            "cancelable": false,
-            "failure_reason": false
-          },
-          "details": {
-            "status": {
-              "icon": "status_warning",
-              "text": "passed",
-              "label": "passed with warnings",
-              "group": "success-with-warnings",
-              "tooltip": "passed",
-              "has_details": true,
-              "details_path": "/h5bp/html5-boilerplate/pipelines/26",
-              "illustration": null,
-              "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-            },
-            "duration": null,
-            "finished_at": "2019-01-06T17:48:38.370Z",
-            "stages": [
-              {
-                "name": "build",
-                "title": "build: passed",
-                "groups": [
-                  {
-                    "name": "build:linux",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/526",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/526/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 526,
-                        "name": "build:linux",
-                        "started": "2019-01-06T08:48:20.236Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/526",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/526/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:37.806Z",
-                        "updated_at": "2019-01-06T17:48:37.806Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/526",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/526/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "build:osx",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/527",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/527/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 527,
-                        "name": "build:osx",
-                        "started": "2019-01-06T07:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/527",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/527/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:37.846Z",
-                        "updated_at": "2019-01-06T17:48:37.846Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/527",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/527/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  }
-                ],
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "passed",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/h5bp/html5-boilerplate/pipelines/26#build",
-                  "illustration": null,
-                  "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-                },
-                "path": "/h5bp/html5-boilerplate/pipelines/26#build",
-                "dropdown_path": "/h5bp/html5-boilerplate/pipelines/26/stage.json?stage=build"
-              },
-              {
-                "name": "test",
-                "title": "test: passed with warnings",
-                "groups": [
-                  {
-                    "name": "jenkins",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": null,
-                      "group": "success",
-                      "tooltip": null,
-                      "has_details": false,
-                      "details_path": null,
-                      "illustration": null,
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-                    },
-                    "jobs": [
-                      {
-                        "id": 546,
-                        "name": "jenkins",
-                        "started": "2019-01-06T11:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/546",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.359Z",
-                        "updated_at": "2019-01-06T17:48:38.359Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": null,
-                          "group": "success",
-                          "tooltip": null,
-                          "has_details": false,
-                          "details_path": null,
-                          "illustration": null,
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "rspec:linux",
-                    "size": 3,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": false,
-                      "details_path": null,
-                      "illustration": null,
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-                    },
-                    "jobs": [
-                      {
-                        "id": 528,
-                        "name": "rspec:linux 0 3",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/528",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/528/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:37.885Z",
-                        "updated_at": "2019-01-06T17:48:37.885Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/528",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/528/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      },
-                      {
-                        "id": 529,
-                        "name": "rspec:linux 1 3",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/529",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/529/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:37.907Z",
-                        "updated_at": "2019-01-06T17:48:37.907Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/529",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/529/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      },
-                      {
-                        "id": 530,
-                        "name": "rspec:linux 2 3",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/530",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/530/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:37.927Z",
-                        "updated_at": "2019-01-06T17:48:37.927Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/530",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/530/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "rspec:osx",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/535",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/535/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 535,
-                        "name": "rspec:osx",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/535",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/535/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.018Z",
-                        "updated_at": "2019-01-06T17:48:38.018Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/535",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/535/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "rspec:windows",
-                    "size": 3,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": false,
-                      "details_path": null,
-                      "illustration": null,
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-                    },
-                    "jobs": [
-                      {
-                        "id": 531,
-                        "name": "rspec:windows 0 3",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/531",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/531/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:37.944Z",
-                        "updated_at": "2019-01-06T17:48:37.944Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/531",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/531/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      },
-                      {
-                        "id": 532,
-                        "name": "rspec:windows 1 3",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/532",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/532/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:37.962Z",
-                        "updated_at": "2019-01-06T17:48:37.962Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/532",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/532/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      },
-                      {
-                        "id": 534,
-                        "name": "rspec:windows 2 3",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/534",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/534/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:37.999Z",
-                        "updated_at": "2019-01-06T17:48:37.999Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/534",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/534/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "spinach:linux",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/536",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/536/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 536,
-                        "name": "spinach:linux",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/536",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/536/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.050Z",
-                        "updated_at": "2019-01-06T17:48:38.050Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/536",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/536/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "spinach:osx",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_warning",
-                      "text": "failed",
-                      "label": "failed (allowed to fail)",
-                      "group": "failed-with-warnings",
-                      "tooltip": "failed - (unknown failure) (allowed to fail)",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/537",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/537/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 537,
-                        "name": "spinach:osx",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/537",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/537/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.069Z",
-                        "updated_at": "2019-01-06T17:48:38.069Z",
-                        "status": {
-                          "icon": "status_warning",
-                          "text": "failed",
-                          "label": "failed (allowed to fail)",
-                          "group": "failed-with-warnings",
-                          "tooltip": "failed - (unknown failure) (allowed to fail)",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/537",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/537/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        },
-                        "callout_message": "There is an unknown failure, please try again",
-                        "recoverable": true
-                      }
-                    ]
-                  }
-                ],
-                "status": {
-                  "icon": "status_warning",
-                  "text": "passed",
-                  "label": "passed with warnings",
-                  "group": "success-with-warnings",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/h5bp/html5-boilerplate/pipelines/26#test",
-                  "illustration": null,
-                  "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-                },
-                "path": "/h5bp/html5-boilerplate/pipelines/26#test",
-                "dropdown_path": "/h5bp/html5-boilerplate/pipelines/26/stage.json?stage=test"
-              },
-              {
-                "name": "security",
-                "title": "security: passed",
-                "groups": [
-                  {
-                    "name": "container_scanning",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/541",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/541/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 541,
-                        "name": "container_scanning",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/541",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/541/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.186Z",
-                        "updated_at": "2019-01-06T17:48:38.186Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/541",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/541/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "dast",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/538",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/538/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 538,
-                        "name": "dast",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/538",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/538/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.087Z",
-                        "updated_at": "2019-01-06T17:48:38.087Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/538",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/538/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "dependency_scanning",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/540",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/540/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 540,
-                        "name": "dependency_scanning",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/540",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/540/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.153Z",
-                        "updated_at": "2019-01-06T17:48:38.153Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/540",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/540/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "sast",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/539",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/539/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 539,
-                        "name": "sast",
-                        "started": "2019-01-06T09:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/539",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/539/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.121Z",
-                        "updated_at": "2019-01-06T17:48:38.121Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/539",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/539/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  }
-                ],
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "passed",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/h5bp/html5-boilerplate/pipelines/26#security",
-                  "illustration": null,
-                  "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-                },
-                "path": "/h5bp/html5-boilerplate/pipelines/26#security",
-                "dropdown_path": "/h5bp/html5-boilerplate/pipelines/26/stage.json?stage=security"
-              },
-              {
-                "name": "deploy",
-                "title": "deploy: passed",
-                "groups": [
-                  {
-                    "name": "production",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_skipped",
-                      "text": "skipped",
-                      "label": "skipped",
-                      "group": "skipped",
-                      "tooltip": "skipped",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/544",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job has been skipped"
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                    },
-                    "jobs": [
-                      {
-                        "id": 544,
-                        "name": "production",
-                        "started": null,
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/544",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.313Z",
-                        "updated_at": "2019-01-06T17:48:38.313Z",
-                        "status": {
-                          "icon": "status_skipped",
-                          "text": "skipped",
-                          "label": "skipped",
-                          "group": "skipped",
-                          "tooltip": "skipped",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/544",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job has been skipped"
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "staging",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "passed",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/542",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job does not have a trace."
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                      "action": {
-                        "icon": "retry",
-                        "title": "Retry",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/542/retry",
-                        "method": "post",
-                        "button_title": "Retry this job"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 542,
-                        "name": "staging",
-                        "started": "2019-01-06T11:48:20.237Z",
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/542",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/542/retry",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.219Z",
-                        "updated_at": "2019-01-06T17:48:38.219Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "passed",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/542",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job does not have a trace."
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "retry",
-                            "title": "Retry",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/542/retry",
-                            "method": "post",
-                            "button_title": "Retry this job"
-                          }
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    "name": "stop staging",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_skipped",
-                      "text": "skipped",
-                      "label": "skipped",
-                      "group": "skipped",
-                      "tooltip": "skipped",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/543",
-                      "illustration": {
-                        "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                        "size": "svg-430",
-                        "title": "This job has been skipped"
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                    },
-                    "jobs": [
-                      {
-                        "id": 543,
-                        "name": "stop staging",
-                        "started": null,
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/543",
-                        "playable": false,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.283Z",
-                        "updated_at": "2019-01-06T17:48:38.283Z",
-                        "status": {
-                          "icon": "status_skipped",
-                          "text": "skipped",
-                          "label": "skipped",
-                          "group": "skipped",
-                          "tooltip": "skipped",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/543",
-                          "illustration": {
-                            "image": "/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                            "size": "svg-430",
-                            "title": "This job has been skipped"
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-                        }
-                      }
-                    ]
-                  }
-                ],
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "passed",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/h5bp/html5-boilerplate/pipelines/26#deploy",
-                  "illustration": null,
-                  "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-                },
-                "path": "/h5bp/html5-boilerplate/pipelines/26#deploy",
-                "dropdown_path": "/h5bp/html5-boilerplate/pipelines/26/stage.json?stage=deploy"
-              },
-              {
-                "name": "notify",
-                "title": "notify: passed",
-                "groups": [
-                  {
-                    "name": "slack",
-                    "size": 1,
-                    "status": {
-                      "icon": "status_success",
-                      "text": "passed",
-                      "label": "manual play action",
-                      "group": "success",
-                      "tooltip": "passed",
-                      "has_details": true,
-                      "details_path": "/h5bp/html5-boilerplate/-/jobs/545",
-                      "illustration": {
-                        "image": "/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                        "size": "svg-394",
-                        "title": "This job requires a manual action",
-                        "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                      },
-                      "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                      "action": {
-                        "icon": "play",
-                        "title": "Play",
-                        "path": "/h5bp/html5-boilerplate/-/jobs/545/play",
-                        "method": "post",
-                        "button_title": "Trigger this manual action"
-                      }
-                    },
-                    "jobs": [
-                      {
-                        "id": 545,
-                        "name": "slack",
-                        "started": null,
-                        "archived": false,
-                        "build_path": "/h5bp/html5-boilerplate/-/jobs/545",
-                        "retry_path": "/h5bp/html5-boilerplate/-/jobs/545/retry",
-                        "play_path": "/h5bp/html5-boilerplate/-/jobs/545/play",
-                        "playable": true,
-                        "scheduled": false,
-                        "created_at": "2019-01-06T17:48:38.341Z",
-                        "updated_at": "2019-01-06T17:48:38.341Z",
-                        "status": {
-                          "icon": "status_success",
-                          "text": "passed",
-                          "label": "manual play action",
-                          "group": "success",
-                          "tooltip": "passed",
-                          "has_details": true,
-                          "details_path": "/h5bp/html5-boilerplate/-/jobs/545",
-                          "illustration": {
-                            "image": "/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                            "size": "svg-394",
-                            "title": "This job requires a manual action",
-                            "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                          },
-                          "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                          "action": {
-                            "icon": "play",
-                            "title": "Play",
-                            "path": "/h5bp/html5-boilerplate/-/jobs/545/play",
-                            "method": "post",
-                            "button_title": "Trigger this manual action"
-                          }
-                        }
-                      }
-                    ]
-                  }
-                ],
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "passed",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/h5bp/html5-boilerplate/pipelines/26#notify",
-                  "illustration": null,
-                  "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-                },
-                "path": "/h5bp/html5-boilerplate/pipelines/26#notify",
-                "dropdown_path": "/h5bp/html5-boilerplate/pipelines/26/stage.json?stage=notify"
-              }
-            ],
-            "artifacts": [
-              {
-                "name": "build:linux",
-                "expired": null,
-                "expire_at": null,
-                "path": "/h5bp/html5-boilerplate/-/jobs/526/artifacts/download",
-                "browse_path": "/h5bp/html5-boilerplate/-/jobs/526/artifacts/browse"
-              },
-              {
-                "name": "build:osx",
-                "expired": null,
-                "expire_at": null,
-                "path": "/h5bp/html5-boilerplate/-/jobs/527/artifacts/download",
-                "browse_path": "/h5bp/html5-boilerplate/-/jobs/527/artifacts/browse"
-              }
-            ],
-            "manual_actions": [
-              {
-                "name": "stop staging",
-                "path": "/h5bp/html5-boilerplate/-/jobs/543/play",
-                "playable": false,
-                "scheduled": false
-              },
-              {
-                "name": "production",
-                "path": "/h5bp/html5-boilerplate/-/jobs/544/play",
-                "playable": false,
-                "scheduled": false
-              },
-              {
-                "name": "slack",
-                "path": "/h5bp/html5-boilerplate/-/jobs/545/play",
-                "playable": true,
-                "scheduled": false
-              }
-            ],
-            "scheduled_actions": []
-          },
-          "ref": {
-            "name": "master",
-            "path": "/h5bp/html5-boilerplate/commits/master",
-            "tag": false,
-            "branch": true,
-            "merge_request": false
-          },
-          "commit": {
-            "id": "bad98c453eab56d20057f3929989251d45cd1a8b",
-            "short_id": "bad98c45",
-            "title": "remove instances of shrink-to-fit=no (#2103)",
-            "created_at": "2018-12-17T20:52:18.000Z",
-            "parent_ids": ["49130f6cfe9ff1f749015d735649a2bc6f66cf3a"],
-            "message": "remove instances of shrink-to-fit=no (#2103)\n\ncloses #2102\r\n\r\nPer my findings, the need for it as a default was rectified with the release of iOS 9.3, where the viewport no longer shrunk to accommodate overflow, as was introduced in iOS 9.",
-            "author_name": "Scott O'Hara",
-            "author_email": "scottaohara@users.noreply.github.com",
-            "authored_date": "2018-12-17T20:52:18.000Z",
-            "committer_name": "Rob Larsen",
-            "committer_email": "rob@drunkenfist.com",
-            "committed_date": "2018-12-17T20:52:18.000Z",
-            "author": null,
-            "author_gravatar_url": "https://www.gravatar.com/avatar/6d597df7cf998d16cbe00ccac063b31e?s=80\u0026d=identicon",
-            "commit_url": "http://localhost:3001/h5bp/html5-boilerplate/commit/bad98c453eab56d20057f3929989251d45cd1a8b",
-            "commit_path": "/h5bp/html5-boilerplate/commit/bad98c453eab56d20057f3929989251d45cd1a8b"
-          },
-          "retry_path": "/h5bp/html5-boilerplate/pipelines/26/retry",
-          "triggered_by": {
-            "id": 4,
-            "user": null,
-            "active": false,
-            "coverage": null,
-            "source": "push",
-            "path": "/gitlab-org/gitlab-test/pipelines/4",
-            "details": {
-              "status": {
-                "icon": "status_warning",
-                "text": "passed",
-                "label": "passed with warnings",
-                "group": "success-with-warnings",
-                "tooltip": "passed",
-                "has_details": true,
-                "details_path": "/gitlab-org/gitlab-test/pipelines/4",
-                "illustration": null,
-                "favicon": "/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-              }
-            },
-            "project": {
-              "id": 1,
-              "name": "Gitlab Test",
-              "full_path": "/gitlab-org/gitlab-test",
-              "full_name": "Gitlab Org / Gitlab Test"
-            }
-          },
-          "triggered": [],
-          "project": {
-            "id": 1794617,
-            "name": "GitLab Docs",
-            "full_path": "/gitlab-com/gitlab-docs",
-            "full_name": "GitLab.com / GitLab Docs"
-          }
-        }
-      ]
-    }
-  ]
-}
diff --git a/spec/javascripts/pipelines/mock_data.js b/spec/javascripts/pipelines/mock_data.js
deleted file mode 100644
index f876987cd88..00000000000
--- a/spec/javascripts/pipelines/mock_data.js
+++ /dev/null
@@ -1,423 +0,0 @@
-export const pipelineWithStages = {
-  id: 20333396,
-  user: {
-    id: 128633,
-    name: 'Rémy Coutable',
-    username: 'rymai',
-    state: 'active',
-    avatar_url:
-      'https://secure.gravatar.com/avatar/263da227929cc0035cb0eba512bcf81a?s=80\u0026d=identicon',
-    web_url: 'https://gitlab.com/rymai',
-    path: '/rymai',
-  },
-  active: true,
-  coverage: '58.24',
-  source: 'push',
-  created_at: '2018-04-11T14:04:53.881Z',
-  updated_at: '2018-04-11T14:05:00.792Z',
-  path: '/gitlab-org/gitlab/pipelines/20333396',
-  flags: {
-    latest: true,
-    stuck: false,
-    auto_devops: false,
-    yaml_errors: false,
-    retryable: false,
-    cancelable: true,
-    failure_reason: false,
-  },
-  details: {
-    status: {
-      icon: 'status_running',
-      text: 'running',
-      label: 'running',
-      group: 'running',
-      has_details: true,
-      details_path: '/gitlab-org/gitlab/pipelines/20333396',
-      favicon:
-        'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_running-2eb56be2871937954b2ba6d6f4ee9fdf7e5e1c146ac45f7be98119ccaca1aca9.ico',
-    },
-    duration: null,
-    finished_at: null,
-    stages: [
-      {
-        name: 'build',
-        title: 'build: skipped',
-        status: {
-          icon: 'status_skipped',
-          text: 'skipped',
-          label: 'skipped',
-          group: 'skipped',
-          has_details: true,
-          details_path: '/gitlab-org/gitlab/pipelines/20333396#build',
-          favicon:
-            'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_skipped-a2eee568a5bffdb494050c7b62dde241de9189280836288ac8923d369f16222d.ico',
-        },
-        path: '/gitlab-org/gitlab/pipelines/20333396#build',
-        dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=build',
-      },
-      {
-        name: 'prepare',
-        title: 'prepare: passed',
-        status: {
-          icon: 'status_success',
-          text: 'passed',
-          label: 'passed',
-          group: 'success',
-          has_details: true,
-          details_path: '/gitlab-org/gitlab/pipelines/20333396#prepare',
-          favicon:
-            'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_success-26f59841becbef8c6fe414e9e74471d8bfd6a91b5855c19fe7f5923a40a7da47.ico',
-        },
-        path: '/gitlab-org/gitlab/pipelines/20333396#prepare',
-        dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=prepare',
-      },
-      {
-        name: 'test',
-        title: 'test: running',
-        status: {
-          icon: 'status_running',
-          text: 'running',
-          label: 'running',
-          group: 'running',
-          has_details: true,
-          details_path: '/gitlab-org/gitlab/pipelines/20333396#test',
-          favicon:
-            'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_running-2eb56be2871937954b2ba6d6f4ee9fdf7e5e1c146ac45f7be98119ccaca1aca9.ico',
-        },
-        path: '/gitlab-org/gitlab/pipelines/20333396#test',
-        dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=test',
-      },
-      {
-        name: 'post-test',
-        title: 'post-test: created',
-        status: {
-          icon: 'status_created',
-          text: 'created',
-          label: 'created',
-          group: 'created',
-          has_details: true,
-          details_path: '/gitlab-org/gitlab/pipelines/20333396#post-test',
-          favicon:
-            'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_created-e997aa0b7db73165df8a9d6803932b18d7b7cc37d604d2d96e378fea2dba9c5f.ico',
-        },
-        path: '/gitlab-org/gitlab/pipelines/20333396#post-test',
-        dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=post-test',
-      },
-      {
-        name: 'pages',
-        title: 'pages: created',
-        status: {
-          icon: 'status_created',
-          text: 'created',
-          label: 'created',
-          group: 'created',
-          has_details: true,
-          details_path: '/gitlab-org/gitlab/pipelines/20333396#pages',
-          favicon:
-            'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_created-e997aa0b7db73165df8a9d6803932b18d7b7cc37d604d2d96e378fea2dba9c5f.ico',
-        },
-        path: '/gitlab-org/gitlab/pipelines/20333396#pages',
-        dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=pages',
-      },
-      {
-        name: 'post-cleanup',
-        title: 'post-cleanup: created',
-        status: {
-          icon: 'status_created',
-          text: 'created',
-          label: 'created',
-          group: 'created',
-          has_details: true,
-          details_path: '/gitlab-org/gitlab/pipelines/20333396#post-cleanup',
-          favicon:
-            'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_created-e997aa0b7db73165df8a9d6803932b18d7b7cc37d604d2d96e378fea2dba9c5f.ico',
-        },
-        path: '/gitlab-org/gitlab/pipelines/20333396#post-cleanup',
-        dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=post-cleanup',
-      },
-    ],
-    artifacts: [
-      {
-        name: 'gitlab:assets:compile',
-        expired: false,
-        expire_at: '2018-05-12T14:22:54.730Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411438/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411438/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411438/artifacts/browse',
-      },
-      {
-        name: 'rspec-mysql 12 28',
-        expired: false,
-        expire_at: '2018-05-12T14:22:45.136Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411397/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411397/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411397/artifacts/browse',
-      },
-      {
-        name: 'rspec-mysql 6 28',
-        expired: false,
-        expire_at: '2018-05-12T14:22:41.523Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411391/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411391/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411391/artifacts/browse',
-      },
-      {
-        name: 'rspec-pg geo 0 1',
-        expired: false,
-        expire_at: '2018-05-12T14:22:13.287Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411353/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411353/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411353/artifacts/browse',
-      },
-      {
-        name: 'rspec-mysql 0 28',
-        expired: false,
-        expire_at: '2018-05-12T14:22:06.834Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411385/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411385/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411385/artifacts/browse',
-      },
-      {
-        name: 'spinach-mysql 0 2',
-        expired: false,
-        expire_at: '2018-05-12T14:21:51.409Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411423/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411423/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411423/artifacts/browse',
-      },
-      {
-        name: 'karma',
-        expired: false,
-        expire_at: '2018-05-12T14:21:20.934Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411440/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411440/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411440/artifacts/browse',
-      },
-      {
-        name: 'spinach-pg 0 2',
-        expired: false,
-        expire_at: '2018-05-12T14:20:01.028Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411419/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411419/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411419/artifacts/browse',
-      },
-      {
-        name: 'spinach-pg 1 2',
-        expired: false,
-        expire_at: '2018-05-12T14:19:04.336Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411421/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411421/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411421/artifacts/browse',
-      },
-      {
-        name: 'sast',
-        expired: null,
-        expire_at: null,
-        path: '/gitlab-org/gitlab/-/jobs/62411442/artifacts/download',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411442/artifacts/browse',
-      },
-      {
-        name: 'code_quality',
-        expired: false,
-        expire_at: '2018-04-18T14:16:24.484Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411441/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411441/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411441/artifacts/browse',
-      },
-      {
-        name: 'cache gems',
-        expired: null,
-        expire_at: null,
-        path: '/gitlab-org/gitlab/-/jobs/62411447/artifacts/download',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411447/artifacts/browse',
-      },
-      {
-        name: 'dependency_scanning',
-        expired: null,
-        expire_at: null,
-        path: '/gitlab-org/gitlab/-/jobs/62411443/artifacts/download',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411443/artifacts/browse',
-      },
-      {
-        name: 'compile-assets',
-        expired: false,
-        expire_at: '2018-04-18T14:12:07.638Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411334/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411334/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411334/artifacts/browse',
-      },
-      {
-        name: 'setup-test-env',
-        expired: false,
-        expire_at: '2018-04-18T14:10:27.024Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411336/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411336/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411336/artifacts/browse',
-      },
-      {
-        name: 'retrieve-tests-metadata',
-        expired: false,
-        expire_at: '2018-05-12T14:06:35.926Z',
-        path: '/gitlab-org/gitlab/-/jobs/62411333/artifacts/download',
-        keep_path: '/gitlab-org/gitlab/-/jobs/62411333/artifacts/keep',
-        browse_path: '/gitlab-org/gitlab/-/jobs/62411333/artifacts/browse',
-      },
-    ],
-    manual_actions: [
-      {
-        name: 'package-and-qa',
-        path: '/gitlab-org/gitlab/-/jobs/62411330/play',
-        playable: true,
-      },
-      {
-        name: 'review-docs-deploy',
-        path: '/gitlab-org/gitlab/-/jobs/62411332/play',
-        playable: true,
-      },
-    ],
-  },
-  ref: {
-    name: 'master',
-    path: '/gitlab-org/gitlab/commits/master',
-    tag: false,
-    branch: true,
-  },
-  commit: {
-    id: 'e6a2885c503825792cb8a84a8731295e361bd059',
-    short_id: 'e6a2885c',
-    title: "Merge branch 'ce-to-ee-2018-04-11' into 'master'",
-    created_at: '2018-04-11T14:04:39.000Z',
-    parent_ids: [
-      '5d9b5118f6055f72cff1a82b88133609912f2c1d',
-      '6fdc6ee76a8062fe41b1a33f7c503334a6ebdc02',
-    ],
-    message:
-      "Merge branch 'ce-to-ee-2018-04-11' into 'master'\n\nCE upstream - 2018-04-11 12:26 UTC\n\nSee merge request gitlab-org/gitlab-ee!5326",
-    author_name: 'Rémy Coutable',
-    author_email: 'remy@rymai.me',
-    authored_date: '2018-04-11T14:04:39.000Z',
-    committer_name: 'Rémy Coutable',
-    committer_email: 'remy@rymai.me',
-    committed_date: '2018-04-11T14:04:39.000Z',
-    author: {
-      id: 128633,
-      name: 'Rémy Coutable',
-      username: 'rymai',
-      state: 'active',
-      avatar_url:
-        'https://secure.gravatar.com/avatar/263da227929cc0035cb0eba512bcf81a?s=80\u0026d=identicon',
-      web_url: 'https://gitlab.com/rymai',
-      path: '/rymai',
-    },
-    author_gravatar_url:
-      'https://secure.gravatar.com/avatar/263da227929cc0035cb0eba512bcf81a?s=80\u0026d=identicon',
-    commit_url:
-      'https://gitlab.com/gitlab-org/gitlab/commit/e6a2885c503825792cb8a84a8731295e361bd059',
-    commit_path: '/gitlab-org/gitlab/commit/e6a2885c503825792cb8a84a8731295e361bd059',
-  },
-  cancel_path: '/gitlab-org/gitlab/pipelines/20333396/cancel',
-  triggered_by: null,
-  triggered: [],
-};
-
-export const stageReply = {
-  name: 'deploy',
-  title: 'deploy: running',
-  latest_statuses: [
-    {
-      id: 928,
-      name: 'stop staging',
-      started: false,
-      build_path: '/twitter/flight/-/jobs/928',
-      cancel_path: '/twitter/flight/-/jobs/928/cancel',
-      playable: false,
-      created_at: '2018-04-04T20:02:02.728Z',
-      updated_at: '2018-04-04T20:02:02.766Z',
-      status: {
-        icon: 'status_pending',
-        text: 'pending',
-        label: 'pending',
-        group: 'pending',
-        tooltip: 'pending',
-        has_details: true,
-        details_path: '/twitter/flight/-/jobs/928',
-        favicon:
-          '/assets/ci_favicons/dev/favicon_status_pending-db32e1faf94b9f89530ac519790920d1f18ea8f6af6cd2e0a26cd6840cacf101.ico',
-        action: {
-          icon: 'cancel',
-          title: 'Cancel',
-          path: '/twitter/flight/-/jobs/928/cancel',
-          method: 'post',
-        },
-      },
-    },
-    {
-      id: 926,
-      name: 'production',
-      started: false,
-      build_path: '/twitter/flight/-/jobs/926',
-      retry_path: '/twitter/flight/-/jobs/926/retry',
-      play_path: '/twitter/flight/-/jobs/926/play',
-      playable: true,
-      created_at: '2018-04-04T20:00:57.202Z',
-      updated_at: '2018-04-04T20:11:13.110Z',
-      status: {
-        icon: 'status_canceled',
-        text: 'canceled',
-        label: 'manual play action',
-        group: 'canceled',
-        tooltip: 'canceled',
-        has_details: true,
-        details_path: '/twitter/flight/-/jobs/926',
-        favicon:
-          '/assets/ci_favicons/dev/favicon_status_canceled-5491840b9b6feafba0bc599cbd49ee9580321dc809683856cf1b0d51532b1af6.ico',
-        action: {
-          icon: 'play',
-          title: 'Play',
-          path: '/twitter/flight/-/jobs/926/play',
-          method: 'post',
-        },
-      },
-    },
-    {
-      id: 217,
-      name: 'staging',
-      started: '2018-03-07T08:41:46.234Z',
-      build_path: '/twitter/flight/-/jobs/217',
-      retry_path: '/twitter/flight/-/jobs/217/retry',
-      playable: false,
-      created_at: '2018-03-07T14:41:58.093Z',
-      updated_at: '2018-03-07T14:41:58.093Z',
-      status: {
-        icon: 'status_success',
-        text: 'passed',
-        label: 'passed',
-        group: 'success',
-        tooltip: 'passed',
-        has_details: true,
-        details_path: '/twitter/flight/-/jobs/217',
-        favicon:
-          '/assets/ci_favicons/dev/favicon_status_success-308b4fc054cdd1b68d0865e6cfb7b02e92e3472f201507418f8eddb74ac11a59.ico',
-        action: {
-          icon: 'retry',
-          title: 'Retry',
-          path: '/twitter/flight/-/jobs/217/retry',
-          method: 'post',
-        },
-      },
-    },
-  ],
-  status: {
-    icon: 'status_running',
-    text: 'running',
-    label: 'running',
-    group: 'running',
-    tooltip: 'running',
-    has_details: true,
-    details_path: '/twitter/flight/pipelines/13#deploy',
-    favicon:
-      '/assets/ci_favicons/dev/favicon_status_running-c3ad2fc53ea6079c174e5b6c1351ff349e99ec3af5a5622fb77b0fe53ea279c1.ico',
-  },
-  path: '/twitter/flight/pipelines/13#deploy',
-  dropdown_path: '/twitter/flight/pipelines/13/stage.json?stage=deploy',
-};
diff --git a/spec/javascripts/pipelines/pipeline_details_mediator_spec.js b/spec/javascripts/pipelines/pipeline_details_mediator_spec.js
deleted file mode 100644
index 61ee2dc13ca..00000000000
--- a/spec/javascripts/pipelines/pipeline_details_mediator_spec.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import MockAdapter from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import PipelineMediator from '~/pipelines/pipeline_details_mediator';
-
-describe('PipelineMdediator', () => {
-  let mediator;
-  let mock;
-
-  beforeEach(() => {
-    mock = new MockAdapter(axios);
-    mediator = new PipelineMediator({ endpoint: 'foo.json' });
-  });
-
-  afterEach(() => {
-    mock.restore();
-  });
-
-  it('should set defaults', () => {
-    expect(mediator.options).toEqual({ endpoint: 'foo.json' });
-    expect(mediator.state.isLoading).toEqual(false);
-    expect(mediator.store).toBeDefined();
-    expect(mediator.service).toBeDefined();
-  });
-
-  describe('request and store data', () => {
-    it('should store received data', done => {
-      mock.onGet('foo.json').reply(200, { id: '121123' });
-      mediator.fetchPipeline();
-
-      setTimeout(() => {
-        expect(mediator.store.state.pipeline).toEqual({ id: '121123' });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/spec/javascripts/pipelines/pipelines_actions_spec.js b/spec/javascripts/pipelines/pipelines_actions_spec.js
deleted file mode 100644
index 91f7d2167cc..00000000000
--- a/spec/javascripts/pipelines/pipelines_actions_spec.js
+++ /dev/null
@@ -1,128 +0,0 @@
-import Vue from 'vue';
-import MockAdapter from 'axios-mock-adapter';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import { TEST_HOST } from 'spec/test_constants';
-import axios from '~/lib/utils/axios_utils';
-import PipelinesActions from '~/pipelines/components/pipelines_actions.vue';
-
-describe('Pipelines Actions dropdown', () => {
-  const Component = Vue.extend(PipelinesActions);
-  let vm;
-  let mock;
-
-  afterEach(() => {
-    vm.$destroy();
-    mock.restore();
-  });
-
-  beforeEach(() => {
-    mock = new MockAdapter(axios);
-  });
-
-  describe('manual actions', () => {
-    const actions = [
-      {
-        name: 'stop_review',
-        path: `${TEST_HOST}/root/review-app/builds/1893/play`,
-      },
-      {
-        name: 'foo',
-        path: `${TEST_HOST}/disabled/pipeline/action`,
-        playable: false,
-      },
-    ];
-
-    beforeEach(() => {
-      vm = mountComponent(Component, { actions });
-    });
-
-    it('renders a dropdown with the provided actions', () => {
-      const dropdownItems = vm.$el.querySelectorAll('.dropdown-menu li');
-
-      expect(dropdownItems.length).toEqual(actions.length);
-    });
-
-    it("renders a disabled action when it's not playable", () => {
-      const dropdownItem = vm.$el.querySelector('.dropdown-menu li:last-child button');
-
-      expect(dropdownItem).toBeDisabled();
-    });
-
-    describe('on click', () => {
-      it('makes a request and toggles the loading state', done => {
-        mock.onPost(actions.path).reply(200);
-
-        vm.$el.querySelector('.dropdown-menu li button').click();
-
-        expect(vm.isLoading).toEqual(true);
-
-        setTimeout(() => {
-          expect(vm.isLoading).toEqual(false);
-
-          done();
-        });
-      });
-    });
-  });
-
-  describe('scheduled jobs', () => {
-    const scheduledJobAction = {
-      name: 'scheduled action',
-      path: `${TEST_HOST}/scheduled/job/action`,
-      playable: true,
-      scheduled_at: '2063-04-05T00:42:00Z',
-    };
-    const expiredJobAction = {
-      name: 'expired action',
-      path: `${TEST_HOST}/expired/job/action`,
-      playable: true,
-      scheduled_at: '2018-10-05T08:23:00Z',
-    };
-    const findDropdownItem = action => {
-      const buttons = vm.$el.querySelectorAll('.dropdown-menu li button');
-      return Array.prototype.find.call(buttons, element =>
-        element.innerText.trim().startsWith(action.name),
-      );
-    };
-
-    beforeEach(done => {
-      spyOn(Date, 'now').and.callFake(() => new Date('2063-04-04T00:42:00Z').getTime());
-      vm = mountComponent(Component, { actions: [scheduledJobAction, expiredJobAction] });
-
-      Vue.nextTick()
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('makes post request after confirming', done => {
-      mock.onPost(scheduledJobAction.path).reply(200);
-      spyOn(window, 'confirm').and.callFake(() => true);
-
-      findDropdownItem(scheduledJobAction).click();
-
-      expect(window.confirm).toHaveBeenCalled();
-      setTimeout(() => {
-        expect(mock.history.post.length).toBe(1);
-        done();
-      });
-    });
-
-    it('does not make post request if confirmation is cancelled', () => {
-      mock.onPost(scheduledJobAction.path).reply(200);
-      spyOn(window, 'confirm').and.callFake(() => false);
-
-      findDropdownItem(scheduledJobAction).click();
-
-      expect(window.confirm).toHaveBeenCalled();
-      expect(mock.history.post.length).toBe(0);
-    });
-
-    it('displays the remaining time in the dropdown', () => {
-      expect(findDropdownItem(scheduledJobAction)).toContainText('24:00:00');
-    });
-
-    it('displays 00:00:00 for expired jobs in the dropdown', () => {
-      expect(findDropdownItem(expiredJobAction)).toContainText('00:00:00');
-    });
-  });
-});
diff --git a/spec/javascripts/pipelines/pipelines_artifacts_spec.js b/spec/javascripts/pipelines/pipelines_artifacts_spec.js
deleted file mode 100644
index 7705d5a19bf..00000000000
--- a/spec/javascripts/pipelines/pipelines_artifacts_spec.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import Vue from 'vue';
-import artifactsComp from '~/pipelines/components/pipelines_artifacts.vue';
-
-describe('Pipelines Artifacts dropdown', () => {
-  let component;
-  let artifacts;
-
-  beforeEach(() => {
-    const ArtifactsComponent = Vue.extend(artifactsComp);
-
-    artifacts = [
-      {
-        name: 'artifact',
-        path: '/download/path',
-      },
-    ];
-
-    component = new ArtifactsComponent({
-      propsData: {
-        artifacts,
-      },
-    }).$mount();
-  });
-
-  it('should render a dropdown with the provided artifacts', () => {
-    expect(component.$el.querySelectorAll('.dropdown-menu li').length).toEqual(artifacts.length);
-  });
-
-  it('should render a link with the provided path', () => {
-    expect(component.$el.querySelector('.dropdown-menu li a').getAttribute('href')).toEqual(
-      artifacts[0].path,
-    );
-
-    expect(component.$el.querySelector('.dropdown-menu li a').textContent).toContain(
-      artifacts[0].name,
-    );
-  });
-});
diff --git a/spec/javascripts/pipelines/pipelines_spec.js b/spec/javascripts/pipelines/pipelines_spec.js
deleted file mode 100644
index 5cd91413c5f..00000000000
--- a/spec/javascripts/pipelines/pipelines_spec.js
+++ /dev/null
@@ -1,783 +0,0 @@
-import Vue from 'vue';
-import MockAdapter from 'axios-mock-adapter';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import axios from '~/lib/utils/axios_utils';
-import pipelinesComp from '~/pipelines/components/pipelines.vue';
-import Store from '~/pipelines/stores/pipelines_store';
-import { pipelineWithStages, stageReply } from './mock_data';
-
-describe('Pipelines', () => {
-  const jsonFixtureName = 'pipelines/pipelines.json';
-
-  preloadFixtures(jsonFixtureName);
-
-  let PipelinesComponent;
-  let pipelines;
-  let vm;
-  let mock;
-
-  const paths = {
-    endpoint: 'twitter/flight/pipelines.json',
-    autoDevopsPath: '/help/topics/autodevops/index.md',
-    helpPagePath: '/help/ci/quick_start/README',
-    emptyStateSvgPath: '/assets/illustrations/pipelines_empty.svg',
-    errorStateSvgPath: '/assets/illustrations/pipelines_failed.svg',
-    noPipelinesSvgPath: '/assets/illustrations/pipelines_pending.svg',
-    ciLintPath: '/ci/lint',
-    resetCachePath: '/twitter/flight/settings/ci_cd/reset_cache',
-    newPipelinePath: '/twitter/flight/pipelines/new',
-  };
-
-  const noPermissions = {
-    endpoint: 'twitter/flight/pipelines.json',
-    autoDevopsPath: '/help/topics/autodevops/index.md',
-    helpPagePath: '/help/ci/quick_start/README',
-    emptyStateSvgPath: '/assets/illustrations/pipelines_empty.svg',
-    errorStateSvgPath: '/assets/illustrations/pipelines_failed.svg',
-    noPipelinesSvgPath: '/assets/illustrations/pipelines_pending.svg',
-  };
-
-  beforeEach(() => {
-    mock = new MockAdapter(axios);
-
-    pipelines = getJSONFixture(jsonFixtureName);
-
-    PipelinesComponent = Vue.extend(pipelinesComp);
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-    mock.restore();
-  });
-
-  describe('With permission', () => {
-    describe('With pipelines in main tab', () => {
-      beforeEach(done => {
-        mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines);
-
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: true,
-          canCreatePipeline: true,
-          ...paths,
-        });
-
-        setTimeout(() => {
-          done();
-        });
-      });
-
-      it('renders tabs', () => {
-        expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All');
-      });
-
-      it('renders Run Pipeline link', () => {
-        expect(vm.$el.querySelector('.js-run-pipeline').getAttribute('href')).toEqual(
-          paths.newPipelinePath,
-        );
-      });
-
-      it('renders CI Lint link', () => {
-        expect(vm.$el.querySelector('.js-ci-lint').getAttribute('href')).toEqual(paths.ciLintPath);
-      });
-
-      it('renders Clear Runner Cache button', () => {
-        expect(vm.$el.querySelector('.js-clear-cache').textContent.trim()).toEqual(
-          'Clear Runner Caches',
-        );
-      });
-
-      it('renders pipelines table', () => {
-        expect(vm.$el.querySelectorAll('.gl-responsive-table-row').length).toEqual(
-          pipelines.pipelines.length + 1,
-        );
-      });
-    });
-
-    describe('Without pipelines on main tab with CI', () => {
-      beforeEach(done => {
-        mock.onGet('twitter/flight/pipelines.json').reply(200, {
-          pipelines: [],
-          count: {
-            all: 0,
-            pending: 0,
-            running: 0,
-            finished: 0,
-          },
-        });
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: true,
-          canCreatePipeline: true,
-          ...paths,
-        });
-
-        setTimeout(() => {
-          done();
-        });
-      });
-
-      it('renders tabs', () => {
-        expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All');
-      });
-
-      it('renders Run Pipeline link', () => {
-        expect(vm.$el.querySelector('.js-run-pipeline').getAttribute('href')).toEqual(
-          paths.newPipelinePath,
-        );
-      });
-
-      it('renders CI Lint link', () => {
-        expect(vm.$el.querySelector('.js-ci-lint').getAttribute('href')).toEqual(paths.ciLintPath);
-      });
-
-      it('renders Clear Runner Cache button', () => {
-        expect(vm.$el.querySelector('.js-clear-cache').textContent.trim()).toEqual(
-          'Clear Runner Caches',
-        );
-      });
-
-      it('renders tab empty state', () => {
-        expect(vm.$el.querySelector('.empty-state h4').textContent.trim()).toEqual(
-          'There are currently no pipelines.',
-        );
-      });
-    });
-
-    describe('Without pipelines nor CI', () => {
-      beforeEach(done => {
-        mock.onGet('twitter/flight/pipelines.json').reply(200, {
-          pipelines: [],
-          count: {
-            all: 0,
-            pending: 0,
-            running: 0,
-            finished: 0,
-          },
-        });
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: false,
-          canCreatePipeline: true,
-          ...paths,
-        });
-
-        setTimeout(() => {
-          done();
-        });
-      });
-
-      it('renders empty state', () => {
-        expect(vm.$el.querySelector('.js-empty-state h4').textContent.trim()).toEqual(
-          'Build with confidence',
-        );
-
-        expect(vm.$el.querySelector('.js-get-started-pipelines').getAttribute('href')).toEqual(
-          paths.helpPagePath,
-        );
-      });
-
-      it('does not render tabs nor buttons', () => {
-        expect(vm.$el.querySelector('.js-pipelines-tab-all')).toBeNull();
-        expect(vm.$el.querySelector('.js-run-pipeline')).toBeNull();
-        expect(vm.$el.querySelector('.js-ci-lint')).toBeNull();
-        expect(vm.$el.querySelector('.js-clear-cache')).toBeNull();
-      });
-    });
-
-    describe('When API returns error', () => {
-      beforeEach(done => {
-        mock.onGet('twitter/flight/pipelines.json').reply(500, {});
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: false,
-          canCreatePipeline: true,
-          ...paths,
-        });
-
-        setTimeout(() => {
-          done();
-        });
-      });
-
-      it('renders tabs', () => {
-        expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All');
-      });
-
-      it('renders buttons', () => {
-        expect(vm.$el.querySelector('.js-run-pipeline').getAttribute('href')).toEqual(
-          paths.newPipelinePath,
-        );
-
-        expect(vm.$el.querySelector('.js-ci-lint').getAttribute('href')).toEqual(paths.ciLintPath);
-        expect(vm.$el.querySelector('.js-clear-cache').textContent.trim()).toEqual(
-          'Clear Runner Caches',
-        );
-      });
-
-      it('renders error state', () => {
-        expect(vm.$el.querySelector('.empty-state').textContent.trim()).toContain(
-          'There was an error fetching the pipelines.',
-        );
-      });
-    });
-  });
-
-  describe('Without permission', () => {
-    describe('With pipelines in main tab', () => {
-      beforeEach(done => {
-        mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines);
-
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: false,
-          canCreatePipeline: false,
-          ...noPermissions,
-        });
-
-        setTimeout(() => {
-          done();
-        });
-      });
-
-      it('renders tabs', () => {
-        expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All');
-      });
-
-      it('does not render buttons', () => {
-        expect(vm.$el.querySelector('.js-run-pipeline')).toBeNull();
-        expect(vm.$el.querySelector('.js-ci-lint')).toBeNull();
-        expect(vm.$el.querySelector('.js-clear-cache')).toBeNull();
-      });
-
-      it('renders pipelines table', () => {
-        expect(vm.$el.querySelectorAll('.gl-responsive-table-row').length).toEqual(
-          pipelines.pipelines.length + 1,
-        );
-      });
-    });
-
-    describe('Without pipelines on main tab with CI', () => {
-      beforeEach(done => {
-        mock.onGet('twitter/flight/pipelines.json').reply(200, {
-          pipelines: [],
-          count: {
-            all: 0,
-            pending: 0,
-            running: 0,
-            finished: 0,
-          },
-        });
-
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: true,
-          canCreatePipeline: false,
-          ...noPermissions,
-        });
-
-        setTimeout(() => {
-          done();
-        });
-      });
-
-      it('renders tabs', () => {
-        expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All');
-      });
-
-      it('does not render buttons', () => {
-        expect(vm.$el.querySelector('.js-run-pipeline')).toBeNull();
-        expect(vm.$el.querySelector('.js-ci-lint')).toBeNull();
-        expect(vm.$el.querySelector('.js-clear-cache')).toBeNull();
-      });
-
-      it('renders tab empty state', () => {
-        expect(vm.$el.querySelector('.empty-state h4').textContent.trim()).toEqual(
-          'There are currently no pipelines.',
-        );
-      });
-    });
-
-    describe('Without pipelines nor CI', () => {
-      beforeEach(done => {
-        mock.onGet('twitter/flight/pipelines.json').reply(200, {
-          pipelines: [],
-          count: {
-            all: 0,
-            pending: 0,
-            running: 0,
-            finished: 0,
-          },
-        });
-
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: false,
-          canCreatePipeline: false,
-          ...noPermissions,
-        });
-
-        setTimeout(() => {
-          done();
-        });
-      });
-
-      it('renders empty state without button to set CI', () => {
-        expect(vm.$el.querySelector('.js-empty-state').textContent.trim()).toEqual(
-          'This project is not currently set up to run pipelines.',
-        );
-
-        expect(vm.$el.querySelector('.js-get-started-pipelines')).toBeNull();
-      });
-
-      it('does not render tabs or buttons', () => {
-        expect(vm.$el.querySelector('.js-pipelines-tab-all')).toBeNull();
-        expect(vm.$el.querySelector('.js-run-pipeline')).toBeNull();
-        expect(vm.$el.querySelector('.js-ci-lint')).toBeNull();
-        expect(vm.$el.querySelector('.js-clear-cache')).toBeNull();
-      });
-    });
-
-    describe('When API returns error', () => {
-      beforeEach(done => {
-        mock.onGet('twitter/flight/pipelines.json').reply(500, {});
-
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: false,
-          canCreatePipeline: true,
-          ...noPermissions,
-        });
-
-        setTimeout(() => {
-          done();
-        });
-      });
-
-      it('renders tabs', () => {
-        expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All');
-      });
-
-      it('does not renders buttons', () => {
-        expect(vm.$el.querySelector('.js-run-pipeline')).toBeNull();
-        expect(vm.$el.querySelector('.js-ci-lint')).toBeNull();
-        expect(vm.$el.querySelector('.js-clear-cache')).toBeNull();
-      });
-
-      it('renders error state', () => {
-        expect(vm.$el.querySelector('.empty-state').textContent.trim()).toContain(
-          'There was an error fetching the pipelines.',
-        );
-      });
-    });
-  });
-
-  describe('successful request', () => {
-    describe('with pipelines', () => {
-      beforeEach(() => {
-        mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines);
-
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: true,
-          canCreatePipeline: true,
-          ...paths,
-        });
-      });
-
-      it('should render table', done => {
-        setTimeout(() => {
-          expect(vm.$el.querySelector('.table-holder')).toBeDefined();
-          expect(vm.$el.querySelectorAll('.gl-responsive-table-row').length).toEqual(
-            pipelines.pipelines.length + 1,
-          );
-          done();
-        });
-      });
-
-      it('should render navigation tabs', done => {
-        setTimeout(() => {
-          expect(vm.$el.querySelector('.js-pipelines-tab-pending').textContent.trim()).toContain(
-            'Pending',
-          );
-
-          expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All');
-
-          expect(vm.$el.querySelector('.js-pipelines-tab-running').textContent.trim()).toContain(
-            'Running',
-          );
-
-          expect(vm.$el.querySelector('.js-pipelines-tab-finished').textContent.trim()).toContain(
-            'Finished',
-          );
-
-          expect(vm.$el.querySelector('.js-pipelines-tab-branches').textContent.trim()).toContain(
-            'Branches',
-          );
-
-          expect(vm.$el.querySelector('.js-pipelines-tab-tags').textContent.trim()).toContain(
-            'Tags',
-          );
-          done();
-        });
-      });
-
-      it('should make an API request when using tabs', done => {
-        setTimeout(() => {
-          spyOn(vm, 'updateContent');
-          vm.$el.querySelector('.js-pipelines-tab-finished').click();
-
-          expect(vm.updateContent).toHaveBeenCalledWith({ scope: 'finished', page: '1' });
-          done();
-        });
-      });
-
-      describe('with pagination', () => {
-        it('should make an API request when using pagination', done => {
-          setTimeout(() => {
-            spyOn(vm, 'updateContent');
-            // Mock pagination
-            vm.store.state.pageInfo = {
-              page: 1,
-              total: 10,
-              perPage: 2,
-              nextPage: 2,
-              totalPages: 5,
-            };
-
-            vm.$nextTick(() => {
-              vm.$el.querySelector('.next-page-item').click();
-
-              expect(vm.updateContent).toHaveBeenCalledWith({ scope: 'all', page: '2' });
-
-              done();
-            });
-          });
-        });
-      });
-    });
-  });
-
-  describe('methods', () => {
-    beforeEach(() => {
-      spyOn(window.history, 'pushState').and.stub();
-    });
-
-    describe('updateContent', () => {
-      it('should set given parameters', () => {
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: true,
-          canCreatePipeline: true,
-          ...paths,
-        });
-        vm.updateContent({ scope: 'finished', page: '4' });
-
-        expect(vm.page).toEqual('4');
-        expect(vm.scope).toEqual('finished');
-        expect(vm.requestData.scope).toEqual('finished');
-        expect(vm.requestData.page).toEqual('4');
-      });
-    });
-
-    describe('onChangeTab', () => {
-      it('should set page to 1', () => {
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: true,
-          canCreatePipeline: true,
-          ...paths,
-        });
-        spyOn(vm, 'updateContent');
-
-        vm.onChangeTab('running');
-
-        expect(vm.updateContent).toHaveBeenCalledWith({ scope: 'running', page: '1' });
-      });
-    });
-
-    describe('onChangePage', () => {
-      it('should update page and keep scope', () => {
-        vm = mountComponent(PipelinesComponent, {
-          store: new Store(),
-          hasGitlabCi: true,
-          canCreatePipeline: true,
-          ...paths,
-        });
-        spyOn(vm, 'updateContent');
-
-        vm.onChangePage(4);
-
-        expect(vm.updateContent).toHaveBeenCalledWith({ scope: vm.scope, page: '4' });
-      });
-    });
-  });
-
-  describe('computed properties', () => {
-    beforeEach(() => {
-      vm = mountComponent(PipelinesComponent, {
-        store: new Store(),
-        hasGitlabCi: true,
-        canCreatePipeline: true,
-        ...paths,
-      });
-    });
-
-    describe('tabs', () => {
-      it('returns default tabs', () => {
-        expect(vm.tabs).toEqual([
-          { name: 'All', scope: 'all', count: undefined, isActive: true },
-          { name: 'Pending', scope: 'pending', count: undefined, isActive: false },
-          { name: 'Running', scope: 'running', count: undefined, isActive: false },
-          { name: 'Finished', scope: 'finished', count: undefined, isActive: false },
-          { name: 'Branches', scope: 'branches', isActive: false },
-          { name: 'Tags', scope: 'tags', isActive: false },
-        ]);
-      });
-    });
-
-    describe('emptyTabMessage', () => {
-      it('returns message with scope', done => {
-        vm.scope = 'pending';
-
-        vm.$nextTick(() => {
-          expect(vm.emptyTabMessage).toEqual('There are currently no pending pipelines.');
-          done();
-        });
-      });
-
-      it('returns message without scope when scope is `all`', () => {
-        expect(vm.emptyTabMessage).toEqual('There are currently no pipelines.');
-      });
-    });
-
-    describe('stateToRender', () => {
-      it('returns loading state when the app is loading', () => {
-        expect(vm.stateToRender).toEqual('loading');
-      });
-
-      it('returns error state when app has error', done => {
-        vm.hasError = true;
-        vm.isLoading = false;
-
-        vm.$nextTick(() => {
-          expect(vm.stateToRender).toEqual('error');
-          done();
-        });
-      });
-
-      it('returns table list when app has pipelines', done => {
-        vm.isLoading = false;
-        vm.hasError = false;
-        vm.state.pipelines = pipelines.pipelines;
-
-        vm.$nextTick(() => {
-          expect(vm.stateToRender).toEqual('tableList');
-
-          done();
-        });
-      });
-
-      it('returns empty tab when app does not have pipelines but project has pipelines', done => {
-        vm.state.count.all = 10;
-        vm.isLoading = false;
-
-        vm.$nextTick(() => {
-          expect(vm.stateToRender).toEqual('emptyTab');
-
-          done();
-        });
-      });
-
-      it('returns empty tab when project has CI', done => {
-        vm.isLoading = false;
-        vm.$nextTick(() => {
-          expect(vm.stateToRender).toEqual('emptyTab');
-
-          done();
-        });
-      });
-
-      it('returns empty state when project does not have pipelines nor CI', done => {
-        vm.isLoading = false;
-        vm.hasGitlabCi = false;
-        vm.$nextTick(() => {
-          expect(vm.stateToRender).toEqual('emptyState');
-
-          done();
-        });
-      });
-    });
-
-    describe('shouldRenderTabs', () => {
-      it('returns true when state is loading & has already made the first request', done => {
-        vm.isLoading = true;
-        vm.hasMadeRequest = true;
-
-        vm.$nextTick(() => {
-          expect(vm.shouldRenderTabs).toEqual(true);
-
-          done();
-        });
-      });
-
-      it('returns true when state is tableList & has already made the first request', done => {
-        vm.isLoading = false;
-        vm.state.pipelines = pipelines.pipelines;
-        vm.hasMadeRequest = true;
-
-        vm.$nextTick(() => {
-          expect(vm.shouldRenderTabs).toEqual(true);
-
-          done();
-        });
-      });
-
-      it('returns true when state is error & has already made the first request', done => {
-        vm.isLoading = false;
-        vm.hasError = true;
-        vm.hasMadeRequest = true;
-
-        vm.$nextTick(() => {
-          expect(vm.shouldRenderTabs).toEqual(true);
-
-          done();
-        });
-      });
-
-      it('returns true when state is empty tab & has already made the first request', done => {
-        vm.isLoading = false;
-        vm.state.count.all = 10;
-        vm.hasMadeRequest = true;
-
-        vm.$nextTick(() => {
-          expect(vm.shouldRenderTabs).toEqual(true);
-
-          done();
-        });
-      });
-
-      it('returns false when has not made first request', done => {
-        vm.hasMadeRequest = false;
-
-        vm.$nextTick(() => {
-          expect(vm.shouldRenderTabs).toEqual(false);
-
-          done();
-        });
-      });
-
-      it('returns false when state is empty state', done => {
-        vm.isLoading = false;
-        vm.hasMadeRequest = true;
-        vm.hasGitlabCi = false;
-
-        vm.$nextTick(() => {
-          expect(vm.shouldRenderTabs).toEqual(false);
-
-          done();
-        });
-      });
-    });
-
-    describe('shouldRenderButtons', () => {
-      it('returns true when it has paths & has made the first request', done => {
-        vm.hasMadeRequest = true;
-
-        vm.$nextTick(() => {
-          expect(vm.shouldRenderButtons).toEqual(true);
-
-          done();
-        });
-      });
-
-      it('returns false when it has not made the first request', done => {
-        vm.hasMadeRequest = false;
-
-        vm.$nextTick(() => {
-          expect(vm.shouldRenderButtons).toEqual(false);
-
-          done();
-        });
-      });
-    });
-  });
-
-  describe('updates results when a staged is clicked', () => {
-    beforeEach(() => {
-      const copyPipeline = Object.assign({}, pipelineWithStages);
-      copyPipeline.id += 1;
-      mock
-        .onGet('twitter/flight/pipelines.json')
-        .reply(
-          200,
-          {
-            pipelines: [pipelineWithStages],
-            count: {
-              all: 1,
-              finished: 1,
-              pending: 0,
-              running: 0,
-            },
-          },
-          {
-            'POLL-INTERVAL': 100,
-          },
-        )
-        .onGet(pipelineWithStages.details.stages[0].dropdown_path)
-        .reply(200, stageReply);
-
-      vm = mountComponent(PipelinesComponent, {
-        store: new Store(),
-        hasGitlabCi: true,
-        canCreatePipeline: true,
-        ...paths,
-      });
-    });
-
-    describe('when a request is being made', () => {
-      it('stops polling, cancels the request, & restarts polling', done => {
-        spyOn(vm.poll, 'stop');
-        spyOn(vm.poll, 'restart');
-        spyOn(vm.service.cancelationSource, 'cancel').and.callThrough();
-
-        setTimeout(() => {
-          vm.isMakingRequest = true;
-          return vm
-            .$nextTick()
-            .then(() => {
-              vm.$el.querySelector('.js-builds-dropdown-button').click();
-            })
-            .then(() => {
-              expect(vm.service.cancelationSource.cancel).toHaveBeenCalled();
-              expect(vm.poll.stop).toHaveBeenCalled();
-
-              setTimeout(() => {
-                expect(vm.poll.restart).toHaveBeenCalled();
-                done();
-              }, 0);
-            })
-            .catch(done.fail);
-        }, 0);
-      });
-    });
-
-    describe('when no request is being made', () => {
-      it('stops polling & restarts polling', done => {
-        spyOn(vm.poll, 'stop');
-        spyOn(vm.poll, 'restart');
-
-        setTimeout(() => {
-          vm.$el.querySelector('.js-builds-dropdown-button').click();
-
-          expect(vm.poll.stop).toHaveBeenCalled();
-
-          setTimeout(() => {
-            expect(vm.poll.restart).toHaveBeenCalled();
-            done();
-          }, 0);
-        }, 0);
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/pipelines/pipelines_table_spec.js b/spec/javascripts/pipelines/pipelines_table_spec.js
deleted file mode 100644
index 5c3387190ab..00000000000
--- a/spec/javascripts/pipelines/pipelines_table_spec.js
+++ /dev/null
@@ -1,86 +0,0 @@
-import Vue from 'vue';
-import pipelinesTableComp from '~/pipelines/components/pipelines_table.vue';
-import '~/lib/utils/datetime_utility';
-
-describe('Pipelines Table', () => {
-  const jsonFixtureName = 'pipelines/pipelines.json';
-
-  let pipeline;
-  let PipelinesTableComponent;
-
-  preloadFixtures(jsonFixtureName);
-
-  beforeEach(() => {
-    const { pipelines } = getJSONFixture(jsonFixtureName);
-
-    PipelinesTableComponent = Vue.extend(pipelinesTableComp);
-    pipeline = pipelines.find(p => p.user !== null && p.commit !== null);
-  });
-
-  describe('table', () => {
-    let component;
-    beforeEach(() => {
-      component = new PipelinesTableComponent({
-        propsData: {
-          pipelines: [],
-          autoDevopsHelpPath: 'foo',
-          viewType: 'root',
-        },
-      }).$mount();
-    });
-
-    afterEach(() => {
-      component.$destroy();
-    });
-
-    it('should render a table', () => {
-      expect(component.$el.getAttribute('class')).toContain('ci-table');
-    });
-
-    it('should render table head with correct columns', () => {
-      expect(
-        component.$el.querySelector('.table-section.js-pipeline-status').textContent.trim(),
-      ).toEqual('Status');
-
-      expect(
-        component.$el.querySelector('.table-section.js-pipeline-info').textContent.trim(),
-      ).toEqual('Pipeline');
-
-      expect(
-        component.$el.querySelector('.table-section.js-pipeline-commit').textContent.trim(),
-      ).toEqual('Commit');
-
-      expect(
-        component.$el.querySelector('.table-section.js-pipeline-stages').textContent.trim(),
-      ).toEqual('Stages');
-    });
-  });
-
-  describe('without data', () => {
-    it('should render an empty table', () => {
-      const component = new PipelinesTableComponent({
-        propsData: {
-          pipelines: [],
-          autoDevopsHelpPath: 'foo',
-          viewType: 'root',
-        },
-      }).$mount();
-
-      expect(component.$el.querySelectorAll('.commit.gl-responsive-table-row').length).toEqual(0);
-    });
-  });
-
-  describe('with data', () => {
-    it('should render rows', () => {
-      const component = new PipelinesTableComponent({
-        propsData: {
-          pipelines: [pipeline],
-          autoDevopsHelpPath: 'foo',
-          viewType: 'root',
-        },
-      }).$mount();
-
-      expect(component.$el.querySelectorAll('.commit.gl-responsive-table-row').length).toEqual(1);
-    });
-  });
-});
diff --git a/spec/javascripts/pipelines/stage_spec.js b/spec/javascripts/pipelines/stage_spec.js
deleted file mode 100644
index b99688ec371..00000000000
--- a/spec/javascripts/pipelines/stage_spec.js
+++ /dev/null
@@ -1,136 +0,0 @@
-import Vue from 'vue';
-import MockAdapter from 'axios-mock-adapter';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import axios from '~/lib/utils/axios_utils';
-import stage from '~/pipelines/components/stage.vue';
-import eventHub from '~/pipelines/event_hub';
-import { stageReply } from './mock_data';
-
-describe('Pipelines stage component', () => {
-  let StageComponent;
-  let component;
-  let mock;
-
-  beforeEach(() => {
-    mock = new MockAdapter(axios);
-
-    StageComponent = Vue.extend(stage);
-
-    component = mountComponent(StageComponent, {
-      stage: {
-        status: {
-          group: 'success',
-          icon: 'status_success',
-          title: 'success',
-        },
-        dropdown_path: 'path.json',
-      },
-      updateDropdown: false,
-    });
-  });
-
-  afterEach(() => {
-    component.$destroy();
-    mock.restore();
-  });
-
-  it('should render a dropdown with the status icon', () => {
-    expect(component.$el.getAttribute('class')).toEqual('dropdown');
-    expect(component.$el.querySelector('svg')).toBeDefined();
-    expect(component.$el.querySelector('button').getAttribute('data-toggle')).toEqual('dropdown');
-  });
-
-  describe('with successful request', () => {
-    beforeEach(() => {
-      mock.onGet('path.json').reply(200, stageReply);
-    });
-
-    it('should render the received data and emit `clickedDropdown` event', done => {
-      spyOn(eventHub, '$emit');
-      component.$el.querySelector('button').click();
-
-      setTimeout(() => {
-        expect(
-          component.$el.querySelector('.js-builds-dropdown-container ul').textContent.trim(),
-        ).toContain(stageReply.latest_statuses[0].name);
-
-        expect(eventHub.$emit).toHaveBeenCalledWith('clickedDropdown');
-        done();
-      }, 0);
-    });
-  });
-
-  describe('when request fails', () => {
-    beforeEach(() => {
-      mock.onGet('path.json').reply(500);
-    });
-
-    it('should close the dropdown', () => {
-      component.$el.click();
-
-      setTimeout(() => {
-        expect(component.$el.classList.contains('open')).toEqual(false);
-      }, 0);
-    });
-  });
-
-  describe('update endpoint correctly', () => {
-    beforeEach(() => {
-      const copyStage = Object.assign({}, stageReply);
-      copyStage.latest_statuses[0].name = 'this is the updated content';
-      mock.onGet('bar.json').reply(200, copyStage);
-    });
-
-    it('should update the stage to request the new endpoint provided', done => {
-      component.stage = {
-        status: {
-          group: 'running',
-          icon: 'status_running',
-          title: 'running',
-        },
-        dropdown_path: 'bar.json',
-      };
-
-      Vue.nextTick(() => {
-        component.$el.querySelector('button').click();
-
-        setTimeout(() => {
-          expect(
-            component.$el.querySelector('.js-builds-dropdown-container ul').textContent.trim(),
-          ).toContain('this is the updated content');
-          done();
-        });
-      });
-    });
-  });
-
-  describe('pipelineActionRequestComplete', () => {
-    beforeEach(() => {
-      mock.onGet('path.json').reply(200, stageReply);
-
-      mock.onPost(`${stageReply.latest_statuses[0].status.action.path}.json`).reply(200);
-    });
-
-    describe('within pipeline table', () => {
-      it('emits `refreshPipelinesTable` event when `pipelineActionRequestComplete` is triggered', done => {
-        spyOn(eventHub, '$emit');
-
-        component.type = 'PIPELINES_TABLE';
-        component.$el.querySelector('button').click();
-
-        setTimeout(() => {
-          component.$el.querySelector('.js-ci-action').click();
-          setTimeout(() => {
-            component
-              .$nextTick()
-              .then(() => {
-                expect(eventHub.$emit).toHaveBeenCalledWith('refreshPipelinesTable');
-              })
-              .then(done)
-              .catch(done.fail);
-          }, 0);
-        }, 0);
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/pipelines/stores/pipeline.json b/spec/javascripts/pipelines/stores/pipeline.json
deleted file mode 100644
index 7d5891d3d52..00000000000
--- a/spec/javascripts/pipelines/stores/pipeline.json
+++ /dev/null
@@ -1,167 +0,0 @@
-{
-  "id": 37232567,
-  "user": {
-    "id": 113870,
-    "name": "Phil Hughes",
-    "username": "iamphill",
-    "state": "active",
-    "avatar_url": "https://secure.gravatar.com/avatar/533a51534470a11062df393543eab649?s=80\u0026d=identicon",
-    "web_url": "https://gitlab.com/iamphill",
-    "status_tooltip_html": null,
-    "path": "/iamphill"
-  },
-  "active": false,
-  "coverage": null,
-  "source": "push",
-  "created_at": "2018-11-20T10:22:52.617Z",
-  "updated_at": "2018-11-20T10:24:09.511Z",
-  "path": "/gitlab-org/gl-vue-cli/pipelines/37232567",
-  "flags": {
-    "latest": true,
-    "stuck": false,
-    "auto_devops": false,
-    "yaml_errors": false,
-    "retryable": false,
-    "cancelable": false,
-    "failure_reason": false
-  },
-  "details": {
-    "status": {
-      "icon": "status_success",
-      "text": "passed",
-      "label": "passed",
-      "group": "success",
-      "tooltip": "passed",
-      "has_details": true,
-      "details_path": "/gitlab-org/gl-vue-cli/pipelines/37232567",
-      "illustration": null,
-      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-    },
-    "duration": 65,
-    "finished_at": "2018-11-20T10:24:09.483Z",
-    "stages": [
-      {
-        "name": "test",
-        "title": "test: passed",
-        "groups": [
-          {
-            "name": "eslint",
-            "size": 1,
-            "status": {
-              "icon": "status_success",
-              "text": "passed",
-              "label": "passed",
-              "group": "success",
-              "tooltip": "passed",
-              "has_details": true,
-              "details_path": "/gitlab-org/gl-vue-cli/-/jobs/122845352",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                "size": "svg-430",
-                "title": "This job does not have a trace."
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-              "action": {
-                "icon": "retry",
-                "title": "Retry",
-                "path": "/gitlab-org/gl-vue-cli/-/jobs/122845352/retry",
-                "method": "post",
-                "button_title": "Retry this job"
-              }
-            },
-            "jobs": [
-              {
-                "id": 122845352,
-                "name": "eslint",
-                "started": "2018-11-20T10:22:53.369Z",
-                "archived": false,
-                "build_path": "/gitlab-org/gl-vue-cli/-/jobs/122845352",
-                "retry_path": "/gitlab-org/gl-vue-cli/-/jobs/122845352/retry",
-                "playable": false,
-                "scheduled": false,
-                "created_at": "2018-11-20T10:22:52.630Z",
-                "updated_at": "2018-11-20T10:23:58.948Z",
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "passed",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gl-vue-cli/-/jobs/122845352",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job does not have a trace."
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                  "action": {
-                    "icon": "retry",
-                    "title": "Retry",
-                    "path": "/gitlab-org/gl-vue-cli/-/jobs/122845352/retry",
-                    "method": "post",
-                    "button_title": "Retry this job"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_success",
-          "text": "passed",
-          "label": "passed",
-          "group": "success",
-          "tooltip": "passed",
-          "has_details": true,
-          "details_path": "/gitlab-org/gl-vue-cli/pipelines/37232567#test",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-        },
-        "path": "/gitlab-org/gl-vue-cli/pipelines/37232567#test",
-        "dropdown_path": "/gitlab-org/gl-vue-cli/pipelines/37232567/stage.json?stage=test"
-      }
-    ],
-    "artifacts": [],
-    "manual_actions": [],
-    "scheduled_actions": []
-  },
-  "ref": {
-    "name": "master",
-    "path": "/gitlab-org/gl-vue-cli/commits/master",
-    "tag": false,
-    "branch": true
-  },
-  "commit": {
-    "id": "8f179601d481950bcb67032caeb33d1c24dde6bd",
-    "short_id": "8f179601",
-    "title": "Merge branch 'gl-cli-startt' into 'master'",
-    "created_at": "2018-11-20T10:22:51.000Z",
-    "parent_ids": [
-      "781d78fcd3d6c17ccf208f0cf0ab47c3e5397118",
-      "d227a0bb858c48eeee7393fcade1a33748f35183"
-    ],
-    "message": "Merge branch 'gl-cli-startt' into 'master'\n\nFirst iteration of the CLI\n\nCloses gitlab-foss#53657\n\nSee merge request gitlab-org/gl-vue-cli!2",
-    "author_name": "Phil Hughes",
-    "author_email": "me@iamphill.com",
-    "authored_date": "2018-11-20T10:22:51.000Z",
-    "committer_name": "Phil Hughes",
-    "committer_email": "me@iamphill.com",
-    "committed_date": "2018-11-20T10:22:51.000Z",
-    "author": {
-      "id": 113870,
-      "name": "Phil Hughes",
-      "username": "iamphill",
-      "state": "active",
-      "avatar_url": "https://secure.gravatar.com/avatar/533a51534470a11062df393543eab649?s=80\u0026d=identicon",
-      "web_url": "https://gitlab.com/iamphill",
-      "status_tooltip_html": null,
-      "path": "/iamphill"
-    },
-    "author_gravatar_url": "https://secure.gravatar.com/avatar/533a51534470a11062df393543eab649?s=80\u0026d=identicon",
-    "commit_url": "https://gitlab.com/gitlab-org/gl-vue-cli/commit/8f179601d481950bcb67032caeb33d1c24dde6bd",
-    "commit_path": "/gitlab-org/gl-vue-cli/commit/8f179601d481950bcb67032caeb33d1c24dde6bd"
-  },
-  "triggered_by": null,
-  "triggered": []
-}
diff --git a/spec/javascripts/pipelines/stores/pipeline_store.js b/spec/javascripts/pipelines/stores/pipeline_store.js
deleted file mode 100644
index 4a0b3bf4c02..00000000000
--- a/spec/javascripts/pipelines/stores/pipeline_store.js
+++ /dev/null
@@ -1,165 +0,0 @@
-import PipelineStore from '~/pipelines/stores/pipeline_store';
-import LinkedPipelines from '../linked_pipelines_mock.json';
-
-describe('EE Pipeline store', () => {
-  let store;
-  let data;
-
-  beforeEach(() => {
-    store = new PipelineStore();
-    data = Object.assign({}, LinkedPipelines);
-  });
-
-  describe('storePipeline', () => {
-    beforeAll(() => {
-      store.storePipeline(data);
-    });
-
-    describe('triggered_by', () => {
-      it('sets triggered_by as an array', () => {
-        expect(store.state.pipeline.triggered_by.length).toEqual(1);
-      });
-
-      it('adds isExpanding & isLoading keys set to false', () => {
-        expect(store.state.pipeline.triggered_by[0].isExpanded).toEqual(false);
-        expect(store.state.pipeline.triggered_by[0].isLoading).toEqual(false);
-      });
-
-      it('parses nested triggered_by', () => {
-        expect(store.state.pipeline.triggered_by[0].triggered_by.length).toEqual(1);
-        expect(store.state.pipeline.triggered_by[0].triggered_by[0].isExpanded).toEqual(false);
-        expect(store.state.pipeline.triggered_by[0].triggered_by[0].isLoading).toEqual(false);
-      });
-    });
-
-    describe('triggered', () => {
-      it('adds isExpanding & isLoading keys set to false for each triggered pipeline', () => {
-        store.state.pipeline.triggered.forEach(pipeline => {
-          expect(pipeline.isExpanded).toEqual(false);
-          expect(pipeline.isLoading).toEqual(false);
-        });
-      });
-
-      it('parses nested triggered pipelines', () => {
-        store.state.pipeline.triggered[1].triggered.forEach(pipeline => {
-          expect(pipeline.isExpanded).toEqual(false);
-          expect(pipeline.isLoading).toEqual(false);
-        });
-      });
-    });
-  });
-
-  describe('resetTriggeredByPipeline', () => {
-    beforeEach(() => {
-      store.storePipeline(data);
-    });
-
-    it('closes the pipeline & nested ones', () => {
-      store.state.pipeline.triggered_by[0].isExpanded = true;
-      store.state.pipeline.triggered_by[0].triggered_by[0].isExpanded = true;
-
-      store.resetTriggeredByPipeline(store.state.pipeline, store.state.pipeline.triggered_by[0]);
-
-      expect(store.state.pipeline.triggered_by[0].isExpanded).toEqual(false);
-      expect(store.state.pipeline.triggered_by[0].triggered_by[0].isExpanded).toEqual(false);
-    });
-  });
-
-  describe('openTriggeredByPipeline', () => {
-    beforeEach(() => {
-      store.storePipeline(data);
-    });
-
-    it('opens the given pipeline', () => {
-      store.openTriggeredByPipeline(store.state.pipeline, store.state.pipeline.triggered_by[0]);
-
-      expect(store.state.pipeline.triggered_by[0].isExpanded).toEqual(true);
-    });
-  });
-
-  describe('closeTriggeredByPipeline', () => {
-    beforeEach(() => {
-      store.storePipeline(data);
-    });
-
-    it('closes the given pipeline', () => {
-      // open it first
-      store.openTriggeredByPipeline(store.state.pipeline, store.state.pipeline.triggered_by[0]);
-
-      store.closeTriggeredByPipeline(store.state.pipeline, store.state.pipeline.triggered_by[0]);
-
-      expect(store.state.pipeline.triggered_by[0].isExpanded).toEqual(false);
-    });
-  });
-
-  describe('resetTriggeredPipelines', () => {
-    beforeEach(() => {
-      store.storePipeline(data);
-    });
-
-    it('closes the pipeline & nested ones', () => {
-      store.state.pipeline.triggered[0].isExpanded = true;
-      store.state.pipeline.triggered[0].triggered[0].isExpanded = true;
-
-      store.resetTriggeredPipeline(store.state.pipeline, store.state.pipeline.triggered[0]);
-
-      expect(store.state.pipeline.triggered[0].isExpanded).toEqual(false);
-      expect(store.state.pipeline.triggered[0].triggered[0].isExpanded).toEqual(false);
-    });
-  });
-
-  describe('openTriggeredPipeline', () => {
-    beforeEach(() => {
-      store.storePipeline(data);
-    });
-
-    it('opens the given pipeline', () => {
-      store.openTriggeredPipeline(store.state.pipeline, store.state.pipeline.triggered[0]);
-
-      expect(store.state.pipeline.triggered[0].isExpanded).toEqual(true);
-    });
-  });
-
-  describe('closeTriggeredPipeline', () => {
-    beforeEach(() => {
-      store.storePipeline(data);
-    });
-
-    it('closes the given pipeline', () => {
-      // open it first
-      store.openTriggeredPipeline(store.state.pipeline, store.state.pipeline.triggered[0]);
-
-      store.closeTriggeredPipeline(store.state.pipeline, store.state.pipeline.triggered[0]);
-
-      expect(store.state.pipeline.triggered[0].isExpanded).toEqual(false);
-    });
-  });
-
-  describe('toggleLoading', () => {
-    beforeEach(() => {
-      store.storePipeline(data);
-    });
-
-    it('toggles the isLoading property for the given pipeline', () => {
-      store.togglePipeline(store.state.pipeline.triggered[0]);
-
-      expect(store.state.pipeline.triggered[0].isLoading).toEqual(true);
-    });
-  });
-
-  describe('addExpandedPipelineToRequestData', () => {
-    it('pushes the given id to expandedPipelines array', () => {
-      store.addExpandedPipelineToRequestData('213231');
-
-      expect(store.state.expandedPipelines).toEqual(['213231']);
-    });
-  });
-
-  describe('removeExpandedPipelineToRequestData', () => {
-    it('pushes the given id to expandedPipelines array', () => {
-      store.removeExpandedPipelineToRequestData('213231');
-
-      expect(store.state.expandedPipelines).toEqual([]);
-    });
-  });
-});
diff --git a/spec/javascripts/pipelines/stores/pipeline_with_triggered.json b/spec/javascripts/pipelines/stores/pipeline_with_triggered.json
deleted file mode 100644
index 1fa15e45792..00000000000
--- a/spec/javascripts/pipelines/stores/pipeline_with_triggered.json
+++ /dev/null
@@ -1,381 +0,0 @@
-{
-  "id": 23211253,
-  "user": {
-    "id": 3585,
-    "name": "Achilleas Pipinellis",
-    "username": "axil",
-    "state": "active",
-    "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/3585/avatar.png",
-    "web_url": "https://gitlab.com/axil",
-    "status_tooltip_html": "\u003cspan class=\"user-status-emoji has-tooltip\" title=\"\" data-html=\"true\" data-placement=\"top\"\u003e\u003cgl-emoji title=\"trumpet\" data-name=\"trumpet\" data-unicode-version=\"6.0\"\u003e🎺\u003c/gl-emoji\u003e\u003c/span\u003e",
-    "path": "/axil"
-  },
-  "active": false,
-  "coverage": null,
-  "source": "push",
-  "created_at": "2018-06-05T11:31:30.452Z",
-  "updated_at": "2018-10-31T16:35:31.305Z",
-  "path": "/gitlab-org/gitlab-runner/pipelines/23211253",
-  "flags": {
-    "latest": false,
-    "stuck": false,
-    "auto_devops": false,
-    "yaml_errors": false,
-    "retryable": false,
-    "cancelable": false,
-    "failure_reason": false
-  },
-  "details": {
-    "status": {
-      "icon": "status_success",
-      "text": "passed",
-      "label": "passed",
-      "group": "success",
-      "tooltip": "passed",
-      "has_details": true,
-      "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253",
-      "illustration": null,
-      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-    },
-    "duration": 53,
-    "finished_at": "2018-10-31T16:35:31.299Z",
-    "stages": [
-      {
-        "name": "prebuild",
-        "title": "prebuild: passed",
-        "groups": [
-          {
-            "name": "review-docs-deploy",
-            "size": 1,
-            "status": {
-              "icon": "status_success",
-              "text": "passed",
-              "label": "manual play action",
-              "group": "success",
-              "tooltip": "passed",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                "size": "svg-394",
-                "title": "This job requires a manual action",
-                "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-              "action": {
-                "icon": "play",
-                "title": "Play",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                "method": "post",
-                "button_title": "Trigger this manual action"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469032,
-                "name": "review-docs-deploy",
-                "started": "2018-10-31T16:34:58.778Z",
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-                "retry_path": "/gitlab-org/gitlab-runner/-/jobs/72469032/retry",
-                "play_path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                "playable": true,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.495Z",
-                "updated_at": "2018-10-31T16:35:31.251Z",
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "manual play action",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_success",
-          "text": "passed",
-          "label": "passed",
-          "group": "success",
-          "tooltip": "passed",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#prebuild",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#prebuild",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=prebuild"
-      },
-      {
-        "name": "test",
-        "title": "test: passed",
-        "groups": [
-          {
-            "name": "docs check links",
-            "size": 1,
-            "status": {
-              "icon": "status_success",
-              "text": "passed",
-              "label": "passed",
-              "group": "success",
-              "tooltip": "passed",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                "size": "svg-430",
-                "title": "This job does not have a trace."
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-              "action": {
-                "icon": "retry",
-                "title": "Retry",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                "method": "post",
-                "button_title": "Retry this job"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469033,
-                "name": "docs check links",
-                "started": "2018-06-05T11:31:33.240Z",
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-                "retry_path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                "playable": false,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.627Z",
-                "updated_at": "2018-06-05T11:31:54.363Z",
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "passed",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job does not have a trace."
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                  "action": {
-                    "icon": "retry",
-                    "title": "Retry",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                    "method": "post",
-                    "button_title": "Retry this job"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_success",
-          "text": "passed",
-          "label": "passed",
-          "group": "success",
-          "tooltip": "passed",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#test",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#test",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=test"
-      },
-      {
-        "name": "cleanup",
-        "title": "cleanup: skipped",
-        "groups": [
-          {
-            "name": "review-docs-cleanup",
-            "size": 1,
-            "status": {
-              "icon": "status_manual",
-              "text": "manual",
-              "label": "manual stop action",
-              "group": "manual",
-              "tooltip": "manual action",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                "size": "svg-394",
-                "title": "This job requires a manual action",
-                "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-              "action": {
-                "icon": "stop",
-                "title": "Stop",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                "method": "post",
-                "button_title": "Stop this environment"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469034,
-                "name": "review-docs-cleanup",
-                "started": null,
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-                "play_path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                "playable": true,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.760Z",
-                "updated_at": "2018-06-05T11:31:56.037Z",
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual stop action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "stop",
-                    "title": "Stop",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                    "method": "post",
-                    "button_title": "Stop this environment"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_skipped",
-          "text": "skipped",
-          "label": "skipped",
-          "group": "skipped",
-          "tooltip": "skipped",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#cleanup",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#cleanup",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=cleanup"
-      }
-    ],
-    "artifacts": [],
-    "manual_actions": [
-      {
-        "name": "review-docs-cleanup",
-        "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-        "playable": true,
-        "scheduled": false
-      },
-      {
-        "name": "review-docs-deploy",
-        "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-        "playable": true,
-        "scheduled": false
-      }
-    ],
-    "scheduled_actions": []
-  },
-  "ref": {
-    "name": "docs/add-development-guide-to-readme",
-    "path": "/gitlab-org/gitlab-runner/commits/docs/add-development-guide-to-readme",
-    "tag": false,
-    "branch": true
-  },
-  "commit": {
-    "id": "8083eb0a920572214d0dccedd7981f05d535ad46",
-    "short_id": "8083eb0a",
-    "title": "Add link to development guide in readme",
-    "created_at": "2018-06-05T11:30:48.000Z",
-    "parent_ids": ["1d7cf79b5a1a2121b9474ac20d61c1b8f621289d"],
-    "message": "Add link to development guide in readme\n\nCloses https://gitlab.com/gitlab-org/gitlab-runner/issues/3122\n",
-    "author_name": "Achilleas Pipinellis",
-    "author_email": "axil@gitlab.com",
-    "authored_date": "2018-06-05T11:30:48.000Z",
-    "committer_name": "Achilleas Pipinellis",
-    "committer_email": "axil@gitlab.com",
-    "committed_date": "2018-06-05T11:30:48.000Z",
-    "author": {
-      "id": 3585,
-      "name": "Achilleas Pipinellis",
-      "username": "axil",
-      "state": "active",
-      "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/3585/avatar.png",
-      "web_url": "https://gitlab.com/axil",
-      "status_tooltip_html": null,
-      "path": "/axil"
-    },
-    "author_gravatar_url": "https://secure.gravatar.com/avatar/1d37af00eec153a8333a4ce18e9aea41?s=80\u0026d=identicon",
-    "commit_url": "https://gitlab.com/gitlab-org/gitlab-runner/commit/8083eb0a920572214d0dccedd7981f05d535ad46",
-    "commit_path": "/gitlab-org/gitlab-runner/commit/8083eb0a920572214d0dccedd7981f05d535ad46"
-  },
-  "triggered_by": null,
-  "triggered": [
-    {
-      "id": 34993051,
-      "user": {
-        "id": 376774,
-        "name": "Alessio Caiazza",
-        "username": "nolith",
-        "state": "active",
-        "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/376774/avatar.png",
-        "web_url": "https://gitlab.com/nolith",
-        "status_tooltip_html": null,
-        "path": "/nolith"
-      },
-      "active": false,
-      "coverage": null,
-      "source": "pipeline",
-      "path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-      "details": {
-        "status": {
-          "icon": "status_failed",
-          "text": "failed",
-          "label": "failed",
-          "group": "failed",
-          "tooltip": "failed",
-          "has_details": true,
-          "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-        }
-      },
-      "project": {
-        "id": 1794617,
-        "name": "GitLab Docs",
-        "full_path": "/gitlab-com/gitlab-docs",
-        "full_name": "GitLab.com / GitLab Docs"
-      }
-    }
-  ]
-}
diff --git a/spec/javascripts/pipelines/stores/pipeline_with_triggered_by.json b/spec/javascripts/pipelines/stores/pipeline_with_triggered_by.json
deleted file mode 100644
index 7aeea6f3ebb..00000000000
--- a/spec/javascripts/pipelines/stores/pipeline_with_triggered_by.json
+++ /dev/null
@@ -1,379 +0,0 @@
-{
-  "id": 23211253,
-  "user": {
-    "id": 3585,
-    "name": "Achilleas Pipinellis",
-    "username": "axil",
-    "state": "active",
-    "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/3585/avatar.png",
-    "web_url": "https://gitlab.com/axil",
-    "status_tooltip_html": "\u003cspan class=\"user-status-emoji has-tooltip\" title=\"\" data-html=\"true\" data-placement=\"top\"\u003e\u003cgl-emoji title=\"trumpet\" data-name=\"trumpet\" data-unicode-version=\"6.0\"\u003e🎺\u003c/gl-emoji\u003e\u003c/span\u003e",
-    "path": "/axil"
-  },
-  "active": false,
-  "coverage": null,
-  "source": "push",
-  "created_at": "2018-06-05T11:31:30.452Z",
-  "updated_at": "2018-10-31T16:35:31.305Z",
-  "path": "/gitlab-org/gitlab-runner/pipelines/23211253",
-  "flags": {
-    "latest": false,
-    "stuck": false,
-    "auto_devops": false,
-    "yaml_errors": false,
-    "retryable": false,
-    "cancelable": false,
-    "failure_reason": false
-  },
-  "details": {
-    "status": {
-      "icon": "status_success",
-      "text": "passed",
-      "label": "passed",
-      "group": "success",
-      "tooltip": "passed",
-      "has_details": true,
-      "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253",
-      "illustration": null,
-      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-    },
-    "duration": 53,
-    "finished_at": "2018-10-31T16:35:31.299Z",
-    "stages": [
-      {
-        "name": "prebuild",
-        "title": "prebuild: passed",
-        "groups": [
-          {
-            "name": "review-docs-deploy",
-            "size": 1,
-            "status": {
-              "icon": "status_success",
-              "text": "passed",
-              "label": "manual play action",
-              "group": "success",
-              "tooltip": "passed",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                "size": "svg-394",
-                "title": "This job requires a manual action",
-                "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-              "action": {
-                "icon": "play",
-                "title": "Play",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                "method": "post",
-                "button_title": "Trigger this manual action"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469032,
-                "name": "review-docs-deploy",
-                "started": "2018-10-31T16:34:58.778Z",
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-                "retry_path": "/gitlab-org/gitlab-runner/-/jobs/72469032/retry",
-                "play_path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                "playable": true,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.495Z",
-                "updated_at": "2018-10-31T16:35:31.251Z",
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "manual play action",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_success",
-          "text": "passed",
-          "label": "passed",
-          "group": "success",
-          "tooltip": "passed",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#prebuild",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#prebuild",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=prebuild"
-      },
-      {
-        "name": "test",
-        "title": "test: passed",
-        "groups": [
-          {
-            "name": "docs check links",
-            "size": 1,
-            "status": {
-              "icon": "status_success",
-              "text": "passed",
-              "label": "passed",
-              "group": "success",
-              "tooltip": "passed",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                "size": "svg-430",
-                "title": "This job does not have a trace."
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-              "action": {
-                "icon": "retry",
-                "title": "Retry",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                "method": "post",
-                "button_title": "Retry this job"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469033,
-                "name": "docs check links",
-                "started": "2018-06-05T11:31:33.240Z",
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-                "retry_path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                "playable": false,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.627Z",
-                "updated_at": "2018-06-05T11:31:54.363Z",
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "passed",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job does not have a trace."
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                  "action": {
-                    "icon": "retry",
-                    "title": "Retry",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                    "method": "post",
-                    "button_title": "Retry this job"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_success",
-          "text": "passed",
-          "label": "passed",
-          "group": "success",
-          "tooltip": "passed",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#test",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#test",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=test"
-      },
-      {
-        "name": "cleanup",
-        "title": "cleanup: skipped",
-        "groups": [
-          {
-            "name": "review-docs-cleanup",
-            "size": 1,
-            "status": {
-              "icon": "status_manual",
-              "text": "manual",
-              "label": "manual stop action",
-              "group": "manual",
-              "tooltip": "manual action",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                "size": "svg-394",
-                "title": "This job requires a manual action",
-                "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-              "action": {
-                "icon": "stop",
-                "title": "Stop",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                "method": "post",
-                "button_title": "Stop this environment"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469034,
-                "name": "review-docs-cleanup",
-                "started": null,
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-                "play_path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                "playable": true,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.760Z",
-                "updated_at": "2018-06-05T11:31:56.037Z",
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual stop action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "stop",
-                    "title": "Stop",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                    "method": "post",
-                    "button_title": "Stop this environment"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_skipped",
-          "text": "skipped",
-          "label": "skipped",
-          "group": "skipped",
-          "tooltip": "skipped",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#cleanup",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#cleanup",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=cleanup"
-      }
-    ],
-    "artifacts": [],
-    "manual_actions": [
-      {
-        "name": "review-docs-cleanup",
-        "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-        "playable": true,
-        "scheduled": false
-      },
-      {
-        "name": "review-docs-deploy",
-        "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-        "playable": true,
-        "scheduled": false
-      }
-    ],
-    "scheduled_actions": []
-  },
-  "ref": {
-    "name": "docs/add-development-guide-to-readme",
-    "path": "/gitlab-org/gitlab-runner/commits/docs/add-development-guide-to-readme",
-    "tag": false,
-    "branch": true
-  },
-  "commit": {
-    "id": "8083eb0a920572214d0dccedd7981f05d535ad46",
-    "short_id": "8083eb0a",
-    "title": "Add link to development guide in readme",
-    "created_at": "2018-06-05T11:30:48.000Z",
-    "parent_ids": ["1d7cf79b5a1a2121b9474ac20d61c1b8f621289d"],
-    "message": "Add link to development guide in readme\n\nCloses https://gitlab.com/gitlab-org/gitlab-runner/issues/3122\n",
-    "author_name": "Achilleas Pipinellis",
-    "author_email": "axil@gitlab.com",
-    "authored_date": "2018-06-05T11:30:48.000Z",
-    "committer_name": "Achilleas Pipinellis",
-    "committer_email": "axil@gitlab.com",
-    "committed_date": "2018-06-05T11:30:48.000Z",
-    "author": {
-      "id": 3585,
-      "name": "Achilleas Pipinellis",
-      "username": "axil",
-      "state": "active",
-      "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/3585/avatar.png",
-      "web_url": "https://gitlab.com/axil",
-      "status_tooltip_html": null,
-      "path": "/axil"
-    },
-    "author_gravatar_url": "https://secure.gravatar.com/avatar/1d37af00eec153a8333a4ce18e9aea41?s=80\u0026d=identicon",
-    "commit_url": "https://gitlab.com/gitlab-org/gitlab-runner/commit/8083eb0a920572214d0dccedd7981f05d535ad46",
-    "commit_path": "/gitlab-org/gitlab-runner/commit/8083eb0a920572214d0dccedd7981f05d535ad46"
-  },
-  "triggered_by": {
-    "id": 34993051,
-    "user": {
-      "id": 376774,
-      "name": "Alessio Caiazza",
-      "username": "nolith",
-      "state": "active",
-      "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/376774/avatar.png",
-      "web_url": "https://gitlab.com/nolith",
-      "status_tooltip_html": null,
-      "path": "/nolith"
-    },
-    "active": false,
-    "coverage": null,
-    "source": "pipeline",
-    "path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-    "details": {
-      "status": {
-        "icon": "status_failed",
-        "text": "failed",
-        "label": "failed",
-        "group": "failed",
-        "tooltip": "failed",
-        "has_details": true,
-        "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-        "illustration": null,
-        "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-      }
-    },
-    "project": {
-      "id": 1794617,
-      "name": "GitLab Docs",
-      "full_path": "/gitlab-com/gitlab-docs",
-      "full_name": "GitLab.com / GitLab Docs"
-    }
-  },
-  "triggered": []
-}
diff --git a/spec/javascripts/pipelines/stores/pipeline_with_triggered_triggered_by.json b/spec/javascripts/pipelines/stores/pipeline_with_triggered_triggered_by.json
deleted file mode 100644
index 2402cbae6c8..00000000000
--- a/spec/javascripts/pipelines/stores/pipeline_with_triggered_triggered_by.json
+++ /dev/null
@@ -1,452 +0,0 @@
-{
-  "id": 23211253,
-  "user": {
-    "id": 3585,
-    "name": "Achilleas Pipinellis",
-    "username": "axil",
-    "state": "active",
-    "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/3585/avatar.png",
-    "web_url": "https://gitlab.com/axil",
-    "status_tooltip_html": "\u003cspan class=\"user-status-emoji has-tooltip\" title=\"\" data-html=\"true\" data-placement=\"top\"\u003e\u003cgl-emoji title=\"trumpet\" data-name=\"trumpet\" data-unicode-version=\"6.0\"\u003e🎺\u003c/gl-emoji\u003e\u003c/span\u003e",
-    "path": "/axil"
-  },
-  "active": false,
-  "coverage": null,
-  "source": "push",
-  "created_at": "2018-06-05T11:31:30.452Z",
-  "updated_at": "2018-10-31T16:35:31.305Z",
-  "path": "/gitlab-org/gitlab-runner/pipelines/23211253",
-  "flags": {
-    "latest": false,
-    "stuck": false,
-    "auto_devops": false,
-    "yaml_errors": false,
-    "retryable": false,
-    "cancelable": false,
-    "failure_reason": false
-  },
-  "details": {
-    "status": {
-      "icon": "status_success",
-      "text": "passed",
-      "label": "passed",
-      "group": "success",
-      "tooltip": "passed",
-      "has_details": true,
-      "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253",
-      "illustration": null,
-      "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-    },
-    "duration": 53,
-    "finished_at": "2018-10-31T16:35:31.299Z",
-    "stages": [
-      {
-        "name": "prebuild",
-        "title": "prebuild: passed",
-        "groups": [
-          {
-            "name": "review-docs-deploy",
-            "size": 1,
-            "status": {
-              "icon": "status_success",
-              "text": "passed",
-              "label": "manual play action",
-              "group": "success",
-              "tooltip": "passed",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                "size": "svg-394",
-                "title": "This job requires a manual action",
-                "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-              "action": {
-                "icon": "play",
-                "title": "Play",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                "method": "post",
-                "button_title": "Trigger this manual action"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469032,
-                "name": "review-docs-deploy",
-                "started": "2018-10-31T16:34:58.778Z",
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-                "retry_path": "/gitlab-org/gitlab-runner/-/jobs/72469032/retry",
-                "play_path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                "playable": true,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.495Z",
-                "updated_at": "2018-10-31T16:35:31.251Z",
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "manual play action",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469032",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                  "action": {
-                    "icon": "play",
-                    "title": "Play",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-                    "method": "post",
-                    "button_title": "Trigger this manual action"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_success",
-          "text": "passed",
-          "label": "passed",
-          "group": "success",
-          "tooltip": "passed",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#prebuild",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#prebuild",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=prebuild"
-      },
-      {
-        "name": "test",
-        "title": "test: passed",
-        "groups": [
-          {
-            "name": "docs check links",
-            "size": 1,
-            "status": {
-              "icon": "status_success",
-              "text": "passed",
-              "label": "passed",
-              "group": "success",
-              "tooltip": "passed",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                "size": "svg-430",
-                "title": "This job does not have a trace."
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-              "action": {
-                "icon": "retry",
-                "title": "Retry",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                "method": "post",
-                "button_title": "Retry this job"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469033,
-                "name": "docs check links",
-                "started": "2018-06-05T11:31:33.240Z",
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-                "retry_path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                "playable": false,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.627Z",
-                "updated_at": "2018-06-05T11:31:54.363Z",
-                "status": {
-                  "icon": "status_success",
-                  "text": "passed",
-                  "label": "passed",
-                  "group": "success",
-                  "tooltip": "passed",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469033",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/skipped-job_empty-8b877955fbf175e42ae65b6cb95346e15282c6fc5b682756c329af3a0055225e.svg",
-                    "size": "svg-430",
-                    "title": "This job does not have a trace."
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png",
-                  "action": {
-                    "icon": "retry",
-                    "title": "Retry",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469033/retry",
-                    "method": "post",
-                    "button_title": "Retry this job"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_success",
-          "text": "passed",
-          "label": "passed",
-          "group": "success",
-          "tooltip": "passed",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#test",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#test",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=test"
-      },
-      {
-        "name": "cleanup",
-        "title": "cleanup: skipped",
-        "groups": [
-          {
-            "name": "review-docs-cleanup",
-            "size": 1,
-            "status": {
-              "icon": "status_manual",
-              "text": "manual",
-              "label": "manual stop action",
-              "group": "manual",
-              "tooltip": "manual action",
-              "has_details": true,
-              "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-              "illustration": {
-                "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                "size": "svg-394",
-                "title": "This job requires a manual action",
-                "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-              },
-              "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-              "action": {
-                "icon": "stop",
-                "title": "Stop",
-                "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                "method": "post",
-                "button_title": "Stop this environment"
-              }
-            },
-            "jobs": [
-              {
-                "id": 72469034,
-                "name": "review-docs-cleanup",
-                "started": null,
-                "archived": false,
-                "build_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-                "play_path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                "playable": true,
-                "scheduled": false,
-                "created_at": "2018-06-05T11:31:30.760Z",
-                "updated_at": "2018-06-05T11:31:56.037Z",
-                "status": {
-                  "icon": "status_manual",
-                  "text": "manual",
-                  "label": "manual stop action",
-                  "group": "manual",
-                  "tooltip": "manual action",
-                  "has_details": true,
-                  "details_path": "/gitlab-org/gitlab-runner/-/jobs/72469034",
-                  "illustration": {
-                    "image": "https://assets.gitlab-static.net/assets/illustrations/manual_action-2b4ca0d1bcfd92aebf33d484e36cbf7a102d007f76b5a0cfea636033a629d601.svg",
-                    "size": "svg-394",
-                    "title": "This job requires a manual action",
-                    "content": "This job depends on a user to trigger its process. Often they are used to deploy code to production environments"
-                  },
-                  "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_manual-829a0804612cef47d9efc1618dba38325483657c847dba0546c3b9f0295bb36c.png",
-                  "action": {
-                    "icon": "stop",
-                    "title": "Stop",
-                    "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-                    "method": "post",
-                    "button_title": "Stop this environment"
-                  }
-                }
-              }
-            ]
-          }
-        ],
-        "status": {
-          "icon": "status_skipped",
-          "text": "skipped",
-          "label": "skipped",
-          "group": "skipped",
-          "tooltip": "skipped",
-          "has_details": true,
-          "details_path": "/gitlab-org/gitlab-runner/pipelines/23211253#cleanup",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png"
-        },
-        "path": "/gitlab-org/gitlab-runner/pipelines/23211253#cleanup",
-        "dropdown_path": "/gitlab-org/gitlab-runner/pipelines/23211253/stage.json?stage=cleanup"
-      }
-    ],
-    "artifacts": [],
-    "manual_actions": [
-      {
-        "name": "review-docs-cleanup",
-        "path": "/gitlab-org/gitlab-runner/-/jobs/72469034/play",
-        "playable": true,
-        "scheduled": false
-      },
-      {
-        "name": "review-docs-deploy",
-        "path": "/gitlab-org/gitlab-runner/-/jobs/72469032/play",
-        "playable": true,
-        "scheduled": false
-      }
-    ],
-    "scheduled_actions": []
-  },
-  "ref": {
-    "name": "docs/add-development-guide-to-readme",
-    "path": "/gitlab-org/gitlab-runner/commits/docs/add-development-guide-to-readme",
-    "tag": false,
-    "branch": true
-  },
-  "commit": {
-    "id": "8083eb0a920572214d0dccedd7981f05d535ad46",
-    "short_id": "8083eb0a",
-    "title": "Add link to development guide in readme",
-    "created_at": "2018-06-05T11:30:48.000Z",
-    "parent_ids": ["1d7cf79b5a1a2121b9474ac20d61c1b8f621289d"],
-    "message": "Add link to development guide in readme\n\nCloses https://gitlab.com/gitlab-org/gitlab-runner/issues/3122\n",
-    "author_name": "Achilleas Pipinellis",
-    "author_email": "axil@gitlab.com",
-    "authored_date": "2018-06-05T11:30:48.000Z",
-    "committer_name": "Achilleas Pipinellis",
-    "committer_email": "axil@gitlab.com",
-    "committed_date": "2018-06-05T11:30:48.000Z",
-    "author": {
-      "id": 3585,
-      "name": "Achilleas Pipinellis",
-      "username": "axil",
-      "state": "active",
-      "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/3585/avatar.png",
-      "web_url": "https://gitlab.com/axil",
-      "status_tooltip_html": null,
-      "path": "/axil"
-    },
-    "author_gravatar_url": "https://secure.gravatar.com/avatar/1d37af00eec153a8333a4ce18e9aea41?s=80\u0026d=identicon",
-    "commit_url": "https://gitlab.com/gitlab-org/gitlab-runner/commit/8083eb0a920572214d0dccedd7981f05d535ad46",
-    "commit_path": "/gitlab-org/gitlab-runner/commit/8083eb0a920572214d0dccedd7981f05d535ad46"
-  },
-  "triggered_by": {
-    "id": 34993051,
-    "user": {
-      "id": 376774,
-      "name": "Alessio Caiazza",
-      "username": "nolith",
-      "state": "active",
-      "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/376774/avatar.png",
-      "web_url": "https://gitlab.com/nolith",
-      "status_tooltip_html": null,
-      "path": "/nolith"
-    },
-    "active": false,
-    "coverage": null,
-    "source": "pipeline",
-    "path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-    "details": {
-      "status": {
-        "icon": "status_failed",
-        "text": "failed",
-        "label": "failed",
-        "group": "failed",
-        "tooltip": "failed",
-        "has_details": true,
-        "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-        "illustration": null,
-        "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-      }
-    },
-    "project": {
-      "id": 1794617,
-      "name": "GitLab Docs",
-      "full_path": "/gitlab-com/gitlab-docs",
-      "full_name": "GitLab.com / GitLab Docs"
-    }
-  },
-  "triggered": [
-    {
-      "id": 349233051,
-      "user": {
-        "id": 376774,
-        "name": "Alessio Caiazza",
-        "username": "nolith",
-        "state": "active",
-        "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/376774/avatar.png",
-        "web_url": "https://gitlab.com/nolith",
-        "status_tooltip_html": null,
-        "path": "/nolith"
-      },
-      "active": false,
-      "coverage": null,
-      "source": "pipeline",
-      "path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-      "details": {
-        "status": {
-          "icon": "status_failed",
-          "text": "failed",
-          "label": "failed",
-          "group": "failed",
-          "tooltip": "failed",
-          "has_details": true,
-          "details_path": "/gitlab-com/gitlab-docs/pipelines/349233051",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-        }
-      },
-      "project": {
-        "id": 1794617,
-        "name": "GitLab Docs",
-        "full_path": "/gitlab-com/gitlab-docs",
-        "full_name": "GitLab.com / GitLab Docs"
-      }
-    },
-    {
-      "id": 34993023,
-      "user": {
-        "id": 376774,
-        "name": "Alessio Caiazza",
-        "username": "nolith",
-        "state": "active",
-        "avatar_url": "https://assets.gitlab-static.net/uploads/-/system/user/avatar/376774/avatar.png",
-        "web_url": "https://gitlab.com/nolith",
-        "status_tooltip_html": null,
-        "path": "/nolith"
-      },
-      "active": false,
-      "coverage": null,
-      "source": "pipeline",
-      "path": "/gitlab-com/gitlab-docs/pipelines/34993023",
-      "details": {
-        "status": {
-          "icon": "status_failed",
-          "text": "failed",
-          "label": "failed",
-          "group": "failed",
-          "tooltip": "failed",
-          "has_details": true,
-          "details_path": "/gitlab-com/gitlab-docs/pipelines/34993051",
-          "illustration": null,
-          "favicon": "https://gitlab.com/assets/ci_favicons/favicon_status_failed-41304d7f7e3828808b0c26771f0309e55296819a9beea3ea9fbf6689d9857c12.png"
-        }
-      },
-      "project": {
-        "id": 1794617,
-        "name": "GitLab Docs",
-        "full_path": "/gitlab-com/gitlab-docs",
-        "full_name": "GitLab.com / GitLab Docs"
-      }
-    }
-  ]
-}
diff --git a/spec/javascripts/pipelines/time_ago_spec.js b/spec/javascripts/pipelines/time_ago_spec.js
deleted file mode 100644
index 42b34c82f89..00000000000
--- a/spec/javascripts/pipelines/time_ago_spec.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import Vue from 'vue';
-import timeAgo from '~/pipelines/components/time_ago.vue';
-
-describe('Timeago component', () => {
-  let TimeAgo;
-  beforeEach(() => {
-    TimeAgo = Vue.extend(timeAgo);
-  });
-
-  describe('with duration', () => {
-    it('should render duration and timer svg', () => {
-      const component = new TimeAgo({
-        propsData: {
-          duration: 10,
-          finishedTime: '',
-        },
-      }).$mount();
-
-      expect(component.$el.querySelector('.duration')).toBeDefined();
-      expect(component.$el.querySelector('.duration svg')).toBeDefined();
-    });
-  });
-
-  describe('without duration', () => {
-    it('should not render duration and timer svg', () => {
-      const component = new TimeAgo({
-        propsData: {
-          duration: 0,
-          finishedTime: '',
-        },
-      }).$mount();
-
-      expect(component.$el.querySelector('.duration')).toBe(null);
-    });
-  });
-
-  describe('with finishedTime', () => {
-    it('should render time and calendar icon', () => {
-      const component = new TimeAgo({
-        propsData: {
-          duration: 0,
-          finishedTime: '2017-04-26T12:40:23.277Z',
-        },
-      }).$mount();
-
-      expect(component.$el.querySelector('.finished-at')).toBeDefined();
-      expect(component.$el.querySelector('.finished-at i.fa-calendar')).toBeDefined();
-      expect(component.$el.querySelector('.finished-at time')).toBeDefined();
-    });
-  });
-
-  describe('without finishedTime', () => {
-    it('should not render time and calendar icon', () => {
-      const component = new TimeAgo({
-        propsData: {
-          duration: 0,
-          finishedTime: '',
-        },
-      }).$mount();
-
-      expect(component.$el.querySelector('.finished-at')).toBe(null);
-    });
-  });
-});
diff --git a/spec/javascripts/pipelines_spec.js b/spec/javascripts/pipelines_spec.js
deleted file mode 100644
index 6d4d634c575..00000000000
--- a/spec/javascripts/pipelines_spec.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import Pipelines from '~/pipelines';
-
-describe('Pipelines', () => {
-  preloadFixtures('static/pipeline_graph.html');
-
-  beforeEach(() => {
-    loadFixtures('static/pipeline_graph.html');
-  });
-
-  it('should be defined', () => {
-    expect(Pipelines).toBeDefined();
-  });
-
-  it('should create a `Pipelines` instance without options', () => {
-    expect(() => {
-      new Pipelines(); // eslint-disable-line no-new
-    }).not.toThrow();
-  });
-});
diff --git a/spec/javascripts/prometheus_metrics/mock_data.js b/spec/javascripts/prometheus_metrics/mock_data.js
deleted file mode 100644
index 3af56df92e2..00000000000
--- a/spec/javascripts/prometheus_metrics/mock_data.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export const metrics = [
-  {
-    group: 'Kubernetes',
-    priority: 1,
-    active_metrics: 4,
-    metrics_missing_requirements: 0,
-  },
-  {
-    group: 'HAProxy',
-    priority: 2,
-    active_metrics: 3,
-    metrics_missing_requirements: 0,
-  },
-  {
-    group: 'Apache',
-    priority: 3,
-    active_metrics: 5,
-    metrics_missing_requirements: 0,
-  },
-];
-
-export const missingVarMetrics = [
-  {
-    group: 'Kubernetes',
-    priority: 1,
-    active_metrics: 4,
-    metrics_missing_requirements: 0,
-  },
-  {
-    group: 'HAProxy',
-    priority: 2,
-    active_metrics: 3,
-    metrics_missing_requirements: 1,
-  },
-  {
-    group: 'Apache',
-    priority: 3,
-    active_metrics: 5,
-    metrics_missing_requirements: 3,
-  },
-];
diff --git a/spec/javascripts/prometheus_metrics/prometheus_metrics_spec.js b/spec/javascripts/prometheus_metrics/prometheus_metrics_spec.js
deleted file mode 100644
index dca3e1553b9..00000000000
--- a/spec/javascripts/prometheus_metrics/prometheus_metrics_spec.js
+++ /dev/null
@@ -1,178 +0,0 @@
-import MockAdapter from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import PrometheusMetrics from '~/prometheus_metrics/prometheus_metrics';
-import PANEL_STATE from '~/prometheus_metrics/constants';
-import { metrics, missingVarMetrics } from './mock_data';
-
-describe('PrometheusMetrics', () => {
-  const FIXTURE = 'services/prometheus/prometheus_service.html';
-  preloadFixtures(FIXTURE);
-
-  beforeEach(() => {
-    loadFixtures(FIXTURE);
-  });
-
-  describe('constructor', () => {
-    let prometheusMetrics;
-
-    beforeEach(() => {
-      prometheusMetrics = new PrometheusMetrics('.js-prometheus-metrics-monitoring');
-    });
-
-    it('should initialize wrapper element refs on class object', () => {
-      expect(prometheusMetrics.$wrapper).toBeDefined();
-      expect(prometheusMetrics.$monitoredMetricsPanel).toBeDefined();
-      expect(prometheusMetrics.$monitoredMetricsCount).toBeDefined();
-      expect(prometheusMetrics.$monitoredMetricsLoading).toBeDefined();
-      expect(prometheusMetrics.$monitoredMetricsEmpty).toBeDefined();
-      expect(prometheusMetrics.$monitoredMetricsList).toBeDefined();
-      expect(prometheusMetrics.$missingEnvVarPanel).toBeDefined();
-      expect(prometheusMetrics.$panelToggle).toBeDefined();
-      expect(prometheusMetrics.$missingEnvVarMetricCount).toBeDefined();
-      expect(prometheusMetrics.$missingEnvVarMetricsList).toBeDefined();
-    });
-
-    it('should initialize metadata on class object', () => {
-      expect(prometheusMetrics.backOffRequestCounter).toEqual(0);
-      expect(prometheusMetrics.activeMetricsEndpoint).toContain('/test');
-    });
-  });
-
-  describe('showMonitoringMetricsPanelState', () => {
-    let prometheusMetrics;
-
-    beforeEach(() => {
-      prometheusMetrics = new PrometheusMetrics('.js-prometheus-metrics-monitoring');
-    });
-
-    it('should show loading state when called with `loading`', () => {
-      prometheusMetrics.showMonitoringMetricsPanelState(PANEL_STATE.LOADING);
-
-      expect(prometheusMetrics.$monitoredMetricsLoading.hasClass('hidden')).toBeFalsy();
-      expect(prometheusMetrics.$monitoredMetricsEmpty.hasClass('hidden')).toBeTruthy();
-      expect(prometheusMetrics.$monitoredMetricsList.hasClass('hidden')).toBeTruthy();
-    });
-
-    it('should show metrics list when called with `list`', () => {
-      prometheusMetrics.showMonitoringMetricsPanelState(PANEL_STATE.LIST);
-
-      expect(prometheusMetrics.$monitoredMetricsLoading.hasClass('hidden')).toBeTruthy();
-      expect(prometheusMetrics.$monitoredMetricsEmpty.hasClass('hidden')).toBeTruthy();
-      expect(prometheusMetrics.$monitoredMetricsList.hasClass('hidden')).toBeFalsy();
-    });
-
-    it('should show empty state when called with `empty`', () => {
-      prometheusMetrics.showMonitoringMetricsPanelState(PANEL_STATE.EMPTY);
-
-      expect(prometheusMetrics.$monitoredMetricsLoading.hasClass('hidden')).toBeTruthy();
-      expect(prometheusMetrics.$monitoredMetricsEmpty.hasClass('hidden')).toBeFalsy();
-      expect(prometheusMetrics.$monitoredMetricsList.hasClass('hidden')).toBeTruthy();
-    });
-  });
-
-  describe('populateActiveMetrics', () => {
-    let prometheusMetrics;
-
-    beforeEach(() => {
-      prometheusMetrics = new PrometheusMetrics('.js-prometheus-metrics-monitoring');
-    });
-
-    it('should show monitored metrics list', () => {
-      prometheusMetrics.populateActiveMetrics(metrics);
-
-      const $metricsListLi = prometheusMetrics.$monitoredMetricsList.find('li');
-
-      expect(prometheusMetrics.$monitoredMetricsLoading.hasClass('hidden')).toBeTruthy();
-      expect(prometheusMetrics.$monitoredMetricsList.hasClass('hidden')).toBeFalsy();
-
-      expect(prometheusMetrics.$monitoredMetricsCount.text()).toEqual(
-        '3 exporters with 12 metrics were found',
-      );
-
-      expect($metricsListLi.length).toEqual(metrics.length);
-      expect(
-        $metricsListLi
-          .first()
-          .find('.badge')
-          .text(),
-      ).toEqual(`${metrics[0].active_metrics}`);
-    });
-
-    it('should show missing environment variables list', () => {
-      prometheusMetrics.populateActiveMetrics(missingVarMetrics);
-
-      expect(prometheusMetrics.$monitoredMetricsLoading.hasClass('hidden')).toBeTruthy();
-      expect(prometheusMetrics.$missingEnvVarPanel.hasClass('hidden')).toBeFalsy();
-
-      expect(prometheusMetrics.$missingEnvVarMetricCount.text()).toEqual('2');
-      expect(prometheusMetrics.$missingEnvVarPanel.find('li').length).toEqual(2);
-      expect(prometheusMetrics.$missingEnvVarPanel.find('.flash-container')).toBeDefined();
-    });
-  });
-
-  describe('loadActiveMetrics', () => {
-    let prometheusMetrics;
-    let mock;
-
-    function mockSuccess() {
-      mock.onGet(prometheusMetrics.activeMetricsEndpoint).reply(200, {
-        data: metrics,
-        success: true,
-      });
-    }
-
-    function mockError() {
-      mock.onGet(prometheusMetrics.activeMetricsEndpoint).networkError();
-    }
-
-    beforeEach(() => {
-      spyOn(axios, 'get').and.callThrough();
-
-      prometheusMetrics = new PrometheusMetrics('.js-prometheus-metrics-monitoring');
-
-      mock = new MockAdapter(axios);
-    });
-
-    afterEach(() => {
-      mock.restore();
-    });
-
-    it('should show loader animation while response is being loaded and hide it when request is complete', done => {
-      mockSuccess();
-
-      prometheusMetrics.loadActiveMetrics();
-
-      expect(prometheusMetrics.$monitoredMetricsLoading.hasClass('hidden')).toBeFalsy();
-      expect(axios.get).toHaveBeenCalledWith(prometheusMetrics.activeMetricsEndpoint);
-
-      setTimeout(() => {
-        expect(prometheusMetrics.$monitoredMetricsLoading.hasClass('hidden')).toBeTruthy();
-        done();
-      });
-    });
-
-    it('should show empty state if response failed to load', done => {
-      mockError();
-
-      prometheusMetrics.loadActiveMetrics();
-
-      setTimeout(() => {
-        expect(prometheusMetrics.$monitoredMetricsLoading.hasClass('hidden')).toBeTruthy();
-        expect(prometheusMetrics.$monitoredMetricsEmpty.hasClass('hidden')).toBeFalsy();
-        done();
-      });
-    });
-
-    it('should populate metrics list once response is loaded', done => {
-      spyOn(prometheusMetrics, 'populateActiveMetrics');
-      mockSuccess();
-
-      prometheusMetrics.loadActiveMetrics();
-
-      setTimeout(() => {
-        expect(prometheusMetrics.populateActiveMetrics).toHaveBeenCalledWith(metrics);
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/related_merge_requests/components/related_merge_requests_spec.js b/spec/javascripts/related_merge_requests/components/related_merge_requests_spec.js
deleted file mode 100644
index d8bdf69dfee..00000000000
--- a/spec/javascripts/related_merge_requests/components/related_merge_requests_spec.js
+++ /dev/null
@@ -1,88 +0,0 @@
-import { mount, createLocalVue } from '@vue/test-utils';
-import MockAdapter from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import RelatedIssuableItem from '~/vue_shared/components/issue/related_issuable_item.vue';
-import RelatedMergeRequests from '~/related_merge_requests/components/related_merge_requests.vue';
-import createStore from '~/related_merge_requests/store/index';
-
-const FIXTURE_PATH = 'issues/related_merge_requests.json';
-const API_ENDPOINT = '/api/v4/projects/2/issues/33/related_merge_requests';
-const localVue = createLocalVue();
-
-describe('RelatedMergeRequests', () => {
-  let wrapper;
-  let mock;
-  let mockData;
-
-  beforeEach(done => {
-    loadFixtures(FIXTURE_PATH);
-    mockData = getJSONFixture(FIXTURE_PATH);
-    mock = new MockAdapter(axios);
-    mock.onGet(`${API_ENDPOINT}?per_page=100`).reply(200, mockData, { 'x-total': 2 });
-
-    wrapper = mount(localVue.extend(RelatedMergeRequests), {
-      localVue,
-      store: createStore(),
-      propsData: {
-        endpoint: API_ENDPOINT,
-        projectNamespace: 'gitlab-org',
-        projectPath: 'gitlab-ce',
-      },
-    });
-
-    setTimeout(done);
-  });
-
-  afterEach(() => {
-    wrapper.destroy();
-    mock.restore();
-  });
-
-  describe('methods', () => {
-    describe('getAssignees', () => {
-      const assignees = [{ name: 'foo' }, { name: 'bar' }];
-
-      describe('when there is assignees array', () => {
-        it('should return assignees array', () => {
-          const mr = { assignees };
-
-          expect(wrapper.vm.getAssignees(mr)).toEqual(assignees);
-        });
-      });
-
-      it('should return an array with single assingee', () => {
-        const mr = { assignee: assignees[0] };
-
-        expect(wrapper.vm.getAssignees(mr)).toEqual([assignees[0]]);
-      });
-
-      it('should return empty array when assignee is not set', () => {
-        expect(wrapper.vm.getAssignees({})).toEqual([]);
-        expect(wrapper.vm.getAssignees({ assignee: null })).toEqual([]);
-      });
-    });
-  });
-
-  describe('template', () => {
-    it('should render related merge request items', () => {
-      expect(wrapper.find('.js-items-count').text()).toEqual('2');
-      expect(wrapper.findAll(RelatedIssuableItem).length).toEqual(2);
-
-      const props = wrapper
-        .findAll(RelatedIssuableItem)
-        .at(1)
-        .props();
-      const data = mockData[1];
-
-      expect(props.idKey).toEqual(data.id);
-      expect(props.pathIdSeparator).toEqual('!');
-      expect(props.pipelineStatus).toBe(data.head_pipeline.detailed_status);
-      expect(props.assignees).toEqual([data.assignee]);
-      expect(props.isMergeRequest).toBe(true);
-      expect(props.confidential).toEqual(false);
-      expect(props.title).toEqual(data.title);
-      expect(props.state).toEqual(data.state);
-      expect(props.createdAt).toEqual(data.created_at);
-    });
-  });
-});
diff --git a/spec/javascripts/related_merge_requests/store/actions_spec.js b/spec/javascripts/related_merge_requests/store/actions_spec.js
deleted file mode 100644
index c4cd9f5f803..00000000000
--- a/spec/javascripts/related_merge_requests/store/actions_spec.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import MockAdapter from 'axios-mock-adapter';
-import testAction from 'spec/helpers/vuex_action_helper';
-import axios from '~/lib/utils/axios_utils';
-import * as types from '~/related_merge_requests/store/mutation_types';
-import actionsModule, * as actions from '~/related_merge_requests/store/actions';
-
-describe('RelatedMergeRequest store actions', () => {
-  let state;
-  let flashSpy;
-  let mock;
-
-  beforeEach(() => {
-    state = {
-      apiEndpoint: '/api/related_merge_requests',
-    };
-    flashSpy = spyOnDependency(actionsModule, 'createFlash');
-    mock = new MockAdapter(axios);
-  });
-
-  afterEach(() => {
-    mock.restore();
-  });
-
-  describe('setInitialState', () => {
-    it('commits types.SET_INITIAL_STATE with given props', done => {
-      const props = { a: 1, b: 2 };
-
-      testAction(
-        actions.setInitialState,
-        props,
-        {},
-        [{ type: types.SET_INITIAL_STATE, payload: props }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('requestData', () => {
-    it('commits types.REQUEST_DATA', done => {
-      testAction(actions.requestData, null, {}, [{ type: types.REQUEST_DATA }], [], done);
-    });
-  });
-
-  describe('receiveDataSuccess', () => {
-    it('commits types.RECEIVE_DATA_SUCCESS with data', done => {
-      const data = { a: 1, b: 2 };
-
-      testAction(
-        actions.receiveDataSuccess,
-        data,
-        {},
-        [{ type: types.RECEIVE_DATA_SUCCESS, payload: data }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('receiveDataError', () => {
-    it('commits types.RECEIVE_DATA_ERROR', done => {
-      testAction(
-        actions.receiveDataError,
-        null,
-        {},
-        [{ type: types.RECEIVE_DATA_ERROR }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('fetchMergeRequests', () => {
-    describe('for a successful request', () => {
-      it('should dispatch success action', done => {
-        const data = { a: 1 };
-        mock.onGet(`${state.apiEndpoint}?per_page=100`).replyOnce(200, data, { 'x-total': 2 });
-
-        testAction(
-          actions.fetchMergeRequests,
-          null,
-          state,
-          [],
-          [{ type: 'requestData' }, { type: 'receiveDataSuccess', payload: { data, total: 2 } }],
-          done,
-        );
-      });
-    });
-
-    describe('for a failing request', () => {
-      it('should dispatch error action', done => {
-        mock.onGet(`${state.apiEndpoint}?per_page=100`).replyOnce(400);
-
-        testAction(
-          actions.fetchMergeRequests,
-          null,
-          state,
-          [],
-          [{ type: 'requestData' }, { type: 'receiveDataError' }],
-          () => {
-            expect(flashSpy).toHaveBeenCalledTimes(1);
-            expect(flashSpy).toHaveBeenCalledWith(jasmine.stringMatching('Something went wrong'));
-
-            done();
-          },
-        );
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/related_merge_requests/store/mutations_spec.js b/spec/javascripts/related_merge_requests/store/mutations_spec.js
deleted file mode 100644
index 21b6e26376b..00000000000
--- a/spec/javascripts/related_merge_requests/store/mutations_spec.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import mutations from '~/related_merge_requests/store/mutations';
-import * as types from '~/related_merge_requests/store/mutation_types';
-
-describe('RelatedMergeRequests Store Mutations', () => {
-  describe('SET_INITIAL_STATE', () => {
-    it('should set initial state according to given data', () => {
-      const apiEndpoint = '/api';
-      const state = {};
-
-      mutations[types.SET_INITIAL_STATE](state, { apiEndpoint });
-
-      expect(state.apiEndpoint).toEqual(apiEndpoint);
-    });
-  });
-
-  describe('REQUEST_DATA', () => {
-    it('should set loading flag', () => {
-      const state = {};
-
-      mutations[types.REQUEST_DATA](state);
-
-      expect(state.isFetchingMergeRequests).toEqual(true);
-    });
-  });
-
-  describe('RECEIVE_DATA_SUCCESS', () => {
-    it('should set loading flag and data', () => {
-      const state = {};
-      const mrs = [1, 2, 3];
-
-      mutations[types.RECEIVE_DATA_SUCCESS](state, { data: mrs, total: mrs.length });
-
-      expect(state.isFetchingMergeRequests).toEqual(false);
-      expect(state.mergeRequests).toEqual(mrs);
-      expect(state.totalCount).toEqual(mrs.length);
-    });
-  });
-
-  describe('RECEIVE_DATA_ERROR', () => {
-    it('should set loading and error flags', () => {
-      const state = {};
-
-      mutations[types.RECEIVE_DATA_ERROR](state);
-
-      expect(state.isFetchingMergeRequests).toEqual(false);
-      expect(state.hasErrorFetchingMergeRequests).toEqual(true);
-    });
-  });
-});
diff --git a/spec/javascripts/reports/components/grouped_test_reports_app_spec.js b/spec/javascripts/reports/components/grouped_test_reports_app_spec.js
deleted file mode 100644
index bafc47c952a..00000000000
--- a/spec/javascripts/reports/components/grouped_test_reports_app_spec.js
+++ /dev/null
@@ -1,239 +0,0 @@
-import Vue from 'vue';
-import MockAdapter from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import state from '~/reports/store/state';
-import component from '~/reports/components/grouped_test_reports_app.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
-import newFailedTestReports from '../mock_data/new_failures_report.json';
-import newErrorsTestReports from '../mock_data/new_errors_report.json';
-import successTestReports from '../mock_data/no_failures_report.json';
-import mixedResultsTestReports from '../mock_data/new_and_fixed_failures_report.json';
-import resolvedFailures from '../mock_data/resolved_failures.json';
-
-describe('Grouped Test Reports App', () => {
-  let vm;
-  let mock;
-  const Component = Vue.extend(component);
-
-  beforeEach(() => {
-    mock = new MockAdapter(axios);
-  });
-
-  afterEach(() => {
-    vm.$store.replaceState(state());
-    vm.$destroy();
-    mock.restore();
-  });
-
-  describe('with success result', () => {
-    beforeEach(() => {
-      mock.onGet('test_results.json').reply(200, successTestReports, {});
-      vm = mountComponent(Component, {
-        endpoint: 'test_results.json',
-      });
-    });
-
-    it('renders success summary text', done => {
-      setTimeout(() => {
-        expect(vm.$el.querySelector('.gl-spinner')).toBeNull();
-        expect(vm.$el.querySelector('.js-code-text').textContent.trim()).toEqual(
-          'Test summary contained no changed test results out of 11 total tests',
-        );
-
-        expect(vm.$el.textContent).toContain(
-          'rspec:pg found no changed test results out of 8 total tests',
-        );
-
-        expect(vm.$el.textContent).toContain(
-          'java ant found no changed test results out of 3 total tests',
-        );
-        done();
-      }, 0);
-    });
-  });
-
-  describe('with 204 result', () => {
-    beforeEach(() => {
-      mock.onGet('test_results.json').reply(204, {}, {});
-      vm = mountComponent(Component, {
-        endpoint: 'test_results.json',
-      });
-    });
-
-    it('renders success summary text', done => {
-      setTimeout(() => {
-        expect(vm.$el.querySelector('.gl-spinner')).not.toBeNull();
-        expect(vm.$el.querySelector('.js-code-text').textContent.trim()).toEqual(
-          'Test summary results are being parsed',
-        );
-
-        done();
-      }, 0);
-    });
-  });
-
-  describe('with new failed result', () => {
-    beforeEach(() => {
-      mock.onGet('test_results.json').reply(200, newFailedTestReports, {});
-      vm = mountComponent(Component, {
-        endpoint: 'test_results.json',
-      });
-    });
-
-    it('renders failed summary text + new badge', done => {
-      setTimeout(() => {
-        expect(vm.$el.querySelector('.gl-spinner')).toBeNull();
-        expect(vm.$el.querySelector('.js-code-text').textContent.trim()).toEqual(
-          'Test summary contained 2 failed out of 11 total tests',
-        );
-
-        expect(vm.$el.textContent).toContain('rspec:pg found 2 failed out of 8 total tests');
-
-        expect(vm.$el.textContent).toContain('New');
-        expect(vm.$el.textContent).toContain(
-          'java ant found no changed test results out of 3 total tests',
-        );
-        done();
-      }, 0);
-    });
-  });
-
-  describe('with new error result', () => {
-    beforeEach(() => {
-      mock.onGet('test_results.json').reply(200, newErrorsTestReports, {});
-      vm = mountComponent(Component, {
-        endpoint: 'test_results.json',
-      });
-    });
-
-    it('renders error summary text + new badge', done => {
-      setTimeout(() => {
-        expect(vm.$el.querySelector('.gl-spinner')).toBeNull();
-        expect(vm.$el.querySelector('.js-code-text').textContent.trim()).toEqual(
-          'Test summary contained 2 errors out of 11 total tests',
-        );
-
-        expect(vm.$el.textContent).toContain('karma found 2 errors out of 3 total tests');
-
-        expect(vm.$el.textContent).toContain('New');
-        expect(vm.$el.textContent).toContain(
-          'rspec:pg found no changed test results out of 8 total tests',
-        );
-        done();
-      }, 0);
-    });
-  });
-
-  describe('with mixed results', () => {
-    beforeEach(() => {
-      mock.onGet('test_results.json').reply(200, mixedResultsTestReports, {});
-      vm = mountComponent(Component, {
-        endpoint: 'test_results.json',
-      });
-    });
-
-    it('renders summary text', done => {
-      setTimeout(() => {
-        expect(vm.$el.querySelector('.gl-spinner')).toBeNull();
-        expect(vm.$el.querySelector('.js-code-text').textContent.trim()).toEqual(
-          'Test summary contained 2 failed and 2 fixed test results out of 11 total tests',
-        );
-
-        expect(vm.$el.textContent).toContain(
-          'rspec:pg found 1 failed and 2 fixed test results out of 8 total tests',
-        );
-
-        expect(vm.$el.textContent).toContain('New');
-        expect(vm.$el.textContent).toContain(' java ant found 1 failed out of 3 total tests');
-        done();
-      }, 0);
-    });
-  });
-
-  describe('with resolved failures and resolved errors', () => {
-    beforeEach(() => {
-      mock.onGet('test_results.json').reply(200, resolvedFailures, {});
-      vm = mountComponent(Component, {
-        endpoint: 'test_results.json',
-      });
-    });
-
-    it('renders summary text', done => {
-      setTimeout(() => {
-        expect(vm.$el.querySelector('.gl-spinner')).toBeNull();
-        expect(vm.$el.querySelector('.js-code-text').textContent.trim()).toEqual(
-          'Test summary contained 4 fixed test results out of 11 total tests',
-        );
-
-        expect(vm.$el.textContent).toContain(
-          'rspec:pg found 4 fixed test results out of 8 total tests',
-        );
-        done();
-      }, 0);
-    });
-
-    it('renders resolved failures', done => {
-      setTimeout(() => {
-        expect(vm.$el.querySelector('.report-block-container').textContent).toContain(
-          resolvedFailures.suites[0].resolved_failures[0].name,
-        );
-
-        expect(vm.$el.querySelector('.report-block-container').textContent).toContain(
-          resolvedFailures.suites[0].resolved_failures[1].name,
-        );
-        done();
-      }, 0);
-    });
-
-    it('renders resolved errors', done => {
-      setTimeout(() => {
-        expect(vm.$el.querySelector('.report-block-container').textContent).toContain(
-          resolvedFailures.suites[0].resolved_errors[0].name,
-        );
-
-        expect(vm.$el.querySelector('.report-block-container').textContent).toContain(
-          resolvedFailures.suites[0].resolved_errors[1].name,
-        );
-        done();
-      }, 0);
-    });
-  });
-
-  describe('with error', () => {
-    beforeEach(() => {
-      mock.onGet('test_results.json').reply(500, {}, {});
-      vm = mountComponent(Component, {
-        endpoint: 'test_results.json',
-      });
-    });
-
-    it('renders loading summary text with loading icon', done => {
-      setTimeout(() => {
-        expect(vm.$el.querySelector('.js-code-text').textContent.trim()).toEqual(
-          'Test summary failed loading results',
-        );
-        done();
-      }, 0);
-    });
-  });
-
-  describe('while loading', () => {
-    beforeEach(() => {
-      mock.onGet('test_results.json').reply(200, {}, {});
-      vm = mountComponent(Component, {
-        endpoint: 'test_results.json',
-      });
-    });
-
-    it('renders loading summary text with loading icon', done => {
-      expect(vm.$el.querySelector('.gl-spinner')).not.toBeNull();
-      expect(vm.$el.querySelector('.js-code-text').textContent.trim()).toEqual(
-        'Test summary results are being parsed',
-      );
-
-      setTimeout(() => {
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/spec/javascripts/reports/components/modal_open_name_spec.js b/spec/javascripts/reports/components/modal_open_name_spec.js
deleted file mode 100644
index ae1fb2bf187..00000000000
--- a/spec/javascripts/reports/components/modal_open_name_spec.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
-import { mountComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
-import component from '~/reports/components/modal_open_name.vue';
-
-Vue.use(Vuex);
-
-describe('Modal open name', () => {
-  const Component = Vue.extend(component);
-  let vm;
-
-  const store = new Vuex.Store({
-    actions: {
-      openModal: () => {},
-    },
-    state: {},
-    mutations: {},
-  });
-
-  beforeEach(() => {
-    vm = mountComponentWithStore(Component, {
-      store,
-      props: {
-        issue: {
-          title: 'Issue',
-        },
-        status: 'failed',
-      },
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders the issue name', () => {
-    expect(vm.$el.textContent.trim()).toEqual('Issue');
-  });
-
-  it('calls openModal actions when button is clicked', () => {
-    spyOn(vm, 'openModal');
-
-    vm.$el.click();
-
-    expect(vm.openModal).toHaveBeenCalled();
-  });
-});
diff --git a/spec/javascripts/reports/components/modal_spec.js b/spec/javascripts/reports/components/modal_spec.js
deleted file mode 100644
index ff046e64b6e..00000000000
--- a/spec/javascripts/reports/components/modal_spec.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import Vue from 'vue';
-import component from '~/reports/components/modal.vue';
-import state from '~/reports/store/state';
-import mountComponent from '../../helpers/vue_mount_component_helper';
-import { trimText } from '../../helpers/text_helper';
-
-describe('Grouped Test Reports Modal', () => {
-  const Component = Vue.extend(component);
-  const modalDataStructure = state().modal.data;
-
-  // populate data
-  modalDataStructure.execution_time.value = 0.009411;
-  modalDataStructure.system_output.value = 'Failure/Error: is_expected.to eq(3)\n\n';
-  modalDataStructure.class.value = 'link';
-
-  let vm;
-
-  beforeEach(() => {
-    vm = mountComponent(Component, {
-      title: 'Test#sum when a is 1 and b is 2 returns summary',
-      modalData: modalDataStructure,
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders code block', () => {
-    expect(vm.$el.querySelector('code').textContent).toEqual(
-      modalDataStructure.system_output.value,
-    );
-  });
-
-  it('renders link', () => {
-    expect(vm.$el.querySelector('.js-modal-link').getAttribute('href')).toEqual(
-      modalDataStructure.class.value,
-    );
-
-    expect(trimText(vm.$el.querySelector('.js-modal-link').textContent)).toEqual(
-      modalDataStructure.class.value,
-    );
-  });
-
-  it('renders seconds', () => {
-    expect(vm.$el.textContent).toContain(`${modalDataStructure.execution_time.value} s`);
-  });
-
-  it('render title', () => {
-    expect(trimText(vm.$el.querySelector('.modal-title').textContent)).toEqual(
-      'Test#sum when a is 1 and b is 2 returns summary',
-    );
-  });
-});
diff --git a/spec/javascripts/reports/components/summary_row_spec.js b/spec/javascripts/reports/components/summary_row_spec.js
deleted file mode 100644
index a19fbad403c..00000000000
--- a/spec/javascripts/reports/components/summary_row_spec.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import component from '~/reports/components/summary_row.vue';
-
-describe('Summary row', () => {
-  const Component = Vue.extend(component);
-  let vm;
-
-  const props = {
-    summary: 'SAST detected 1 new vulnerability and 1 fixed vulnerability',
-    popoverOptions: {
-      title: 'Static Application Security Testing (SAST)',
-      content: '<a>Learn more about SAST</a>',
-    },
-    statusIcon: 'warning',
-  };
-
-  beforeEach(() => {
-    vm = mountComponent(Component, props);
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders provided summary', () => {
-    expect(
-      vm.$el.querySelector('.report-block-list-issue-description-text').textContent.trim(),
-    ).toEqual(props.summary);
-  });
-
-  it('renders provided icon', () => {
-    expect(vm.$el.querySelector('.report-block-list-icon span').classList).toContain(
-      'js-ci-status-icon-warning',
-    );
-  });
-});
diff --git a/spec/javascripts/reports/components/test_issue_body_spec.js b/spec/javascripts/reports/components/test_issue_body_spec.js
deleted file mode 100644
index 9c1cec4c9bc..00000000000
--- a/spec/javascripts/reports/components/test_issue_body_spec.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import Vue from 'vue';
-import component from '~/reports/components/test_issue_body.vue';
-import createStore from '~/reports/store';
-import { mountComponentWithStore } from '../../helpers/vue_mount_component_helper';
-import { trimText } from '../../helpers/text_helper';
-import { issue } from '../mock_data/mock_data';
-
-describe('Test Issue body', () => {
-  let vm;
-  const Component = Vue.extend(component);
-  const store = createStore();
-
-  const commonProps = {
-    issue,
-    status: 'failed',
-  };
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('on click', () => {
-    it('calls openModal action', () => {
-      vm = mountComponentWithStore(Component, {
-        store,
-        props: commonProps,
-      });
-
-      spyOn(vm, 'openModal');
-
-      vm.$el.querySelector('button').click();
-
-      expect(vm.openModal).toHaveBeenCalledWith({
-        issue: commonProps.issue,
-      });
-    });
-  });
-
-  describe('is new', () => {
-    beforeEach(() => {
-      vm = mountComponentWithStore(Component, {
-        store,
-        props: Object.assign({}, commonProps, { isNew: true }),
-      });
-    });
-
-    it('renders issue name', () => {
-      expect(vm.$el.textContent).toContain(commonProps.issue.name);
-    });
-
-    it('renders new badge', () => {
-      expect(trimText(vm.$el.querySelector('.badge').textContent)).toEqual('New');
-    });
-  });
-
-  describe('not new', () => {
-    beforeEach(() => {
-      vm = mountComponentWithStore(Component, {
-        store,
-        props: commonProps,
-      });
-    });
-
-    it('renders issue name', () => {
-      expect(vm.$el.textContent).toContain(commonProps.issue.name);
-    });
-
-    it('does not renders new badge', () => {
-      expect(vm.$el.querySelector('.badge')).toEqual(null);
-    });
-  });
-});
diff --git a/spec/javascripts/reports/mock_data/mock_data.js b/spec/javascripts/reports/mock_data/mock_data.js
deleted file mode 100644
index 0d90253bad2..00000000000
--- a/spec/javascripts/reports/mock_data/mock_data.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// eslint-disable-next-line import/prefer-default-export
-export const issue = {
-  result: 'failure',
-  name: 'Test#sum when a is 1 and b is 2 returns summary',
-  execution_time: 0.009411,
-  system_output:
-    "Failure/Error: is_expected.to eq(3)\n\n  expected: 3\n       got: -1\n\n  (compared using ==)\n./spec/test_spec.rb:12:in `block (4 levels) in \u003ctop (required)\u003e'",
-};
diff --git a/spec/javascripts/reports/mock_data/new_and_fixed_failures_report.json b/spec/javascripts/reports/mock_data/new_and_fixed_failures_report.json
deleted file mode 100644
index 6141e5433a6..00000000000
--- a/spec/javascripts/reports/mock_data/new_and_fixed_failures_report.json
+++ /dev/null
@@ -1,55 +0,0 @@
-{
-  "status": "failed",
-  "summary": { "total": 11, "resolved": 2, "errored": 0, "failed": 2 },
-  "suites": [
-    {
-      "name": "rspec:pg",
-      "status": "failed",
-      "summary": { "total": 8, "resolved": 2, "errored": 0, "failed": 1 },
-      "new_failures": [
-        {
-          "status": "failed",
-          "name": "Test#subtract when a is 2 and b is 1 returns correct result",
-          "execution_time": 0.00908,
-          "system_output": "Failure/Error: is_expected.to eq(1)\n\n  expected: 1\n       got: 3\n\n  (compared using ==)\n./spec/test_spec.rb:43:in `block (4 levels) in <top (required)>'"
-        }
-      ],
-      "resolved_failures": [
-        {
-          "status": "success",
-          "name": "Test#sum when a is 1 and b is 2 returns summary",
-          "execution_time": 0.000318,
-          "system_output": null
-        },
-        {
-          "status": "success",
-          "name": "Test#sum when a is 100 and b is 200 returns summary",
-          "execution_time": 0.000074,
-          "system_output": null
-        }
-      ],
-      "existing_failures": [],
-      "new_errors": [],
-      "resolved_errors": [],
-      "existing_errors": []
-    },
-    {
-      "name": "java ant",
-      "status": "failed",
-      "summary": { "total": 3, "resolved": 0, "errored": 0, "failed": 1 },
-      "new_failures": [],
-      "resolved_failures": [],
-      "existing_failures": [
-        {
-          "status": "failed",
-          "name": "sumTest",
-          "execution_time": 0.004,
-          "system_output": "junit.framework.AssertionFailedError: expected:<3> but was:<-1>\n\tat CalculatorTest.sumTest(Unknown Source)\n\tat java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method)\n\tat java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)\n\tat java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)\n"
-        }
-      ],
-      "new_errors": [],
-      "resolved_errors": [],
-      "existing_errors": []
-    }
-  ]
-}
diff --git a/spec/javascripts/reports/mock_data/new_errors_report.json b/spec/javascripts/reports/mock_data/new_errors_report.json
deleted file mode 100644
index cebf98fdb63..00000000000
--- a/spec/javascripts/reports/mock_data/new_errors_report.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "summary": { "total": 11, "resolved": 0, "errored": 2, "failed": 0 },
-  "suites": [
-    {
-      "name": "rspec:pg",
-      "summary": { "total": 8, "resolved": 0, "errored": 0, "failed": 0 },
-      "new_failures": [],
-      "resolved_failures": [],
-      "existing_failures": [],
-      "new_errors": [],
-      "resolved_errors": [],
-      "existing_errors": []
-    },
-    {
-      "name": "karma",
-      "summary": { "total": 3, "resolved": 0, "errored": 2, "failed": 0 },
-      "new_failures": [],
-      "resolved_failures": [],
-      "existing_failures": [],
-      "new_errors": [
-        {
-          "result": "error",
-          "name": "Test#sum when a is 1 and b is 2 returns summary",
-          "execution_time": 0.009411,
-          "system_output": "Failed: Error in render: 'TypeError: Cannot read property 'status' of undefined'"
-        },
-        {
-          "result": "error",
-          "name": "Test#sum when a is 100 and b is 200 returns summary",
-          "execution_time": 0.000162,
-          "system_output": "Failed: Error in render: 'TypeError: Cannot read property 'length' of undefined'"
-        }
-      ],
-      "resolved_errors": [],
-      "existing_errors": []
-    }
-  ]
-}
diff --git a/spec/javascripts/reports/mock_data/new_failures_report.json b/spec/javascripts/reports/mock_data/new_failures_report.json
deleted file mode 100644
index 8b9c12c6271..00000000000
--- a/spec/javascripts/reports/mock_data/new_failures_report.json
+++ /dev/null
@@ -1,38 +0,0 @@
-{
-  "summary": { "total": 11, "resolved": 0, "errored": 0, "failed": 2 },
-  "suites": [
-    {
-      "name": "rspec:pg",
-      "summary": { "total": 8, "resolved": 0, "errored": 0, "failed": 2 },
-      "new_failures": [
-        {
-          "result": "failure",
-          "name": "Test#sum when a is 1 and b is 2 returns summary",
-          "execution_time": 0.009411,
-          "system_output": "Failure/Error: is_expected.to eq(3)\n\n  expected: 3\n       got: -1\n\n  (compared using ==)\n./spec/test_spec.rb:12:in `block (4 levels) in <top (required)>'"
-        },
-        {
-          "result": "failure",
-          "name": "Test#sum when a is 100 and b is 200 returns summary",
-          "execution_time": 0.000162,
-          "system_output": "Failure/Error: is_expected.to eq(300)\n\n  expected: 300\n       got: -100\n\n  (compared using ==)\n./spec/test_spec.rb:21:in `block (4 levels) in <top (required)>'"
-        }
-      ],
-      "resolved_failures": [],
-      "existing_failures": [],
-      "new_errors": [],
-      "resolved_errors": [],
-      "existing_errors": []
-    },
-    {
-      "name": "java ant",
-      "summary": { "total": 3, "resolved": 0, "errored": 0, "failed": 0 },
-      "new_failures": [],
-      "resolved_failures": [],
-      "existing_failures": [],
-      "new_errors": [],
-      "resolved_errors": [],
-      "existing_errors": []
-    }
-  ]
-}
diff --git a/spec/javascripts/reports/mock_data/no_failures_report.json b/spec/javascripts/reports/mock_data/no_failures_report.json
deleted file mode 100644
index 7da9e0c6211..00000000000
--- a/spec/javascripts/reports/mock_data/no_failures_report.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
-  "status": "success",
-  "summary": { "total": 11, "resolved": 0, "errored": 0, "failed": 0 },
-  "suites": [
-    {
-      "name": "rspec:pg",
-      "status": "success",
-      "summary": { "total": 8, "resolved": 0, "errored": 0, "failed": 0 },
-      "new_failures": [],
-      "resolved_failures": [],
-      "existing_failures": [],
-      "new_errors": [],
-      "resolved_errors": [],
-      "existing_errors": []
-    },
-    {
-      "name": "java ant",
-      "status": "success",
-      "summary": { "total": 3, "resolved": 0, "errored": 0, "failed": 0 },
-      "new_failures": [],
-      "resolved_failures": [],
-      "existing_failures": [],
-      "new_errors": [],
-      "resolved_errors": [],
-      "existing_errors": []
-    }
-  ]
-}
diff --git a/spec/javascripts/reports/mock_data/resolved_failures.json b/spec/javascripts/reports/mock_data/resolved_failures.json
deleted file mode 100644
index 49de6aa840b..00000000000
--- a/spec/javascripts/reports/mock_data/resolved_failures.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "status": "success",
-  "summary": { "total": 11, "resolved": 4, "errored": 0, "failed": 0 },
-  "suites": [
-    {
-      "name": "rspec:pg",
-      "status": "success",
-      "summary": { "total": 8, "resolved": 4, "errored": 0, "failed": 0 },
-      "new_failures": [],
-      "resolved_failures": [
-        {
-          "status": "success",
-          "name": "Test#sum when a is 1 and b is 2 returns summary",
-          "execution_time": 0.000411,
-          "system_output": null,
-          "stack_trace": null
-        },
-        {
-          "status": "success",
-          "name": "Test#sum when a is 100 and b is 200 returns summary",
-          "execution_time": 7.6e-5,
-          "system_output": null,
-          "stack_trace": null
-        }
-      ],
-      "existing_failures": [],
-      "new_errors": [],
-      "resolved_errors": [
-        {
-          "status": "success",
-          "name": "Test#sum when a is 4 and b is 4 returns summary",
-          "execution_time": 0.00342,
-          "system_output": null,
-          "stack_trace": null
-        },
-        {
-          "status": "success",
-          "name": "Test#sum when a is 40 and b is 400 returns summary",
-          "execution_time": 0.0000231,
-          "system_output": null,
-          "stack_trace": null
-        }
-      ],
-      "existing_errors": []
-    },
-    {
-      "name": "java ant",
-      "status": "success",
-      "summary": { "total": 3, "resolved": 0, "errored": 0, "failed": 0 },
-      "new_failures": [],
-      "resolved_failures": [],
-      "existing_failures": [],
-      "new_errors": [],
-      "resolved_errors": [],
-      "existing_errors": []
-    }
-  ]
-}
diff --git a/spec/javascripts/reports/store/actions_spec.js b/spec/javascripts/reports/store/actions_spec.js
deleted file mode 100644
index 18fdb179597..00000000000
--- a/spec/javascripts/reports/store/actions_spec.js
+++ /dev/null
@@ -1,171 +0,0 @@
-import MockAdapter from 'axios-mock-adapter';
-import testAction from 'spec/helpers/vuex_action_helper';
-import { TEST_HOST } from 'spec/test_constants';
-import axios from '~/lib/utils/axios_utils';
-import {
-  setEndpoint,
-  requestReports,
-  fetchReports,
-  stopPolling,
-  clearEtagPoll,
-  receiveReportsSuccess,
-  receiveReportsError,
-  openModal,
-  setModalData,
-} from '~/reports/store/actions';
-import state from '~/reports/store/state';
-import * as types from '~/reports/store/mutation_types';
-
-describe('Reports Store Actions', () => {
-  let mockedState;
-
-  beforeEach(() => {
-    mockedState = state();
-  });
-
-  describe('setEndpoint', () => {
-    it('should commit SET_ENDPOINT mutation', done => {
-      testAction(
-        setEndpoint,
-        'endpoint.json',
-        mockedState,
-        [{ type: types.SET_ENDPOINT, payload: 'endpoint.json' }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('requestReports', () => {
-    it('should commit REQUEST_REPORTS mutation', done => {
-      testAction(requestReports, null, mockedState, [{ type: types.REQUEST_REPORTS }], [], done);
-    });
-  });
-
-  describe('fetchReports', () => {
-    let mock;
-
-    beforeEach(() => {
-      mockedState.endpoint = `${TEST_HOST}/endpoint.json`;
-      mock = new MockAdapter(axios);
-    });
-
-    afterEach(() => {
-      mock.restore();
-      stopPolling();
-      clearEtagPoll();
-    });
-
-    describe('success', () => {
-      it('dispatches requestReports and receiveReportsSuccess ', done => {
-        mock
-          .onGet(`${TEST_HOST}/endpoint.json`)
-          .replyOnce(200, { summary: {}, suites: [{ name: 'rspec' }] });
-
-        testAction(
-          fetchReports,
-          null,
-          mockedState,
-          [],
-          [
-            {
-              type: 'requestReports',
-            },
-            {
-              payload: { data: { summary: {}, suites: [{ name: 'rspec' }] }, status: 200 },
-              type: 'receiveReportsSuccess',
-            },
-          ],
-          done,
-        );
-      });
-    });
-
-    describe('error', () => {
-      beforeEach(() => {
-        mock.onGet(`${TEST_HOST}/endpoint.json`).reply(500);
-      });
-
-      it('dispatches requestReports and receiveReportsError ', done => {
-        testAction(
-          fetchReports,
-          null,
-          mockedState,
-          [],
-          [
-            {
-              type: 'requestReports',
-            },
-            {
-              type: 'receiveReportsError',
-            },
-          ],
-          done,
-        );
-      });
-    });
-  });
-
-  describe('receiveReportsSuccess', () => {
-    it('should commit RECEIVE_REPORTS_SUCCESS mutation with 200', done => {
-      testAction(
-        receiveReportsSuccess,
-        { data: { summary: {} }, status: 200 },
-        mockedState,
-        [{ type: types.RECEIVE_REPORTS_SUCCESS, payload: { summary: {} } }],
-        [],
-        done,
-      );
-    });
-
-    it('should not commit RECEIVE_REPORTS_SUCCESS mutation with 204', done => {
-      testAction(
-        receiveReportsSuccess,
-        { data: { summary: {} }, status: 204 },
-        mockedState,
-        [],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('receiveReportsError', () => {
-    it('should commit RECEIVE_REPORTS_ERROR mutation', done => {
-      testAction(
-        receiveReportsError,
-        null,
-        mockedState,
-        [{ type: types.RECEIVE_REPORTS_ERROR }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('openModal', () => {
-    it('should dispatch setModalData', done => {
-      testAction(
-        openModal,
-        { name: 'foo' },
-        mockedState,
-        [],
-        [{ type: 'setModalData', payload: { name: 'foo' } }],
-        done,
-      );
-    });
-  });
-
-  describe('setModalData', () => {
-    it('should commit SET_ISSUE_MODAL_DATA', done => {
-      testAction(
-        setModalData,
-        { name: 'foo' },
-        mockedState,
-        [{ type: types.SET_ISSUE_MODAL_DATA, payload: { name: 'foo' } }],
-        [],
-        done,
-      );
-    });
-  });
-});
diff --git a/spec/javascripts/reports/store/mutations_spec.js b/spec/javascripts/reports/store/mutations_spec.js
deleted file mode 100644
index 9446cd454ab..00000000000
--- a/spec/javascripts/reports/store/mutations_spec.js
+++ /dev/null
@@ -1,126 +0,0 @@
-import state from '~/reports/store/state';
-import mutations from '~/reports/store/mutations';
-import * as types from '~/reports/store/mutation_types';
-import { issue } from '../mock_data/mock_data';
-
-describe('Reports Store Mutations', () => {
-  let stateCopy;
-
-  beforeEach(() => {
-    stateCopy = state();
-  });
-
-  describe('SET_ENDPOINT', () => {
-    it('should set endpoint', () => {
-      mutations[types.SET_ENDPOINT](stateCopy, 'endpoint.json');
-
-      expect(stateCopy.endpoint).toEqual('endpoint.json');
-    });
-  });
-
-  describe('REQUEST_REPORTS', () => {
-    it('should set isLoading to true', () => {
-      mutations[types.REQUEST_REPORTS](stateCopy);
-
-      expect(stateCopy.isLoading).toEqual(true);
-    });
-  });
-
-  describe('RECEIVE_REPORTS_SUCCESS', () => {
-    const mockedResponse = {
-      summary: {
-        total: 14,
-        resolved: 0,
-        failed: 7,
-      },
-      suites: [
-        {
-          name: 'build:linux',
-          summary: {
-            total: 2,
-            resolved: 0,
-            failed: 1,
-          },
-          new_failures: [
-            {
-              name: 'StringHelper#concatenate when a is git and b is lab returns summary',
-              execution_time: 0.0092435,
-              system_output: "Failure/Error: is_expected.to eq('gitlab')",
-            },
-          ],
-          resolved_failures: [
-            {
-              name: 'StringHelper#concatenate when a is git and b is lab returns summary',
-              execution_time: 0.009235,
-              system_output: "Failure/Error: is_expected.to eq('gitlab')",
-            },
-          ],
-          existing_failures: [
-            {
-              name: 'StringHelper#concatenate when a is git and b is lab returns summary',
-              execution_time: 1232.08,
-              system_output: "Failure/Error: is_expected.to eq('gitlab')",
-            },
-          ],
-        },
-      ],
-    };
-
-    beforeEach(() => {
-      mutations[types.RECEIVE_REPORTS_SUCCESS](stateCopy, mockedResponse);
-    });
-
-    it('should reset isLoading', () => {
-      expect(stateCopy.isLoading).toEqual(false);
-    });
-
-    it('should reset hasError', () => {
-      expect(stateCopy.hasError).toEqual(false);
-    });
-
-    it('should set summary counts', () => {
-      expect(stateCopy.summary.total).toEqual(mockedResponse.summary.total);
-      expect(stateCopy.summary.resolved).toEqual(mockedResponse.summary.resolved);
-      expect(stateCopy.summary.failed).toEqual(mockedResponse.summary.failed);
-    });
-
-    it('should set reports', () => {
-      expect(stateCopy.reports).toEqual(mockedResponse.suites);
-    });
-  });
-
-  describe('RECEIVE_REPORTS_ERROR', () => {
-    beforeEach(() => {
-      mutations[types.RECEIVE_REPORTS_ERROR](stateCopy);
-    });
-
-    it('should reset isLoading', () => {
-      expect(stateCopy.isLoading).toEqual(false);
-    });
-
-    it('should set hasError to true', () => {
-      expect(stateCopy.hasError).toEqual(true);
-    });
-
-    it('should reset reports', () => {
-      expect(stateCopy.reports).toEqual([]);
-    });
-  });
-
-  describe('SET_ISSUE_MODAL_DATA', () => {
-    beforeEach(() => {
-      mutations[types.SET_ISSUE_MODAL_DATA](stateCopy, {
-        issue,
-      });
-    });
-
-    it('should set modal title', () => {
-      expect(stateCopy.modal.title).toEqual(issue.name);
-    });
-
-    it('should set modal data', () => {
-      expect(stateCopy.modal.data.execution_time.value).toEqual(issue.execution_time);
-      expect(stateCopy.modal.data.system_output.value).toEqual(issue.system_output);
-    });
-  });
-});
diff --git a/spec/javascripts/search_autocomplete_spec.js b/spec/javascripts/search_autocomplete_spec.js
index e9bc1fc51e8..4f42d4880e8 100644
--- a/spec/javascripts/search_autocomplete_spec.js
+++ b/spec/javascripts/search_autocomplete_spec.js
@@ -188,4 +188,28 @@ describe('Search autocomplete dropdown', () => {
     // example) on JavaScript-created keypresses.
     expect(submitSpy).not.toHaveBeenTriggered();
   });
+
+  describe('disableAutocomplete', function() {
+    beforeEach(function() {
+      widget.enableAutocomplete();
+    });
+
+    it('should close the Dropdown', function() {
+      const toggleSpy = spyOn(widget.dropdownToggle, 'dropdown');
+
+      widget.dropdown.addClass('show');
+      widget.disableAutocomplete();
+
+      expect(toggleSpy).toHaveBeenCalledWith('toggle');
+    });
+  });
+
+  describe('enableAutocomplete', function() {
+    it('should open the Dropdown', function() {
+      const toggleSpy = spyOn(widget.dropdownToggle, 'dropdown');
+      widget.enableAutocomplete();
+
+      expect(toggleSpy).toHaveBeenCalledWith('toggle');
+    });
+  });
 });
diff --git a/spec/javascripts/settings_panels_spec.js b/spec/javascripts/settings_panels_spec.js
deleted file mode 100644
index 2c5d91a45bc..00000000000
--- a/spec/javascripts/settings_panels_spec.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import $ from 'jquery';
-import initSettingsPanels from '~/settings_panels';
-
-describe('Settings Panels', () => {
-  preloadFixtures('groups/edit.html');
-
-  beforeEach(() => {
-    loadFixtures('groups/edit.html');
-  });
-
-  describe('initSettingsPane', () => {
-    afterEach(() => {
-      window.location.hash = '';
-    });
-
-    it('should expand linked hash fragment panel', () => {
-      window.location.hash = '#js-general-settings';
-
-      const panel = document.querySelector('#js-general-settings');
-      // Our test environment automatically expands everything so we need to clear that out first
-      panel.classList.remove('expanded');
-
-      expect(panel.classList.contains('expanded')).toBe(false);
-
-      initSettingsPanels();
-
-      expect(panel.classList.contains('expanded')).toBe(true);
-    });
-  });
-
-  it('does not change the text content of triggers', () => {
-    const panel = document.querySelector('#js-general-settings');
-    const trigger = panel.querySelector('.js-settings-toggle-trigger-only');
-    const originalText = trigger.textContent;
-
-    initSettingsPanels();
-
-    expect(panel.classList.contains('expanded')).toBe(true);
-
-    $(trigger).click();
-
-    expect(panel.classList.contains('expanded')).toBe(false);
-    expect(trigger.textContent).toEqual(originalText);
-  });
-});
diff --git a/spec/javascripts/sidebar/components/time_tracking/time_tracker_spec.js b/spec/javascripts/sidebar/components/time_tracking/time_tracker_spec.js
deleted file mode 100644
index 1580f32cfca..00000000000
--- a/spec/javascripts/sidebar/components/time_tracking/time_tracker_spec.js
+++ /dev/null
@@ -1,278 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import TimeTracker from '~/sidebar/components/time_tracking/time_tracker.vue';
-
-describe('Issuable Time Tracker', () => {
-  let initialData;
-  let vm;
-
-  const initTimeTrackingComponent = ({
-    timeEstimate,
-    timeSpent,
-    timeEstimateHumanReadable,
-    timeSpentHumanReadable,
-    limitToHours,
-  }) => {
-    setFixtures(`
-    <div>
-      <div id="mock-container"></div>
-    </div>
-  `);
-
-    initialData = {
-      timeEstimate,
-      timeSpent,
-      humanTimeEstimate: timeEstimateHumanReadable,
-      humanTimeSpent: timeSpentHumanReadable,
-      limitToHours: Boolean(limitToHours),
-      rootPath: '/',
-    };
-
-    const TimeTrackingComponent = Vue.extend({
-      ...TimeTracker,
-      components: {
-        ...TimeTracker.components,
-        transition: {
-          // disable animations
-          template: '<div><slot></slot></div>',
-        },
-      },
-    });
-    vm = mountComponent(TimeTrackingComponent, initialData, '#mock-container');
-  };
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('Initialization', () => {
-    beforeEach(() => {
-      initTimeTrackingComponent({
-        timeEstimate: 10000, // 2h 46m
-        timeSpent: 5000, // 1h 23m
-        timeEstimateHumanReadable: '2h 46m',
-        timeSpentHumanReadable: '1h 23m',
-      });
-    });
-
-    it('should return something defined', () => {
-      expect(vm).toBeDefined();
-    });
-
-    it('should correctly set timeEstimate', done => {
-      Vue.nextTick(() => {
-        expect(vm.timeEstimate).toBe(initialData.timeEstimate);
-        done();
-      });
-    });
-
-    it('should correctly set time_spent', done => {
-      Vue.nextTick(() => {
-        expect(vm.timeSpent).toBe(initialData.timeSpent);
-        done();
-      });
-    });
-  });
-
-  describe('Content Display', () => {
-    describe('Panes', () => {
-      describe('Comparison pane', () => {
-        beforeEach(() => {
-          initTimeTrackingComponent({
-            timeEstimate: 100000, // 1d 3h
-            timeSpent: 5000, // 1h 23m
-            timeEstimateHumanReadable: '1d 3h',
-            timeSpentHumanReadable: '1h 23m',
-          });
-        });
-
-        it('should show the "Comparison" pane when timeEstimate and time_spent are truthy', done => {
-          Vue.nextTick(() => {
-            expect(vm.showComparisonState).toBe(true);
-            const $comparisonPane = vm.$el.querySelector('.time-tracking-comparison-pane');
-
-            expect($comparisonPane).toBeVisible();
-            done();
-          });
-        });
-
-        it('should show full times when the sidebar is collapsed', done => {
-          Vue.nextTick(() => {
-            const timeTrackingText = vm.$el.querySelector('.time-tracking-collapsed-summary span')
-              .innerText;
-
-            expect(timeTrackingText).toBe('1h 23m / 1d 3h');
-            done();
-          });
-        });
-
-        describe('Remaining meter', () => {
-          it('should display the remaining meter with the correct width', done => {
-            Vue.nextTick(() => {
-              expect(
-                vm.$el.querySelector('.time-tracking-comparison-pane .progress[value="5"]'),
-              ).not.toBeNull();
-              done();
-            });
-          });
-
-          it('should display the remaining meter with the correct background color when within estimate', done => {
-            Vue.nextTick(() => {
-              expect(
-                vm.$el.querySelector('.time-tracking-comparison-pane .progress[variant="primary"]'),
-              ).not.toBeNull();
-              done();
-            });
-          });
-
-          it('should display the remaining meter with the correct background color when over estimate', done => {
-            vm.timeEstimate = 10000; // 2h 46m
-            vm.timeSpent = 20000000; // 231 days
-            Vue.nextTick(() => {
-              expect(
-                vm.$el.querySelector('.time-tracking-comparison-pane .progress[variant="danger"]'),
-              ).not.toBeNull();
-              done();
-            });
-          });
-        });
-      });
-
-      describe('Comparison pane when limitToHours is true', () => {
-        beforeEach(() => {
-          initTimeTrackingComponent({
-            timeEstimate: 100000, // 1d 3h
-            timeSpent: 5000, // 1h 23m
-            timeEstimateHumanReadable: '',
-            timeSpentHumanReadable: '',
-            limitToHours: true,
-          });
-        });
-
-        it('should show the correct tooltip text', done => {
-          Vue.nextTick(() => {
-            expect(vm.showComparisonState).toBe(true);
-            const $title = vm.$el.querySelector('.time-tracking-content .compare-meter').dataset
-              .originalTitle;
-
-            expect($title).toBe('Time remaining: 26h 23m');
-            done();
-          });
-        });
-      });
-
-      describe('Estimate only pane', () => {
-        beforeEach(() => {
-          initTimeTrackingComponent({
-            timeEstimate: 10000, // 2h 46m
-            timeSpent: 0,
-            timeEstimateHumanReadable: '2h 46m',
-            timeSpentHumanReadable: '',
-          });
-        });
-
-        it('should display the human readable version of time estimated', done => {
-          Vue.nextTick(() => {
-            const estimateText = vm.$el.querySelector('.time-tracking-estimate-only-pane')
-              .innerText;
-            const correctText = 'Estimated: 2h 46m';
-
-            expect(estimateText).toBe(correctText);
-            done();
-          });
-        });
-      });
-
-      describe('Spent only pane', () => {
-        beforeEach(() => {
-          initTimeTrackingComponent({
-            timeEstimate: 0,
-            timeSpent: 5000, // 1h 23m
-            timeEstimateHumanReadable: '2h 46m',
-            timeSpentHumanReadable: '1h 23m',
-          });
-        });
-
-        it('should display the human readable version of time spent', done => {
-          Vue.nextTick(() => {
-            const spentText = vm.$el.querySelector('.time-tracking-spend-only-pane').innerText;
-            const correctText = 'Spent: 1h 23m';
-
-            expect(spentText).toBe(correctText);
-            done();
-          });
-        });
-      });
-
-      describe('No time tracking pane', () => {
-        beforeEach(() => {
-          initTimeTrackingComponent({
-            timeEstimate: 0,
-            timeSpent: 0,
-            timeEstimateHumanReadable: '',
-            timeSpentHumanReadable: '',
-          });
-        });
-
-        it('should only show the "No time tracking" pane when both timeEstimate and time_spent are falsey', done => {
-          Vue.nextTick(() => {
-            const $noTrackingPane = vm.$el.querySelector('.time-tracking-no-tracking-pane');
-            const noTrackingText = $noTrackingPane.innerText;
-            const correctText = 'No estimate or time spent';
-
-            expect(vm.showNoTimeTrackingState).toBe(true);
-            expect($noTrackingPane).toBeVisible();
-            expect(noTrackingText).toBe(correctText);
-            done();
-          });
-        });
-      });
-
-      describe('Help pane', () => {
-        const helpButton = () => vm.$el.querySelector('.help-button');
-        const closeHelpButton = () => vm.$el.querySelector('.close-help-button');
-        const helpPane = () => vm.$el.querySelector('.time-tracking-help-state');
-
-        beforeEach(done => {
-          initTimeTrackingComponent({ timeEstimate: 0, timeSpent: 0 });
-
-          Vue.nextTick()
-            .then(done)
-            .catch(done.fail);
-        });
-
-        it('should not show the "Help" pane by default', () => {
-          expect(vm.showHelpState).toBe(false);
-          expect(helpPane()).toBeNull();
-        });
-
-        it('should show the "Help" pane when help button is clicked', done => {
-          helpButton().click();
-
-          Vue.nextTick()
-            .then(() => {
-              expect(vm.showHelpState).toBe(true);
-              expect(helpPane()).toBeVisible();
-            })
-            .then(done)
-            .catch(done.fail);
-        });
-
-        it('should not show the "Help" pane when help button is clicked and then closed', done => {
-          helpButton().click();
-
-          Vue.nextTick()
-            .then(() => closeHelpButton().click())
-            .then(() => Vue.nextTick())
-            .then(() => {
-              expect(vm.showHelpState).toBe(false);
-              expect(helpPane()).toBeNull();
-            })
-            .then(done)
-            .catch(done.fail);
-        });
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/sidebar/lock/edit_form_buttons_spec.js b/spec/javascripts/sidebar/lock/edit_form_buttons_spec.js
deleted file mode 100644
index c532554efb4..00000000000
--- a/spec/javascripts/sidebar/lock/edit_form_buttons_spec.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import editFormButtons from '~/sidebar/components/lock/edit_form_buttons.vue';
-
-describe('EditFormButtons', () => {
-  let vm1;
-  let vm2;
-
-  beforeEach(() => {
-    const Component = Vue.extend(editFormButtons);
-    const toggleForm = () => {};
-    const updateLockedAttribute = () => {};
-
-    vm1 = mountComponent(Component, {
-      isLocked: true,
-      toggleForm,
-      updateLockedAttribute,
-    });
-
-    vm2 = mountComponent(Component, {
-      isLocked: false,
-      toggleForm,
-      updateLockedAttribute,
-    });
-  });
-
-  it('renders unlock or lock text based on locked state', () => {
-    expect(vm1.$el.innerHTML.includes('Unlock')).toBe(true);
-
-    expect(vm2.$el.innerHTML.includes('Lock')).toBe(true);
-  });
-});
diff --git a/spec/javascripts/sidebar/lock/lock_issue_sidebar_spec.js b/spec/javascripts/sidebar/lock/lock_issue_sidebar_spec.js
deleted file mode 100644
index 5296908afe2..00000000000
--- a/spec/javascripts/sidebar/lock/lock_issue_sidebar_spec.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import Vue from 'vue';
-import { mockTracking, triggerEvent } from 'spec/helpers/tracking_helper';
-import lockIssueSidebar from '~/sidebar/components/lock/lock_issue_sidebar.vue';
-
-describe('LockIssueSidebar', () => {
-  let vm1;
-  let vm2;
-
-  beforeEach(() => {
-    const Component = Vue.extend(lockIssueSidebar);
-
-    const mediator = {
-      service: {
-        update: Promise.resolve(true),
-      },
-
-      store: {
-        isLockDialogOpen: false,
-      },
-    };
-
-    vm1 = new Component({
-      propsData: {
-        isLocked: true,
-        isEditable: true,
-        mediator,
-        issuableType: 'issue',
-      },
-    }).$mount();
-
-    vm2 = new Component({
-      propsData: {
-        isLocked: false,
-        isEditable: false,
-        mediator,
-        issuableType: 'merge_request',
-      },
-    }).$mount();
-  });
-
-  it('shows if locked and/or editable', () => {
-    expect(vm1.$el.innerHTML.includes('Edit')).toBe(true);
-
-    expect(vm1.$el.innerHTML.includes('Locked')).toBe(true);
-
-    expect(vm2.$el.innerHTML.includes('Unlocked')).toBe(true);
-  });
-
-  it('displays the edit form when editable', done => {
-    expect(vm1.isLockDialogOpen).toBe(false);
-
-    vm1.$el.querySelector('.lock-edit').click();
-
-    expect(vm1.isLockDialogOpen).toBe(true);
-
-    vm1.$nextTick(() => {
-      expect(vm1.$el.innerHTML.includes('Unlock this issue?')).toBe(true);
-
-      done();
-    });
-  });
-
-  it('tracks an event when "Edit" is clicked', () => {
-    const spy = mockTracking('_category_', vm1.$el, spyOn);
-    triggerEvent('.lock-edit');
-
-    expect(spy).toHaveBeenCalledWith('_category_', 'click_edit_button', {
-      label: 'right_sidebar',
-      property: 'lock_issue',
-    });
-  });
-
-  it('displays the edit form when opened from collapsed state', done => {
-    expect(vm1.isLockDialogOpen).toBe(false);
-
-    vm1.$el.querySelector('.sidebar-collapsed-icon').click();
-
-    expect(vm1.isLockDialogOpen).toBe(true);
-
-    setTimeout(() => {
-      expect(vm1.$el.innerHTML.includes('Unlock this issue?')).toBe(true);
-
-      done();
-    });
-  });
-
-  it('does not display the edit form when opened from collapsed state if not editable', done => {
-    expect(vm2.isLockDialogOpen).toBe(false);
-
-    vm2.$el.querySelector('.sidebar-collapsed-icon').click();
-
-    Vue.nextTick()
-      .then(() => {
-        expect(vm2.isLockDialogOpen).toBe(false);
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-});
diff --git a/spec/javascripts/sidebar/mock_data.js b/spec/javascripts/sidebar/mock_data.js
deleted file mode 100644
index c869ff96933..00000000000
--- a/spec/javascripts/sidebar/mock_data.js
+++ /dev/null
@@ -1,7 +0,0 @@
-// No new code should be added to this file. Instead, modify the
-// file this one re-exports from. For more detail about why, see:
-// https://gitlab.com/gitlab-org/gitlab-foss/merge_requests/31349
-
-import mockData from '../../../spec/frontend/sidebar/mock_data';
-
-export default mockData;
diff --git a/spec/javascripts/sidebar/participants_spec.js b/spec/javascripts/sidebar/participants_spec.js
deleted file mode 100644
index 7e80e86f8ca..00000000000
--- a/spec/javascripts/sidebar/participants_spec.js
+++ /dev/null
@@ -1,202 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import participants from '~/sidebar/components/participants/participants.vue';
-
-const PARTICIPANT = {
-  id: 1,
-  state: 'active',
-  username: 'marcene',
-  name: 'Allie Will',
-  web_url: 'foo.com',
-  avatar_url: 'gravatar.com/avatar/xxx',
-};
-
-const PARTICIPANT_LIST = [PARTICIPANT, { ...PARTICIPANT, id: 2 }, { ...PARTICIPANT, id: 3 }];
-
-describe('Participants', function() {
-  let vm;
-  let Participants;
-
-  beforeEach(() => {
-    Participants = Vue.extend(participants);
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('collapsed sidebar state', () => {
-    it('shows loading spinner when loading', () => {
-      vm = mountComponent(Participants, {
-        loading: true,
-      });
-
-      expect(vm.$el.querySelector('.js-participants-collapsed-loading-icon')).toBeDefined();
-    });
-
-    it('shows participant count when given', () => {
-      vm = mountComponent(Participants, {
-        loading: false,
-        participants: PARTICIPANT_LIST,
-      });
-      const countEl = vm.$el.querySelector('.js-participants-collapsed-count');
-
-      expect(countEl.textContent.trim()).toBe(`${PARTICIPANT_LIST.length}`);
-    });
-
-    it('shows full participant count when there are hidden participants', () => {
-      vm = mountComponent(Participants, {
-        loading: false,
-        participants: PARTICIPANT_LIST,
-        numberOfLessParticipants: 1,
-      });
-      const countEl = vm.$el.querySelector('.js-participants-collapsed-count');
-
-      expect(countEl.textContent.trim()).toBe(`${PARTICIPANT_LIST.length}`);
-    });
-  });
-
-  describe('expanded sidebar state', () => {
-    it('shows loading spinner when loading', () => {
-      vm = mountComponent(Participants, {
-        loading: true,
-      });
-
-      expect(vm.$el.querySelector('.js-participants-expanded-loading-icon')).toBeDefined();
-    });
-
-    it('when only showing visible participants, shows an avatar only for each participant under the limit', done => {
-      const numberOfLessParticipants = 2;
-      vm = mountComponent(Participants, {
-        loading: false,
-        participants: PARTICIPANT_LIST,
-        numberOfLessParticipants,
-      });
-      vm.isShowingMoreParticipants = false;
-
-      Vue.nextTick()
-        .then(() => {
-          const participantEls = vm.$el.querySelectorAll('.js-participants-author');
-
-          expect(participantEls.length).toBe(numberOfLessParticipants);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('when only showing all participants, each has an avatar', done => {
-      const numberOfLessParticipants = 2;
-      vm = mountComponent(Participants, {
-        loading: false,
-        participants: PARTICIPANT_LIST,
-        numberOfLessParticipants,
-      });
-      vm.isShowingMoreParticipants = true;
-
-      Vue.nextTick()
-        .then(() => {
-          const participantEls = vm.$el.querySelectorAll('.js-participants-author');
-
-          expect(participantEls.length).toBe(PARTICIPANT_LIST.length);
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('does not have more participants link when they can all be shown', () => {
-      const numberOfLessParticipants = 100;
-      vm = mountComponent(Participants, {
-        loading: false,
-        participants: PARTICIPANT_LIST,
-        numberOfLessParticipants,
-      });
-      const moreParticipantLink = vm.$el.querySelector('.js-toggle-participants-button');
-
-      expect(PARTICIPANT_LIST.length).toBeLessThan(numberOfLessParticipants);
-      expect(moreParticipantLink).toBeNull();
-    });
-
-    it('when too many participants, has more participants link to show more', done => {
-      vm = mountComponent(Participants, {
-        loading: false,
-        participants: PARTICIPANT_LIST,
-        numberOfLessParticipants: 2,
-      });
-      vm.isShowingMoreParticipants = false;
-
-      Vue.nextTick()
-        .then(() => {
-          const moreParticipantLink = vm.$el.querySelector('.js-toggle-participants-button');
-
-          expect(moreParticipantLink.textContent.trim()).toBe('+ 1 more');
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('when too many participants and already showing them, has more participants link to show less', done => {
-      vm = mountComponent(Participants, {
-        loading: false,
-        participants: PARTICIPANT_LIST,
-        numberOfLessParticipants: 2,
-      });
-      vm.isShowingMoreParticipants = true;
-
-      Vue.nextTick()
-        .then(() => {
-          const moreParticipantLink = vm.$el.querySelector('.js-toggle-participants-button');
-
-          expect(moreParticipantLink.textContent.trim()).toBe('- show less');
-        })
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('clicking more participants link emits event', () => {
-      vm = mountComponent(Participants, {
-        loading: false,
-        participants: PARTICIPANT_LIST,
-        numberOfLessParticipants: 2,
-      });
-      const moreParticipantLink = vm.$el.querySelector('.js-toggle-participants-button');
-
-      expect(vm.isShowingMoreParticipants).toBe(false);
-
-      moreParticipantLink.click();
-
-      expect(vm.isShowingMoreParticipants).toBe(true);
-    });
-
-    it('clicking on participants icon emits `toggleSidebar` event', () => {
-      vm = mountComponent(Participants, {
-        loading: false,
-        participants: PARTICIPANT_LIST,
-        numberOfLessParticipants: 2,
-      });
-      spyOn(vm, '$emit');
-
-      const participantsIconEl = vm.$el.querySelector('.sidebar-collapsed-icon');
-
-      participantsIconEl.click();
-
-      expect(vm.$emit).toHaveBeenCalledWith('toggleSidebar');
-    });
-  });
-
-  describe('when not showing participants label', () => {
-    beforeEach(() => {
-      vm = mountComponent(Participants, {
-        participants: PARTICIPANT_LIST,
-        showParticipantLabel: false,
-      });
-    });
-
-    it('does not show sidebar collapsed icon', () => {
-      expect(vm.$el.querySelector('.sidebar-collapsed-icon')).not.toBeTruthy();
-    });
-
-    it('does not show participants label title', () => {
-      expect(vm.$el.querySelector('.title')).not.toBeTruthy();
-    });
-  });
-});
diff --git a/spec/javascripts/sidebar/sidebar_mediator_spec.js b/spec/javascripts/sidebar/sidebar_mediator_spec.js
deleted file mode 100644
index 2aa30fd1cc6..00000000000
--- a/spec/javascripts/sidebar/sidebar_mediator_spec.js
+++ /dev/null
@@ -1,134 +0,0 @@
-import MockAdapter from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import SidebarMediator from '~/sidebar/sidebar_mediator';
-import SidebarStore from '~/sidebar/stores/sidebar_store';
-import SidebarService, { gqClient } from '~/sidebar/services/sidebar_service';
-import Mock from './mock_data';
-
-const { mediator: mediatorMockData } = Mock;
-
-describe('Sidebar mediator', function() {
-  let mock;
-
-  beforeEach(() => {
-    mock = new MockAdapter(axios);
-
-    this.mediator = new SidebarMediator(mediatorMockData);
-  });
-
-  afterEach(() => {
-    SidebarService.singleton = null;
-    SidebarStore.singleton = null;
-    SidebarMediator.singleton = null;
-    mock.restore();
-  });
-
-  it('assigns yourself ', () => {
-    this.mediator.assignYourself();
-
-    expect(this.mediator.store.currentUser).toEqual(mediatorMockData.currentUser);
-    expect(this.mediator.store.assignees[0]).toEqual(mediatorMockData.currentUser);
-  });
-
-  it('saves assignees', done => {
-    mock.onPut(mediatorMockData.endpoint).reply(200, {});
-    this.mediator
-      .saveAssignees('issue[assignee_ids]')
-      .then(resp => {
-        expect(resp.status).toEqual(200);
-        done();
-      })
-      .catch(done.fail);
-  });
-
-  it('fetches the data', done => {
-    const mockData = Mock.responseMap.GET[mediatorMockData.endpoint];
-    mock.onGet(mediatorMockData.endpoint).reply(200, mockData);
-
-    const mockGraphQlData = Mock.graphQlResponseData;
-    spyOn(gqClient, 'query').and.returnValue({
-      data: mockGraphQlData,
-    });
-
-    spyOn(this.mediator, 'processFetchedData').and.callThrough();
-
-    this.mediator
-      .fetch()
-      .then(() => {
-        expect(this.mediator.processFetchedData).toHaveBeenCalledWith(mockData, mockGraphQlData);
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('processes fetched data', () => {
-    const mockData = Mock.responseMap.GET[mediatorMockData.endpoint];
-    this.mediator.processFetchedData(mockData);
-
-    expect(this.mediator.store.assignees).toEqual(mockData.assignees);
-    expect(this.mediator.store.humanTimeEstimate).toEqual(mockData.human_time_estimate);
-    expect(this.mediator.store.humanTotalTimeSpent).toEqual(mockData.human_total_time_spent);
-    expect(this.mediator.store.participants).toEqual(mockData.participants);
-    expect(this.mediator.store.subscribed).toEqual(mockData.subscribed);
-    expect(this.mediator.store.timeEstimate).toEqual(mockData.time_estimate);
-    expect(this.mediator.store.totalTimeSpent).toEqual(mockData.total_time_spent);
-  });
-
-  it('sets moveToProjectId', () => {
-    const projectId = 7;
-    spyOn(this.mediator.store, 'setMoveToProjectId').and.callThrough();
-
-    this.mediator.setMoveToProjectId(projectId);
-
-    expect(this.mediator.store.setMoveToProjectId).toHaveBeenCalledWith(projectId);
-  });
-
-  it('fetches autocomplete projects', done => {
-    const searchTerm = 'foo';
-    mock.onGet(mediatorMockData.projectsAutocompleteEndpoint).reply(200, {});
-    spyOn(this.mediator.service, 'getProjectsAutocomplete').and.callThrough();
-    spyOn(this.mediator.store, 'setAutocompleteProjects').and.callThrough();
-
-    this.mediator
-      .fetchAutocompleteProjects(searchTerm)
-      .then(() => {
-        expect(this.mediator.service.getProjectsAutocomplete).toHaveBeenCalledWith(searchTerm);
-        expect(this.mediator.store.setAutocompleteProjects).toHaveBeenCalled();
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('moves issue', done => {
-    const mockData = Mock.responseMap.POST[mediatorMockData.moveIssueEndpoint];
-    const moveToProjectId = 7;
-    mock.onPost(mediatorMockData.moveIssueEndpoint).reply(200, mockData);
-    this.mediator.store.setMoveToProjectId(moveToProjectId);
-    spyOn(this.mediator.service, 'moveIssue').and.callThrough();
-    const visitUrl = spyOnDependency(SidebarMediator, 'visitUrl');
-
-    this.mediator
-      .moveIssue()
-      .then(() => {
-        expect(this.mediator.service.moveIssue).toHaveBeenCalledWith(moveToProjectId);
-        expect(visitUrl).toHaveBeenCalledWith(mockData.web_url);
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('toggle subscription', done => {
-    this.mediator.store.setSubscribedState(false);
-    mock.onPost(mediatorMockData.toggleSubscriptionEndpoint).reply(200, {});
-    spyOn(this.mediator.service, 'toggleSubscription').and.callThrough();
-
-    this.mediator
-      .toggleSubscription()
-      .then(() => {
-        expect(this.mediator.service.toggleSubscription).toHaveBeenCalled();
-        expect(this.mediator.store.subscribed).toEqual(true);
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-});
diff --git a/spec/javascripts/sidebar/sidebar_move_issue_spec.js b/spec/javascripts/sidebar/sidebar_move_issue_spec.js
deleted file mode 100644
index ec712450f2e..00000000000
--- a/spec/javascripts/sidebar/sidebar_move_issue_spec.js
+++ /dev/null
@@ -1,166 +0,0 @@
-import $ from 'jquery';
-import MockAdapter from 'axios-mock-adapter';
-import axios from '~/lib/utils/axios_utils';
-import SidebarMediator from '~/sidebar/sidebar_mediator';
-import SidebarStore from '~/sidebar/stores/sidebar_store';
-import SidebarService from '~/sidebar/services/sidebar_service';
-import SidebarMoveIssue from '~/sidebar/lib/sidebar_move_issue';
-import Mock from './mock_data';
-
-describe('SidebarMoveIssue', function() {
-  let mock;
-
-  beforeEach(() => {
-    mock = new MockAdapter(axios);
-    const mockData = Mock.responseMap.GET['/autocomplete/projects?project_id=15'];
-    mock.onGet('/autocomplete/projects?project_id=15').reply(200, mockData);
-    this.mediator = new SidebarMediator(Mock.mediator);
-    this.$content = $(`
-      <div class="dropdown">
-        <div class="js-toggle"></div>
-        <div class="dropdown-menu">
-          <div class="dropdown-content"></div>
-        </div>
-        <div class="js-confirm-button"></div>
-      </div>
-    `);
-    this.$toggleButton = this.$content.find('.js-toggle');
-    this.$confirmButton = this.$content.find('.js-confirm-button');
-
-    this.sidebarMoveIssue = new SidebarMoveIssue(
-      this.mediator,
-      this.$toggleButton,
-      this.$confirmButton,
-    );
-    this.sidebarMoveIssue.init();
-  });
-
-  afterEach(() => {
-    SidebarService.singleton = null;
-    SidebarStore.singleton = null;
-    SidebarMediator.singleton = null;
-
-    this.sidebarMoveIssue.destroy();
-    mock.restore();
-  });
-
-  describe('init', () => {
-    it('should initialize the dropdown and listeners', () => {
-      spyOn(this.sidebarMoveIssue, 'initDropdown');
-      spyOn(this.sidebarMoveIssue, 'addEventListeners');
-
-      this.sidebarMoveIssue.init();
-
-      expect(this.sidebarMoveIssue.initDropdown).toHaveBeenCalled();
-      expect(this.sidebarMoveIssue.addEventListeners).toHaveBeenCalled();
-    });
-  });
-
-  describe('destroy', () => {
-    it('should remove the listeners', () => {
-      spyOn(this.sidebarMoveIssue, 'removeEventListeners');
-
-      this.sidebarMoveIssue.destroy();
-
-      expect(this.sidebarMoveIssue.removeEventListeners).toHaveBeenCalled();
-    });
-  });
-
-  describe('initDropdown', () => {
-    it('should initialize the gl_dropdown', () => {
-      spyOn($.fn, 'glDropdown');
-
-      this.sidebarMoveIssue.initDropdown();
-
-      expect($.fn.glDropdown).toHaveBeenCalled();
-    });
-
-    it('escapes html from project name', done => {
-      this.$toggleButton.dropdown('toggle');
-
-      setTimeout(() => {
-        expect(this.$content.find('.js-move-issue-dropdown-item')[1].innerHTML.trim()).toEqual(
-          '&lt;img src=x onerror=alert(document.domain)&gt; foo / bar',
-        );
-        done();
-      });
-    });
-  });
-
-  describe('onConfirmClicked', () => {
-    it('should move the issue with valid project ID', () => {
-      spyOn(this.mediator, 'moveIssue').and.returnValue(Promise.resolve());
-      this.mediator.setMoveToProjectId(7);
-
-      this.sidebarMoveIssue.onConfirmClicked();
-
-      expect(this.mediator.moveIssue).toHaveBeenCalled();
-      expect(this.$confirmButton.prop('disabled')).toBeTruthy();
-      expect(this.$confirmButton.hasClass('is-loading')).toBe(true);
-    });
-
-    it('should remove loading state from confirm button on failure', done => {
-      spyOn(window, 'Flash');
-      spyOn(this.mediator, 'moveIssue').and.returnValue(Promise.reject());
-      this.mediator.setMoveToProjectId(7);
-
-      this.sidebarMoveIssue.onConfirmClicked();
-
-      expect(this.mediator.moveIssue).toHaveBeenCalled();
-      // Wait for the move issue request to fail
-      setTimeout(() => {
-        expect(window.Flash).toHaveBeenCalled();
-        expect(this.$confirmButton.prop('disabled')).toBeFalsy();
-        expect(this.$confirmButton.hasClass('is-loading')).toBe(false);
-        done();
-      });
-    });
-
-    it('should not move the issue with id=0', () => {
-      spyOn(this.mediator, 'moveIssue');
-      this.mediator.setMoveToProjectId(0);
-
-      this.sidebarMoveIssue.onConfirmClicked();
-
-      expect(this.mediator.moveIssue).not.toHaveBeenCalled();
-    });
-  });
-
-  it('should set moveToProjectId on dropdown item "No project" click', done => {
-    spyOn(this.mediator, 'setMoveToProjectId');
-
-    // Open the dropdown
-    this.$toggleButton.dropdown('toggle');
-
-    // Wait for the autocomplete request to finish
-    setTimeout(() => {
-      this.$content
-        .find('.js-move-issue-dropdown-item')
-        .eq(0)
-        .trigger('click');
-
-      expect(this.mediator.setMoveToProjectId).toHaveBeenCalledWith(0);
-      expect(this.$confirmButton.prop('disabled')).toBeTruthy();
-      done();
-    }, 0);
-  });
-
-  it('should set moveToProjectId on dropdown item click', done => {
-    spyOn(this.mediator, 'setMoveToProjectId');
-
-    // Open the dropdown
-    this.$toggleButton.dropdown('toggle');
-
-    // Wait for the autocomplete request to finish
-    setTimeout(() => {
-      this.$content
-        .find('.js-move-issue-dropdown-item')
-        .eq(1)
-        .trigger('click');
-
-      expect(this.mediator.setMoveToProjectId).toHaveBeenCalledWith(20);
-      expect(this.$confirmButton.attr('disabled')).toBe(undefined);
-      done();
-    }, 0);
-  });
-});
diff --git a/spec/javascripts/sidebar/sidebar_subscriptions_spec.js b/spec/javascripts/sidebar/sidebar_subscriptions_spec.js
deleted file mode 100644
index ee4516f3bcd..00000000000
--- a/spec/javascripts/sidebar/sidebar_subscriptions_spec.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import sidebarSubscriptions from '~/sidebar/components/subscriptions/sidebar_subscriptions.vue';
-import SidebarMediator from '~/sidebar/sidebar_mediator';
-import SidebarService from '~/sidebar/services/sidebar_service';
-import SidebarStore from '~/sidebar/stores/sidebar_store';
-import Mock from './mock_data';
-
-describe('Sidebar Subscriptions', function() {
-  let vm;
-  let SidebarSubscriptions;
-
-  beforeEach(() => {
-    SidebarSubscriptions = Vue.extend(sidebarSubscriptions);
-    // Set up the stores, services, etc
-    // eslint-disable-next-line no-new
-    new SidebarMediator(Mock.mediator);
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-    SidebarService.singleton = null;
-    SidebarStore.singleton = null;
-    SidebarMediator.singleton = null;
-  });
-
-  it('calls the mediator toggleSubscription on event', () => {
-    const mediator = new SidebarMediator();
-    spyOn(mediator, 'toggleSubscription').and.returnValue(Promise.resolve());
-    vm = mountComponent(SidebarSubscriptions, {
-      mediator,
-    });
-
-    vm.onToggleSubscription();
-
-    expect(mediator.toggleSubscription).toHaveBeenCalled();
-  });
-});
diff --git a/spec/javascripts/sidebar/subscriptions_spec.js b/spec/javascripts/sidebar/subscriptions_spec.js
deleted file mode 100644
index cdb39efbef8..00000000000
--- a/spec/javascripts/sidebar/subscriptions_spec.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import { mockTracking } from 'spec/helpers/tracking_helper';
-import subscriptions from '~/sidebar/components/subscriptions/subscriptions.vue';
-import eventHub from '~/sidebar/event_hub';
-
-describe('Subscriptions', function() {
-  let vm;
-  let Subscriptions;
-
-  beforeEach(() => {
-    Subscriptions = Vue.extend(subscriptions);
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('shows loading spinner when loading', () => {
-    vm = mountComponent(Subscriptions, {
-      loading: true,
-      subscribed: undefined,
-    });
-
-    expect(vm.$refs.toggleButton.isLoading).toBe(true);
-    expect(vm.$refs.toggleButton.$el.querySelector('.project-feature-toggle')).toHaveClass(
-      'is-loading',
-    );
-  });
-
-  it('is toggled "off" when currently not subscribed', () => {
-    vm = mountComponent(Subscriptions, {
-      subscribed: false,
-    });
-
-    expect(vm.$refs.toggleButton.$el.querySelector('.project-feature-toggle')).not.toHaveClass(
-      'is-checked',
-    );
-  });
-
-  it('is toggled "on" when currently subscribed', () => {
-    vm = mountComponent(Subscriptions, {
-      subscribed: true,
-    });
-
-    expect(vm.$refs.toggleButton.$el.querySelector('.project-feature-toggle')).toHaveClass(
-      'is-checked',
-    );
-  });
-
-  it('toggleSubscription method emits `toggleSubscription` event on eventHub and Component', () => {
-    vm = mountComponent(Subscriptions, { subscribed: true });
-    spyOn(eventHub, '$emit');
-    spyOn(vm, '$emit');
-    spyOn(vm, 'track');
-
-    vm.toggleSubscription();
-
-    expect(eventHub.$emit).toHaveBeenCalledWith('toggleSubscription', jasmine.any(Object));
-    expect(vm.$emit).toHaveBeenCalledWith('toggleSubscription', jasmine.any(Object));
-  });
-
-  it('tracks the event when toggled', () => {
-    vm = mountComponent(Subscriptions, { subscribed: true });
-    const spy = mockTracking('_category_', vm.$el, spyOn);
-    vm.toggleSubscription();
-
-    expect(spy).toHaveBeenCalled();
-  });
-
-  it('onClickCollapsedIcon method emits `toggleSidebar` event on component', () => {
-    vm = mountComponent(Subscriptions, { subscribed: true });
-    spyOn(vm, '$emit');
-
-    vm.onClickCollapsedIcon();
-
-    expect(vm.$emit).toHaveBeenCalledWith('toggleSidebar');
-  });
-
-  describe('given project emails are disabled', () => {
-    const subscribeDisabledDescription = 'Notifications have been disabled';
-
-    beforeEach(() => {
-      vm = mountComponent(Subscriptions, {
-        subscribed: false,
-        projectEmailsDisabled: true,
-        subscribeDisabledDescription,
-      });
-    });
-
-    it('sets the correct display text', () => {
-      expect(vm.$el.textContent).toContain(subscribeDisabledDescription);
-      expect(vm.$refs.tooltip.dataset.originalTitle).toBe(subscribeDisabledDescription);
-    });
-
-    it('does not render the toggle button', () => {
-      expect(vm.$refs.toggleButton).toBeUndefined();
-    });
-  });
-});
diff --git a/spec/javascripts/vue_mr_widget/components/mr_widget_header_spec.js b/spec/javascripts/vue_mr_widget/components/mr_widget_header_spec.js
index de1d351677c..3cbaa47c832 100644
--- a/spec/javascripts/vue_mr_widget/components/mr_widget_header_spec.js
+++ b/spec/javascripts/vue_mr_widget/components/mr_widget_header_spec.js
@@ -153,7 +153,7 @@ describe('MRWidgetHeader', () => {
 
       beforeEach(() => {
         vm = mountComponent(Component, {
-          mr: Object.assign({}, mrDefaultOptions),
+          mr: { ...mrDefaultOptions },
         });
       });
 
@@ -176,7 +176,7 @@ describe('MRWidgetHeader', () => {
       });
 
       it('renders web ide button in disabled state with no href', () => {
-        const mr = Object.assign({}, mrDefaultOptions, { canPushToSourceBranch: false });
+        const mr = { ...mrDefaultOptions, canPushToSourceBranch: false };
         vm = mountComponent(Component, { mr });
 
         const link = vm.$el.querySelector('.js-web-ide');
diff --git a/spec/javascripts/vue_mr_widget/components/mr_widget_pipeline_container_spec.js b/spec/javascripts/vue_mr_widget/components/mr_widget_pipeline_container_spec.js
deleted file mode 100644
index 76827cde093..00000000000
--- a/spec/javascripts/vue_mr_widget/components/mr_widget_pipeline_container_spec.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import { mount, createLocalVue } from '@vue/test-utils';
-import MrWidgetPipelineContainer from '~/vue_merge_request_widget/components/mr_widget_pipeline_container.vue';
-import MrWidgetPipeline from '~/vue_merge_request_widget/components/mr_widget_pipeline.vue';
-import ArtifactsApp from '~/vue_merge_request_widget/components/artifacts_list_app.vue';
-import { mockStore } from '../mock_data';
-
-const localVue = createLocalVue();
-
-describe('MrWidgetPipelineContainer', () => {
-  let wrapper;
-
-  const factory = (props = {}) => {
-    wrapper = mount(localVue.extend(MrWidgetPipelineContainer), {
-      propsData: {
-        mr: Object.assign({}, mockStore),
-        ...props,
-      },
-      localVue,
-    });
-  };
-
-  afterEach(() => {
-    wrapper.destroy();
-  });
-
-  describe('when pre merge', () => {
-    beforeEach(() => {
-      factory();
-    });
-
-    it('renders pipeline', () => {
-      expect(wrapper.find(MrWidgetPipeline).exists()).toBe(true);
-      expect(wrapper.find(MrWidgetPipeline).props()).toEqual(
-        jasmine.objectContaining({
-          pipeline: mockStore.pipeline,
-          pipelineCoverageDelta: mockStore.pipelineCoverageDelta,
-          ciStatus: mockStore.ciStatus,
-          hasCi: mockStore.hasCI,
-          sourceBranch: mockStore.sourceBranch,
-          sourceBranchLink: mockStore.sourceBranchLink,
-        }),
-      );
-    });
-
-    it('renders deployments', () => {
-      const expectedProps = mockStore.deployments.map(dep =>
-        jasmine.objectContaining({
-          deployment: dep,
-          showMetrics: false,
-        }),
-      );
-
-      const deployments = wrapper.findAll('.mr-widget-extension .js-pre-deployment');
-
-      expect(deployments.wrappers.map(x => x.props())).toEqual(expectedProps);
-    });
-  });
-
-  describe('when post merge', () => {
-    beforeEach(() => {
-      factory({
-        isPostMerge: true,
-      });
-    });
-
-    it('renders pipeline', () => {
-      expect(wrapper.find(MrWidgetPipeline).exists()).toBe(true);
-      expect(wrapper.find(MrWidgetPipeline).props()).toEqual(
-        jasmine.objectContaining({
-          pipeline: mockStore.mergePipeline,
-          pipelineCoverageDelta: mockStore.pipelineCoverageDelta,
-          ciStatus: mockStore.ciStatus,
-          hasCi: mockStore.hasCI,
-          sourceBranch: mockStore.targetBranch,
-          sourceBranchLink: mockStore.targetBranch,
-        }),
-      );
-    });
-
-    it('renders deployments', () => {
-      const expectedProps = mockStore.postMergeDeployments.map(dep =>
-        jasmine.objectContaining({
-          deployment: dep,
-          showMetrics: true,
-        }),
-      );
-
-      const deployments = wrapper.findAll('.mr-widget-extension .js-post-deployment');
-
-      expect(deployments.wrappers.map(x => x.props())).toEqual(expectedProps);
-    });
-  });
-
-  describe('with artifacts path', () => {
-    it('renders the artifacts app', () => {
-      expect(wrapper.find(ArtifactsApp).isVisible()).toBe(true);
-    });
-  });
-});
diff --git a/spec/javascripts/vue_mr_widget/components/mr_widget_pipeline_spec.js b/spec/javascripts/vue_mr_widget/components/mr_widget_pipeline_spec.js
index 5997c93105e..883c41085fa 100644
--- a/spec/javascripts/vue_mr_widget/components/mr_widget_pipeline_spec.js
+++ b/spec/javascripts/vue_mr_widget/components/mr_widget_pipeline_spec.js
@@ -122,6 +122,19 @@ describe('MRWidgetPipeline', () => {
       );
     });
 
+    it('should render CI error when no CI is provided and pipeline must succeed is turned on', () => {
+      vm = mountComponent(Component, {
+        pipeline: {},
+        hasCi: false,
+        pipelineMustSucceed: true,
+        troubleshootingDocsPath: 'help',
+      });
+
+      expect(vm.$el.querySelector('.media-body').textContent.trim()).toContain(
+        'No pipeline has been run for this commit.',
+      );
+    });
+
     describe('with a pipeline', () => {
       beforeEach(() => {
         vm = mountComponent(Component, {
diff --git a/spec/javascripts/vue_mr_widget/components/states/mr_widget_ready_to_merge_spec.js b/spec/javascripts/vue_mr_widget/components/states/mr_widget_ready_to_merge_spec.js
index d396f2d9271..9ba429c3d20 100644
--- a/spec/javascripts/vue_mr_widget/components/states/mr_widget_ready_to_merge_spec.js
+++ b/spec/javascripts/vue_mr_widget/components/states/mr_widget_ready_to_merge_spec.js
@@ -18,6 +18,7 @@ const createTestMr = customConfig => {
     isPipelineFailed: false,
     isPipelinePassing: false,
     isMergeAllowed: true,
+    isApproved: true,
     onlyAllowMergeIfPipelineSucceeds: false,
     ffOnlyEnabled: false,
     hasCI: false,
@@ -919,8 +920,8 @@ describe('ReadyToMerge', () => {
     });
   });
 
-  describe('Commit message area', () => {
-    describe('when using merge commits', () => {
+  describe('Merge request project settings', () => {
+    describe('when the merge commit merge method is enabled', () => {
       beforeEach(() => {
         vm = createComponent({
           mr: { ffOnlyEnabled: false },
@@ -936,7 +937,7 @@ describe('ReadyToMerge', () => {
       });
     });
 
-    describe('when fast-forward merge is enabled', () => {
+    describe('when the fast-forward merge method is enabled', () => {
       beforeEach(() => {
         vm = createComponent({
           mr: { ffOnlyEnabled: true },
diff --git a/spec/javascripts/vue_mr_widget/stores/artifacts_list/actions_spec.js b/spec/javascripts/vue_mr_widget/stores/artifacts_list/actions_spec.js
deleted file mode 100644
index 5070e74b5d2..00000000000
--- a/spec/javascripts/vue_mr_widget/stores/artifacts_list/actions_spec.js
+++ /dev/null
@@ -1,165 +0,0 @@
-import MockAdapter from 'axios-mock-adapter';
-import testAction from 'spec/helpers/vuex_action_helper';
-import { TEST_HOST } from 'spec/test_constants';
-import axios from '~/lib/utils/axios_utils';
-import {
-  setEndpoint,
-  requestArtifacts,
-  clearEtagPoll,
-  stopPolling,
-  fetchArtifacts,
-  receiveArtifactsSuccess,
-  receiveArtifactsError,
-} from '~/vue_merge_request_widget/stores/artifacts_list/actions';
-import state from '~/vue_merge_request_widget/stores/artifacts_list/state';
-import * as types from '~/vue_merge_request_widget/stores/artifacts_list/mutation_types';
-
-describe('Artifacts App Store Actions', () => {
-  let mockedState;
-
-  beforeEach(() => {
-    mockedState = state();
-  });
-
-  describe('setEndpoint', () => {
-    it('should commit SET_ENDPOINT mutation', done => {
-      testAction(
-        setEndpoint,
-        'endpoint.json',
-        mockedState,
-        [{ type: types.SET_ENDPOINT, payload: 'endpoint.json' }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('requestArtifacts', () => {
-    it('should commit REQUEST_ARTIFACTS mutation', done => {
-      testAction(
-        requestArtifacts,
-        null,
-        mockedState,
-        [{ type: types.REQUEST_ARTIFACTS }],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('fetchArtifacts', () => {
-    let mock;
-
-    beforeEach(() => {
-      mockedState.endpoint = `${TEST_HOST}/endpoint.json`;
-      mock = new MockAdapter(axios);
-    });
-
-    afterEach(() => {
-      mock.restore();
-      stopPolling();
-      clearEtagPoll();
-    });
-
-    describe('success', () => {
-      it('dispatches requestArtifacts and receiveArtifactsSuccess ', done => {
-        mock.onGet(`${TEST_HOST}/endpoint.json`).replyOnce(200, [
-          {
-            text: 'result.txt',
-            url: 'asda',
-            job_name: 'generate-artifact',
-            job_path: 'asda',
-          },
-        ]);
-
-        testAction(
-          fetchArtifacts,
-          null,
-          mockedState,
-          [],
-          [
-            {
-              type: 'requestArtifacts',
-            },
-            {
-              payload: {
-                data: [
-                  {
-                    text: 'result.txt',
-                    url: 'asda',
-                    job_name: 'generate-artifact',
-                    job_path: 'asda',
-                  },
-                ],
-                status: 200,
-              },
-              type: 'receiveArtifactsSuccess',
-            },
-          ],
-          done,
-        );
-      });
-    });
-
-    describe('error', () => {
-      beforeEach(() => {
-        mock.onGet(`${TEST_HOST}/endpoint.json`).reply(500);
-      });
-
-      it('dispatches requestArtifacts and receiveArtifactsError ', done => {
-        testAction(
-          fetchArtifacts,
-          null,
-          mockedState,
-          [],
-          [
-            {
-              type: 'requestArtifacts',
-            },
-            {
-              type: 'receiveArtifactsError',
-            },
-          ],
-          done,
-        );
-      });
-    });
-  });
-
-  describe('receiveArtifactsSuccess', () => {
-    it('should commit RECEIVE_ARTIFACTS_SUCCESS mutation with 200', done => {
-      testAction(
-        receiveArtifactsSuccess,
-        { data: { summary: {} }, status: 200 },
-        mockedState,
-        [{ type: types.RECEIVE_ARTIFACTS_SUCCESS, payload: { summary: {} } }],
-        [],
-        done,
-      );
-    });
-
-    it('should not commit RECEIVE_ARTIFACTS_SUCCESS mutation with 204', done => {
-      testAction(
-        receiveArtifactsSuccess,
-        { data: { summary: {} }, status: 204 },
-        mockedState,
-        [],
-        [],
-        done,
-      );
-    });
-  });
-
-  describe('receiveArtifactsError', () => {
-    it('should commit RECEIVE_ARTIFACTS_ERROR mutation', done => {
-      testAction(
-        receiveArtifactsError,
-        null,
-        mockedState,
-        [{ type: types.RECEIVE_ARTIFACTS_ERROR }],
-        [],
-        done,
-      );
-    });
-  });
-});
diff --git a/spec/javascripts/vue_mr_widget/stores/mr_widget_store_spec.js b/spec/javascripts/vue_mr_widget/stores/mr_widget_store_spec.js
deleted file mode 100644
index 1906585af7b..00000000000
--- a/spec/javascripts/vue_mr_widget/stores/mr_widget_store_spec.js
+++ /dev/null
@@ -1,112 +0,0 @@
-import MergeRequestStore from '~/vue_merge_request_widget/stores/mr_widget_store';
-import { stateKey } from '~/vue_merge_request_widget/stores/state_maps';
-import mockData from '../mock_data';
-
-describe('MergeRequestStore', () => {
-  let store;
-
-  beforeEach(() => {
-    store = new MergeRequestStore(mockData);
-  });
-
-  describe('setData', () => {
-    it('should set isSHAMismatch when the diff SHA changes', () => {
-      store.setData({ ...mockData, diff_head_sha: 'a-different-string' });
-
-      expect(store.isSHAMismatch).toBe(true);
-    });
-
-    it('should not set isSHAMismatch when other data changes', () => {
-      store.setData({ ...mockData, work_in_progress: !mockData.work_in_progress });
-
-      expect(store.isSHAMismatch).toBe(false);
-    });
-
-    it('should update cached sha after rebasing', () => {
-      store.setData({ ...mockData, diff_head_sha: 'abc123' }, true);
-
-      expect(store.isSHAMismatch).toBe(false);
-      expect(store.sha).toBe('abc123');
-    });
-
-    describe('isPipelinePassing', () => {
-      it('is true when the CI status is `success`', () => {
-        store.setData({ ...mockData, ci_status: 'success' });
-
-        expect(store.isPipelinePassing).toBe(true);
-      });
-
-      it('is true when the CI status is `success-with-warnings`', () => {
-        store.setData({ ...mockData, ci_status: 'success-with-warnings' });
-
-        expect(store.isPipelinePassing).toBe(true);
-      });
-
-      it('is false when the CI status is `failed`', () => {
-        store.setData({ ...mockData, ci_status: 'failed' });
-
-        expect(store.isPipelinePassing).toBe(false);
-      });
-
-      it('is false when the CI status is anything except `success`', () => {
-        store.setData({ ...mockData, ci_status: 'foobarbaz' });
-
-        expect(store.isPipelinePassing).toBe(false);
-      });
-    });
-
-    describe('isPipelineSkipped', () => {
-      it('should set isPipelineSkipped=true when the CI status is `skipped`', () => {
-        store.setData({ ...mockData, ci_status: 'skipped' });
-
-        expect(store.isPipelineSkipped).toBe(true);
-      });
-
-      it('should set isPipelineSkipped=false when the CI status is anything except `skipped`', () => {
-        store.setData({ ...mockData, ci_status: 'foobarbaz' });
-
-        expect(store.isPipelineSkipped).toBe(false);
-      });
-    });
-
-    describe('isNothingToMergeState', () => {
-      it('returns true when nothingToMerge', () => {
-        store.state = stateKey.nothingToMerge;
-
-        expect(store.isNothingToMergeState).toEqual(true);
-      });
-
-      it('returns false when not nothingToMerge', () => {
-        store.state = 'state';
-
-        expect(store.isNothingToMergeState).toEqual(false);
-      });
-    });
-  });
-
-  describe('setPaths', () => {
-    it('should set the add ci config path', () => {
-      store.setData({ ...mockData });
-
-      expect(store.mergeRequestAddCiConfigPath).toEqual('/group2/project2/new/pipeline');
-    });
-
-    it('should set humanAccess=Maintainer when user has that role', () => {
-      store.setData({ ...mockData });
-
-      expect(store.humanAccess).toEqual('Maintainer');
-    });
-
-    it('should set pipelinesEmptySvgPath', () => {
-      store.setData({ ...mockData });
-
-      expect(store.pipelinesEmptySvgPath).toBe('/path/to/svg');
-    });
-
-    it('should set newPipelinePath', () => {
-      store.setData({ ...mockData });
-
-      expect(store.newPipelinePath).toBe('/group2/project2/pipelines/new');
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/ci_badge_link_spec.js b/spec/javascripts/vue_shared/components/ci_badge_link_spec.js
deleted file mode 100644
index 367e07d3ad3..00000000000
--- a/spec/javascripts/vue_shared/components/ci_badge_link_spec.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import ciBadge from '~/vue_shared/components/ci_badge_link.vue';
-
-describe('CI Badge Link Component', () => {
-  let CIBadge;
-  let vm;
-
-  const statuses = {
-    canceled: {
-      text: 'canceled',
-      label: 'canceled',
-      group: 'canceled',
-      icon: 'status_canceled',
-      details_path: 'status/canceled',
-    },
-    created: {
-      text: 'created',
-      label: 'created',
-      group: 'created',
-      icon: 'status_created',
-      details_path: 'status/created',
-    },
-    failed: {
-      text: 'failed',
-      label: 'failed',
-      group: 'failed',
-      icon: 'status_failed',
-      details_path: 'status/failed',
-    },
-    manual: {
-      text: 'manual',
-      label: 'manual action',
-      group: 'manual',
-      icon: 'status_manual',
-      details_path: 'status/manual',
-    },
-    pending: {
-      text: 'pending',
-      label: 'pending',
-      group: 'pending',
-      icon: 'status_pending',
-      details_path: 'status/pending',
-    },
-    running: {
-      text: 'running',
-      label: 'running',
-      group: 'running',
-      icon: 'status_running',
-      details_path: 'status/running',
-    },
-    skipped: {
-      text: 'skipped',
-      label: 'skipped',
-      group: 'skipped',
-      icon: 'status_skipped',
-      details_path: 'status/skipped',
-    },
-    success_warining: {
-      text: 'passed',
-      label: 'passed',
-      group: 'success-with-warnings',
-      icon: 'status_warning',
-      details_path: 'status/warning',
-    },
-    success: {
-      text: 'passed',
-      label: 'passed',
-      group: 'passed',
-      icon: 'status_success',
-      details_path: 'status/passed',
-    },
-  };
-
-  beforeEach(() => {
-    CIBadge = Vue.extend(ciBadge);
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('should render each status badge', () => {
-    Object.keys(statuses).map(status => {
-      vm = mountComponent(CIBadge, { status: statuses[status] });
-
-      expect(vm.$el.getAttribute('href')).toEqual(statuses[status].details_path);
-      expect(vm.$el.textContent.trim()).toEqual(statuses[status].text);
-      expect(vm.$el.getAttribute('class')).toContain(`ci-status ci-${statuses[status].group}`);
-      expect(vm.$el.querySelector('svg')).toBeDefined();
-      return vm;
-    });
-  });
-
-  it('should not render label', () => {
-    vm = mountComponent(CIBadge, { status: statuses.canceled, showText: false });
-
-    expect(vm.$el.textContent.trim()).toEqual('');
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/ci_icon_spec.js b/spec/javascripts/vue_shared/components/ci_icon_spec.js
deleted file mode 100644
index 9486d7d4f23..00000000000
--- a/spec/javascripts/vue_shared/components/ci_icon_spec.js
+++ /dev/null
@@ -1,122 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import ciIcon from '~/vue_shared/components/ci_icon.vue';
-
-describe('CI Icon component', () => {
-  const Component = Vue.extend(ciIcon);
-  let vm;
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('should render a span element with an svg', () => {
-    vm = mountComponent(Component, {
-      status: {
-        icon: 'status_success',
-      },
-    });
-
-    expect(vm.$el.tagName).toEqual('SPAN');
-    expect(vm.$el.querySelector('span > svg')).toBeDefined();
-  });
-
-  it('should render a success status', () => {
-    vm = mountComponent(Component, {
-      status: {
-        icon: 'status_success',
-        group: 'success',
-      },
-    });
-
-    expect(vm.$el.classList.contains('ci-status-icon-success')).toEqual(true);
-  });
-
-  it('should render a failed status', () => {
-    vm = mountComponent(Component, {
-      status: {
-        icon: 'status_failed',
-        group: 'failed',
-      },
-    });
-
-    expect(vm.$el.classList.contains('ci-status-icon-failed')).toEqual(true);
-  });
-
-  it('should render success with warnings status', () => {
-    vm = mountComponent(Component, {
-      status: {
-        icon: 'status_warning',
-        group: 'warning',
-      },
-    });
-
-    expect(vm.$el.classList.contains('ci-status-icon-warning')).toEqual(true);
-  });
-
-  it('should render pending status', () => {
-    vm = mountComponent(Component, {
-      status: {
-        icon: 'status_pending',
-        group: 'pending',
-      },
-    });
-
-    expect(vm.$el.classList.contains('ci-status-icon-pending')).toEqual(true);
-  });
-
-  it('should render running status', () => {
-    vm = mountComponent(Component, {
-      status: {
-        icon: 'status_running',
-        group: 'running',
-      },
-    });
-
-    expect(vm.$el.classList.contains('ci-status-icon-running')).toEqual(true);
-  });
-
-  it('should render created status', () => {
-    vm = mountComponent(Component, {
-      status: {
-        icon: 'status_created',
-        group: 'created',
-      },
-    });
-
-    expect(vm.$el.classList.contains('ci-status-icon-created')).toEqual(true);
-  });
-
-  it('should render skipped status', () => {
-    vm = mountComponent(Component, {
-      status: {
-        icon: 'status_skipped',
-        group: 'skipped',
-      },
-    });
-
-    expect(vm.$el.classList.contains('ci-status-icon-skipped')).toEqual(true);
-  });
-
-  it('should render canceled status', () => {
-    vm = mountComponent(Component, {
-      status: {
-        icon: 'status_canceled',
-        group: 'canceled',
-      },
-    });
-
-    expect(vm.$el.classList.contains('ci-status-icon-canceled')).toEqual(true);
-  });
-
-  it('should render status for manual action', () => {
-    vm = mountComponent(Component, {
-      status: {
-        icon: 'status_manual',
-        group: 'manual',
-      },
-    });
-
-    expect(vm.$el.classList.contains('ci-status-icon-manual')).toEqual(true);
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/content_viewer/content_viewer_spec.js b/spec/javascripts/vue_shared/components/content_viewer/content_viewer_spec.js
deleted file mode 100644
index fbe9337ecf4..00000000000
--- a/spec/javascripts/vue_shared/components/content_viewer/content_viewer_spec.js
+++ /dev/null
@@ -1,123 +0,0 @@
-import Vue from 'vue';
-import MockAdapter from 'axios-mock-adapter';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import waitForPromises from 'spec/helpers/wait_for_promises';
-import { GREEN_BOX_IMAGE_URL } from 'spec/test_constants';
-import axios from '~/lib/utils/axios_utils';
-import contentViewer from '~/vue_shared/components/content_viewer/content_viewer.vue';
-import '~/behaviors/markdown/render_gfm';
-
-describe('ContentViewer', () => {
-  let vm;
-  let mock;
-
-  function createComponent(props) {
-    const ContentViewer = Vue.extend(contentViewer);
-    vm = mountComponent(ContentViewer, props);
-  }
-
-  afterEach(() => {
-    vm.$destroy();
-    if (mock) mock.restore();
-  });
-
-  it('markdown preview renders + loads rendered markdown from server', done => {
-    mock = new MockAdapter(axios);
-    mock.onPost(`${gon.relative_url_root}/testproject/preview_markdown`).replyOnce(200, {
-      body: '<b>testing</b>',
-    });
-
-    createComponent({
-      path: 'test.md',
-      content: '*  Test',
-      projectPath: 'testproject',
-      type: 'markdown',
-    });
-
-    waitForPromises()
-      .then(() => {
-        expect(vm.$el.querySelector('.md-previewer').textContent).toContain('testing');
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('renders image preview', done => {
-    createComponent({
-      path: GREEN_BOX_IMAGE_URL,
-      fileSize: 1024,
-      type: 'image',
-    });
-
-    vm.$nextTick()
-      .then(() => {
-        expect(vm.$el.querySelector('img').getAttribute('src')).toBe(GREEN_BOX_IMAGE_URL);
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('renders fallback download control', done => {
-    createComponent({
-      path: 'somepath/test.abc',
-      fileSize: 1024,
-    });
-
-    vm.$nextTick()
-      .then(() => {
-        expect(
-          vm.$el
-            .querySelector('.file-info')
-            .textContent.trim()
-            .replace(/\s+/, ' '),
-        ).toEqual('test.abc (1.00 KiB)');
-
-        expect(vm.$el.querySelector('.btn.btn-default').textContent.trim()).toEqual('Download');
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('renders fallback download control for file with a data URL path properly', done => {
-    createComponent({
-      path: 'data:application/octet-stream;base64,U0VMRUNUICfEhHNnc2cnIGZyb20gVGFibGVuYW1lOwoK',
-      filePath: 'somepath/test.abc',
-    });
-
-    vm.$nextTick()
-      .then(() => {
-        expect(vm.$el.querySelector('.file-info').textContent.trim()).toEqual('test.abc');
-        expect(vm.$el.querySelector('.btn.btn-default')).toHaveAttr('download', 'test.abc');
-        expect(vm.$el.querySelector('.btn.btn-default').textContent.trim()).toEqual('Download');
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('markdown preview receives the file path as a parameter', done => {
-    mock = new MockAdapter(axios);
-    spyOn(axios, 'post').and.callThrough();
-    mock.onPost(`${gon.relative_url_root}/testproject/preview_markdown`).reply(200, {
-      body: '<b>testing</b>',
-    });
-
-    createComponent({
-      path: 'test.md',
-      content: '*  Test',
-      projectPath: 'testproject',
-      type: 'markdown',
-      filePath: 'foo/test.md',
-    });
-
-    vm.$nextTick()
-      .then(() => {
-        expect(axios.post).toHaveBeenCalledWith(
-          `${gon.relative_url_root}/testproject/preview_markdown`,
-          { path: 'foo/test.md', text: '*  Test' },
-          jasmine.any(Object),
-        );
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/diff_viewer/diff_viewer_spec.js b/spec/javascripts/vue_shared/components/diff_viewer/diff_viewer_spec.js
deleted file mode 100644
index 6a83790093a..00000000000
--- a/spec/javascripts/vue_shared/components/diff_viewer/diff_viewer_spec.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import { GREEN_BOX_IMAGE_URL, RED_BOX_IMAGE_URL } from 'spec/test_constants';
-import diffViewer from '~/vue_shared/components/diff_viewer/diff_viewer.vue';
-
-describe('DiffViewer', () => {
-  const requiredProps = {
-    diffMode: 'replaced',
-    diffViewerMode: 'image',
-    newPath: GREEN_BOX_IMAGE_URL,
-    newSha: 'ABC',
-    oldPath: RED_BOX_IMAGE_URL,
-    oldSha: 'DEF',
-  };
-  let vm;
-
-  function createComponent(props) {
-    const DiffViewer = Vue.extend(diffViewer);
-
-    vm = mountComponent(DiffViewer, props);
-  }
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders image diff', done => {
-    window.gon = {
-      relative_url_root: '',
-    };
-
-    createComponent(
-      Object.assign({}, requiredProps, {
-        projectPath: '',
-      }),
-    );
-
-    setTimeout(() => {
-      expect(vm.$el.querySelector('.deleted img').getAttribute('src')).toBe(
-        `//-/raw/DEF/${RED_BOX_IMAGE_URL}`,
-      );
-
-      expect(vm.$el.querySelector('.added img').getAttribute('src')).toBe(
-        `//-/raw/ABC/${GREEN_BOX_IMAGE_URL}`,
-      );
-
-      done();
-    });
-  });
-
-  it('renders fallback download diff display', done => {
-    createComponent(
-      Object.assign({}, requiredProps, {
-        diffViewerMode: 'added',
-        newPath: 'test.abc',
-        oldPath: 'testold.abc',
-      }),
-    );
-
-    setTimeout(() => {
-      expect(vm.$el.querySelector('.deleted .file-info').textContent.trim()).toContain(
-        'testold.abc',
-      );
-
-      expect(vm.$el.querySelector('.deleted .btn.btn-default').textContent.trim()).toContain(
-        'Download',
-      );
-
-      expect(vm.$el.querySelector('.added .file-info').textContent.trim()).toContain('test.abc');
-      expect(vm.$el.querySelector('.added .btn.btn-default').textContent.trim()).toContain(
-        'Download',
-      );
-
-      done();
-    });
-  });
-
-  it('renders renamed component', () => {
-    createComponent(
-      Object.assign({}, requiredProps, {
-        diffMode: 'renamed',
-        diffViewerMode: 'renamed',
-        newPath: 'test.abc',
-        oldPath: 'testold.abc',
-      }),
-    );
-
-    expect(vm.$el.textContent).toContain('File moved');
-  });
-
-  it('renders mode changed component', () => {
-    createComponent(
-      Object.assign({}, requiredProps, {
-        diffMode: 'mode_changed',
-        newPath: 'test.abc',
-        oldPath: 'testold.abc',
-        aMode: '123',
-        bMode: '321',
-      }),
-    );
-
-    expect(vm.$el.textContent).toContain('File mode changed from 123 to 321');
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/dropdown/dropdown_button_spec.js b/spec/javascripts/vue_shared/components/dropdown/dropdown_button_spec.js
deleted file mode 100644
index b00fa785a0e..00000000000
--- a/spec/javascripts/vue_shared/components/dropdown/dropdown_button_spec.js
+++ /dev/null
@@ -1,81 +0,0 @@
-import Vue from 'vue';
-
-import { mountComponentWithSlots } from 'spec/helpers/vue_mount_component_helper';
-import dropdownButtonComponent from '~/vue_shared/components/dropdown/dropdown_button.vue';
-
-const defaultLabel = 'Select';
-const customLabel = 'Select project';
-
-const createComponent = (props, slots = {}) => {
-  const Component = Vue.extend(dropdownButtonComponent);
-
-  return mountComponentWithSlots(Component, { props, slots });
-};
-
-describe('DropdownButtonComponent', () => {
-  let vm;
-
-  beforeEach(() => {
-    vm = createComponent();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('computed', () => {
-    describe('dropdownToggleText', () => {
-      it('returns default toggle text', () => {
-        expect(vm.toggleText).toBe(defaultLabel);
-      });
-
-      it('returns custom toggle text when provided via props', () => {
-        const vmEmptyLabels = createComponent({ toggleText: customLabel });
-
-        expect(vmEmptyLabels.toggleText).toBe(customLabel);
-        vmEmptyLabels.$destroy();
-      });
-    });
-  });
-
-  describe('template', () => {
-    it('renders component container element of type `button`', () => {
-      expect(vm.$el.nodeName).toBe('BUTTON');
-    });
-
-    it('renders component container element with required data attributes', () => {
-      expect(vm.$el.dataset.abilityName).toBe(vm.abilityName);
-      expect(vm.$el.dataset.fieldName).toBe(vm.fieldName);
-      expect(vm.$el.dataset.issueUpdate).toBe(vm.updatePath);
-      expect(vm.$el.dataset.labels).toBe(vm.labelsPath);
-      expect(vm.$el.dataset.namespacePath).toBe(vm.namespace);
-      expect(vm.$el.dataset.showAny).not.toBeDefined();
-    });
-
-    it('renders dropdown toggle text element', () => {
-      const dropdownToggleTextEl = vm.$el.querySelector('.dropdown-toggle-text');
-
-      expect(dropdownToggleTextEl).not.toBeNull();
-      expect(dropdownToggleTextEl.innerText.trim()).toBe(defaultLabel);
-    });
-
-    it('renders dropdown button icon', () => {
-      const dropdownIconEl = vm.$el.querySelector('.dropdown-toggle-icon i.fa');
-
-      expect(dropdownIconEl).not.toBeNull();
-      expect(dropdownIconEl.classList.contains('fa-chevron-down')).toBe(true);
-    });
-
-    it('renders slot, if default slot exists', () => {
-      vm = createComponent(
-        {},
-        {
-          default: ['Lorem Ipsum Dolar'],
-        },
-      );
-
-      expect(vm.$el).not.toContainElement('.dropdown-toggle-text');
-      expect(vm.$el).toHaveText('Lorem Ipsum Dolar');
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/dropdown/dropdown_hidden_input_spec.js b/spec/javascripts/vue_shared/components/dropdown/dropdown_hidden_input_spec.js
deleted file mode 100644
index 402de2a8788..00000000000
--- a/spec/javascripts/vue_shared/components/dropdown/dropdown_hidden_input_spec.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import dropdownHiddenInputComponent from '~/vue_shared/components/dropdown/dropdown_hidden_input.vue';
-
-import { mockLabels } from './mock_data';
-
-const createComponent = (name = 'label_id[]', value = mockLabels[0].id) => {
-  const Component = Vue.extend(dropdownHiddenInputComponent);
-
-  return mountComponent(Component, {
-    name,
-    value,
-  });
-};
-
-describe('DropdownHiddenInputComponent', () => {
-  let vm;
-
-  beforeEach(() => {
-    vm = createComponent();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('template', () => {
-    it('renders input element of type `hidden`', () => {
-      expect(vm.$el.nodeName).toBe('INPUT');
-      expect(vm.$el.getAttribute('type')).toBe('hidden');
-      expect(vm.$el.getAttribute('name')).toBe(vm.name);
-      expect(vm.$el.getAttribute('value')).toBe(`${vm.value}`);
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/dropdown/mock_data.js b/spec/javascripts/vue_shared/components/dropdown/mock_data.js
deleted file mode 100644
index b09d42da401..00000000000
--- a/spec/javascripts/vue_shared/components/dropdown/mock_data.js
+++ /dev/null
@@ -1,11 +0,0 @@
-export const mockLabels = [
-  {
-    id: 26,
-    title: 'Foo Label',
-    description: 'Foobar',
-    color: '#BADA55',
-    text_color: '#FFFFFF',
-  },
-];
-
-export default mockLabels;
diff --git a/spec/javascripts/vue_shared/components/file_finder/item_spec.js b/spec/javascripts/vue_shared/components/file_finder/item_spec.js
deleted file mode 100644
index e18d0a46223..00000000000
--- a/spec/javascripts/vue_shared/components/file_finder/item_spec.js
+++ /dev/null
@@ -1,140 +0,0 @@
-import Vue from 'vue';
-import { file } from 'spec/ide/helpers';
-import ItemComponent from '~/vue_shared/components/file_finder/item.vue';
-import createComponent from '../../../helpers/vue_mount_component_helper';
-
-describe('File finder item spec', () => {
-  const Component = Vue.extend(ItemComponent);
-  let vm;
-  let localFile;
-
-  beforeEach(() => {
-    localFile = {
-      ...file(),
-      name: 'test file',
-      path: 'test/file',
-    };
-
-    vm = createComponent(Component, {
-      file: localFile,
-      focused: true,
-      searchText: '',
-      index: 0,
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders file name & path', () => {
-    expect(vm.$el.textContent).toContain('test file');
-    expect(vm.$el.textContent).toContain('test/file');
-  });
-
-  describe('focused', () => {
-    it('adds is-focused class', () => {
-      expect(vm.$el.classList).toContain('is-focused');
-    });
-
-    it('does not have is-focused class when not focused', done => {
-      vm.focused = false;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.classList).not.toContain('is-focused');
-
-        done();
-      });
-    });
-  });
-
-  describe('changed file icon', () => {
-    it('does not render when not a changed or temp file', () => {
-      expect(vm.$el.querySelector('.diff-changed-stats')).toBe(null);
-    });
-
-    it('renders when a changed file', done => {
-      vm.file.changed = true;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.diff-changed-stats')).not.toBe(null);
-
-        done();
-      });
-    });
-
-    it('renders when a temp file', done => {
-      vm.file.tempFile = true;
-
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelector('.diff-changed-stats')).not.toBe(null);
-
-        done();
-      });
-    });
-  });
-
-  it('emits event when clicked', () => {
-    spyOn(vm, '$emit');
-
-    vm.$el.click();
-
-    expect(vm.$emit).toHaveBeenCalledWith('click', vm.file);
-  });
-
-  describe('path', () => {
-    let el;
-
-    beforeEach(done => {
-      vm.searchText = 'file';
-
-      el = vm.$el.querySelector('.diff-changed-file-path');
-
-      vm.$nextTick(done);
-    });
-
-    it('highlights text', () => {
-      expect(el.querySelectorAll('.highlighted').length).toBe(4);
-    });
-
-    it('adds ellipsis to long text', done => {
-      vm.file.path = new Array(70)
-        .fill()
-        .map((_, i) => `${i}-`)
-        .join('');
-
-      vm.$nextTick(() => {
-        expect(el.textContent).toBe(`...${vm.file.path.substr(vm.file.path.length - 60)}`);
-        done();
-      });
-    });
-  });
-
-  describe('name', () => {
-    let el;
-
-    beforeEach(done => {
-      vm.searchText = 'file';
-
-      el = vm.$el.querySelector('.diff-changed-file-name');
-
-      vm.$nextTick(done);
-    });
-
-    it('highlights text', () => {
-      expect(el.querySelectorAll('.highlighted').length).toBe(4);
-    });
-
-    it('does not add ellipsis to long text', done => {
-      vm.file.name = new Array(70)
-        .fill()
-        .map((_, i) => `${i}-`)
-        .join('');
-
-      vm.$nextTick(() => {
-        expect(el.textContent).not.toBe(`...${vm.file.name.substr(vm.file.name.length - 60)}`);
-        done();
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/filtered_search_dropdown_spec.js b/spec/javascripts/vue_shared/components/filtered_search_dropdown_spec.js
deleted file mode 100644
index 0bb4a04557b..00000000000
--- a/spec/javascripts/vue_shared/components/filtered_search_dropdown_spec.js
+++ /dev/null
@@ -1,190 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import component from '~/vue_shared/components/filtered_search_dropdown.vue';
-
-describe('Filtered search dropdown', () => {
-  const Component = Vue.extend(component);
-  let vm;
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('with an empty array of items', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        items: [],
-        filterKey: '',
-      });
-    });
-
-    it('renders empty list', () => {
-      expect(vm.$el.querySelectorAll('.js-filtered-dropdown-result').length).toEqual(0);
-    });
-
-    it('renders filter input', () => {
-      expect(vm.$el.querySelector('.js-filtered-dropdown-input')).not.toBeNull();
-    });
-  });
-
-  describe('when visible numbers is less than the items length', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        items: [{ title: 'One' }, { title: 'Two' }, { title: 'Three' }],
-        visibleItems: 2,
-        filterKey: 'title',
-      });
-    });
-
-    it('it renders only the maximum number provided', () => {
-      expect(vm.$el.querySelectorAll('.js-filtered-dropdown-result').length).toEqual(2);
-    });
-  });
-
-  describe('when visible number is bigger than the items length', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        items: [{ title: 'One' }, { title: 'Two' }, { title: 'Three' }],
-        filterKey: 'title',
-      });
-    });
-
-    it('it renders the full list of items the maximum number provided', () => {
-      expect(vm.$el.querySelectorAll('.js-filtered-dropdown-result').length).toEqual(3);
-    });
-  });
-
-  describe('while filtering', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        items: [
-          { title: 'One' },
-          { title: 'Two/three' },
-          { title: 'Three four' },
-          { title: 'Five' },
-        ],
-        filterKey: 'title',
-      });
-    });
-
-    it('updates the results to match the typed value', done => {
-      vm.$el.querySelector('.js-filtered-dropdown-input').value = 'three';
-      vm.$el.querySelector('.js-filtered-dropdown-input').dispatchEvent(new Event('input'));
-      vm.$nextTick(() => {
-        expect(vm.$el.querySelectorAll('.js-filtered-dropdown-result').length).toEqual(2);
-        done();
-      });
-    });
-
-    describe('when no value matches the typed one', () => {
-      it('does not render any result', done => {
-        vm.$el.querySelector('.js-filtered-dropdown-input').value = 'six';
-        vm.$el.querySelector('.js-filtered-dropdown-input').dispatchEvent(new Event('input'));
-
-        vm.$nextTick(() => {
-          expect(vm.$el.querySelectorAll('.js-filtered-dropdown-result').length).toEqual(0);
-          done();
-        });
-      });
-    });
-  });
-
-  describe('with create mode enabled', () => {
-    describe('when there are no matches', () => {
-      beforeEach(() => {
-        vm = mountComponent(Component, {
-          items: [
-            { title: 'One' },
-            { title: 'Two/three' },
-            { title: 'Three four' },
-            { title: 'Five' },
-          ],
-          filterKey: 'title',
-          showCreateMode: true,
-        });
-
-        vm.$el.querySelector('.js-filtered-dropdown-input').value = 'eleven';
-        vm.$el.querySelector('.js-filtered-dropdown-input').dispatchEvent(new Event('input'));
-      });
-
-      it('renders a create button', done => {
-        vm.$nextTick(() => {
-          expect(vm.$el.querySelector('.js-dropdown-create-button')).not.toBeNull();
-          done();
-        });
-      });
-
-      it('renders computed button text', done => {
-        vm.$nextTick(() => {
-          expect(vm.$el.querySelector('.js-dropdown-create-button').textContent.trim()).toEqual(
-            'Create eleven',
-          );
-          done();
-        });
-      });
-
-      describe('on click create button', () => {
-        it('emits createItem event with the filter', done => {
-          spyOn(vm, '$emit');
-          vm.$nextTick(() => {
-            vm.$el.querySelector('.js-dropdown-create-button').click();
-
-            expect(vm.$emit).toHaveBeenCalledWith('createItem', 'eleven');
-            done();
-          });
-        });
-      });
-    });
-
-    describe('when there are matches', () => {
-      beforeEach(() => {
-        vm = mountComponent(Component, {
-          items: [
-            { title: 'One' },
-            { title: 'Two/three' },
-            { title: 'Three four' },
-            { title: 'Five' },
-          ],
-          filterKey: 'title',
-          showCreateMode: true,
-        });
-
-        vm.$el.querySelector('.js-filtered-dropdown-input').value = 'one';
-        vm.$el.querySelector('.js-filtered-dropdown-input').dispatchEvent(new Event('input'));
-      });
-
-      it('does not render a create button', done => {
-        vm.$nextTick(() => {
-          expect(vm.$el.querySelector('.js-dropdown-create-button')).toBeNull();
-          done();
-        });
-      });
-    });
-  });
-
-  describe('with create mode disabled', () => {
-    describe('when there are no matches', () => {
-      beforeEach(() => {
-        vm = mountComponent(Component, {
-          items: [
-            { title: 'One' },
-            { title: 'Two/three' },
-            { title: 'Three four' },
-            { title: 'Five' },
-          ],
-          filterKey: 'title',
-        });
-
-        vm.$el.querySelector('.js-filtered-dropdown-input').value = 'eleven';
-        vm.$el.querySelector('.js-filtered-dropdown-input').dispatchEvent(new Event('input'));
-      });
-
-      it('does not render a create button', done => {
-        vm.$nextTick(() => {
-          expect(vm.$el.querySelector('.js-dropdown-create-button')).toBeNull();
-          done();
-        });
-      });
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/gl_countdown_spec.js b/spec/javascripts/vue_shared/components/gl_countdown_spec.js
deleted file mode 100644
index 929ffe219f4..00000000000
--- a/spec/javascripts/vue_shared/components/gl_countdown_spec.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import Vue from 'vue';
-import GlCountdown from '~/vue_shared/components/gl_countdown.vue';
-
-describe('GlCountdown', () => {
-  const Component = Vue.extend(GlCountdown);
-  let vm;
-  let now = '2000-01-01T00:00:00Z';
-
-  beforeEach(() => {
-    spyOn(Date, 'now').and.callFake(() => new Date(now).getTime());
-    jasmine.clock().install();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-    jasmine.clock().uninstall();
-  });
-
-  describe('when there is time remaining', () => {
-    beforeEach(done => {
-      vm = mountComponent(Component, {
-        endDateString: '2000-01-01T01:02:03Z',
-      });
-
-      Vue.nextTick()
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('displays remaining time', () => {
-      expect(vm.$el).toContainText('01:02:03');
-    });
-
-    it('updates remaining time', done => {
-      now = '2000-01-01T00:00:01Z';
-      jasmine.clock().tick(1000);
-
-      Vue.nextTick()
-        .then(() => {
-          expect(vm.$el).toContainText('01:02:02');
-          done();
-        })
-        .catch(done.fail);
-    });
-  });
-
-  describe('when there is no time remaining', () => {
-    beforeEach(done => {
-      vm = mountComponent(Component, {
-        endDateString: '1900-01-01T00:00:00Z',
-      });
-
-      Vue.nextTick()
-        .then(done)
-        .catch(done.fail);
-    });
-
-    it('displays 00:00:00', () => {
-      expect(vm.$el).toContainText('00:00:00');
-    });
-  });
-
-  describe('when an invalid date is passed', () => {
-    it('throws a validation error', () => {
-      spyOn(Vue.config, 'warnHandler').and.stub();
-      vm = mountComponent(Component, {
-        endDateString: 'this is invalid',
-      });
-
-      expect(Vue.config.warnHandler).toHaveBeenCalledTimes(1);
-      const [errorMessage] = Vue.config.warnHandler.calls.argsFor(0);
-
-      expect(errorMessage).toMatch(/^Invalid prop: .* "endDateString"/);
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/header_ci_component_spec.js b/spec/javascripts/vue_shared/components/header_ci_component_spec.js
deleted file mode 100644
index b1abc972e1d..00000000000
--- a/spec/javascripts/vue_shared/components/header_ci_component_spec.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import Vue from 'vue';
-import mountComponent, { mountComponentWithSlots } from 'spec/helpers/vue_mount_component_helper';
-import headerCi from '~/vue_shared/components/header_ci_component.vue';
-
-describe('Header CI Component', () => {
-  let HeaderCi;
-  let vm;
-  let props;
-
-  beforeEach(() => {
-    HeaderCi = Vue.extend(headerCi);
-    props = {
-      status: {
-        group: 'failed',
-        icon: 'status_failed',
-        label: 'failed',
-        text: 'failed',
-        details_path: 'path',
-      },
-      itemName: 'job',
-      itemId: 123,
-      time: '2017-05-08T14:57:39.781Z',
-      user: {
-        web_url: 'path',
-        name: 'Foo',
-        username: 'foobar',
-        email: 'foo@bar.com',
-        avatar_url: 'link',
-      },
-      hasSidebarButton: true,
-    };
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  const findActionButtons = () => vm.$el.querySelector('.header-action-buttons');
-
-  describe('render', () => {
-    beforeEach(() => {
-      vm = mountComponent(HeaderCi, props);
-    });
-
-    it('should render status badge', () => {
-      expect(vm.$el.querySelector('.ci-failed')).toBeDefined();
-      expect(vm.$el.querySelector('.ci-status-icon-failed svg')).toBeDefined();
-      expect(vm.$el.querySelector('.ci-failed').getAttribute('href')).toEqual(
-        props.status.details_path,
-      );
-    });
-
-    it('should render item name and id', () => {
-      expect(vm.$el.querySelector('strong').textContent.trim()).toEqual('job #123');
-    });
-
-    it('should render timeago date', () => {
-      expect(vm.$el.querySelector('time')).toBeDefined();
-    });
-
-    it('should render user icon and name', () => {
-      expect(vm.$el.querySelector('.js-user-link').innerText.trim()).toContain(props.user.name);
-    });
-
-    it('should render sidebar toggle button', () => {
-      expect(vm.$el.querySelector('.js-sidebar-build-toggle')).not.toBeNull();
-    });
-
-    it('should not render header action buttons when empty', () => {
-      expect(findActionButtons()).toBeNull();
-    });
-  });
-
-  describe('slot', () => {
-    it('should render header action buttons', () => {
-      vm = mountComponentWithSlots(HeaderCi, { props, slots: { default: 'Test Actions' } });
-
-      const buttons = findActionButtons();
-
-      expect(buttons).not.toBeNull();
-      expect(buttons.textContent).toEqual('Test Actions');
-    });
-  });
-
-  describe('shouldRenderTriggeredLabel', () => {
-    it('should rendered created keyword when the shouldRenderTriggeredLabel is false', () => {
-      vm = mountComponent(HeaderCi, { ...props, shouldRenderTriggeredLabel: false });
-
-      expect(vm.$el.textContent).toContain('created');
-      expect(vm.$el.textContent).not.toContain('triggered');
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/markdown/suggestions_spec.js b/spec/javascripts/vue_shared/components/markdown/suggestions_spec.js
deleted file mode 100644
index b7de40b4831..00000000000
--- a/spec/javascripts/vue_shared/components/markdown/suggestions_spec.js
+++ /dev/null
@@ -1,106 +0,0 @@
-import Vue from 'vue';
-import SuggestionsComponent from '~/vue_shared/components/markdown/suggestions.vue';
-
-const MOCK_DATA = {
-  suggestions: [
-    {
-      id: 1,
-      appliable: true,
-      applied: false,
-      current_user: {
-        can_apply: true,
-      },
-      diff_lines: [
-        {
-          can_receive_suggestion: false,
-          line_code: null,
-          meta_data: null,
-          new_line: null,
-          old_line: 5,
-          rich_text: '-test',
-          text: '-test',
-          type: 'old',
-        },
-        {
-          can_receive_suggestion: true,
-          line_code: null,
-          meta_data: null,
-          new_line: 5,
-          old_line: null,
-          rich_text: '+new test',
-          text: '+new test',
-          type: 'new',
-        },
-      ],
-    },
-  ],
-  noteHtml: `
-      <div class="suggestion">
-      <div class="line">-oldtest</div>
-    </div>  
-    <div class="suggestion">
-      <div class="line">+newtest</div>
-    </div>    
-  `,
-  isApplied: false,
-  helpPagePath: 'path_to_docs',
-};
-
-describe('Suggestion component', () => {
-  let vm;
-  let diffTable;
-
-  beforeEach(done => {
-    const Component = Vue.extend(SuggestionsComponent);
-
-    vm = new Component({
-      propsData: MOCK_DATA,
-    }).$mount();
-
-    diffTable = vm.generateDiff(0).$mount().$el;
-
-    spyOn(vm, 'renderSuggestions');
-    vm.renderSuggestions();
-    Vue.nextTick(done);
-  });
-
-  describe('mounted', () => {
-    it('renders a flash container', () => {
-      expect(vm.$el.querySelector('.js-suggestions-flash')).not.toBeNull();
-    });
-
-    it('renders a container for suggestions', () => {
-      expect(vm.$refs.container).not.toBeNull();
-    });
-
-    it('renders suggestions', () => {
-      expect(vm.renderSuggestions).toHaveBeenCalled();
-      expect(vm.$el.innerHTML.includes('oldtest')).toBe(true);
-      expect(vm.$el.innerHTML.includes('newtest')).toBe(true);
-    });
-  });
-
-  describe('generateDiff', () => {
-    it('generates a diff table', () => {
-      expect(diffTable.querySelector('.md-suggestion-diff')).not.toBeNull();
-    });
-
-    it('generates a diff table that contains contents of `oldLineContent`', () => {
-      expect(diffTable.innerHTML.includes(vm.fromContent)).toBe(true);
-    });
-
-    it('generates a diff table that contains contents the suggested lines', () => {
-      MOCK_DATA.suggestions[0].diff_lines.forEach(line => {
-        const text = line.text.substring(1);
-
-        expect(diffTable.innerHTML.includes(text)).toBe(true);
-      });
-    });
-
-    it('generates a diff table with the correct line number for each suggested line', () => {
-      const lines = diffTable.querySelectorAll('.old_line');
-
-      expect(parseInt([...lines][0].innerHTML, 10)).toBe(5);
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/markdown/toolbar_spec.js b/spec/javascripts/vue_shared/components/markdown/toolbar_spec.js
deleted file mode 100644
index 288eb40cc76..00000000000
--- a/spec/javascripts/vue_shared/components/markdown/toolbar_spec.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import toolbar from '~/vue_shared/components/markdown/toolbar.vue';
-
-describe('toolbar', () => {
-  let vm;
-  const Toolbar = Vue.extend(toolbar);
-  const props = {
-    markdownDocsPath: '',
-  };
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('user can attach file', () => {
-    beforeEach(() => {
-      vm = mountComponent(Toolbar, props);
-    });
-
-    it('should render uploading-container', () => {
-      expect(vm.$el.querySelector('.uploading-container')).not.toBeNull();
-    });
-  });
-
-  describe('user cannot attach file', () => {
-    beforeEach(() => {
-      vm = mountComponent(
-        Toolbar,
-        Object.assign({}, props, {
-          canAttachFile: false,
-        }),
-      );
-    });
-
-    it('should not render uploading-container', () => {
-      expect(vm.$el.querySelector('.uploading-container')).toBeNull();
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/navigation_tabs_spec.js b/spec/javascripts/vue_shared/components/navigation_tabs_spec.js
deleted file mode 100644
index beb980a6556..00000000000
--- a/spec/javascripts/vue_shared/components/navigation_tabs_spec.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import navigationTabs from '~/vue_shared/components/navigation_tabs.vue';
-
-describe('navigation tabs component', () => {
-  let vm;
-  let Component;
-  let data;
-
-  beforeEach(() => {
-    data = [
-      {
-        name: 'All',
-        scope: 'all',
-        count: 1,
-        isActive: true,
-      },
-      {
-        name: 'Pending',
-        scope: 'pending',
-        count: 0,
-        isActive: false,
-      },
-      {
-        name: 'Running',
-        scope: 'running',
-        isActive: false,
-      },
-    ];
-
-    Component = Vue.extend(navigationTabs);
-    vm = mountComponent(Component, { tabs: data, scope: 'pipelines' });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('should render tabs', () => {
-    expect(vm.$el.querySelectorAll('li').length).toEqual(data.length);
-  });
-
-  it('should render active tab', () => {
-    expect(vm.$el.querySelector('.active .js-pipelines-tab-all')).toBeDefined();
-  });
-
-  it('should render badge', () => {
-    expect(vm.$el.querySelector('.js-pipelines-tab-all .badge').textContent.trim()).toEqual('1');
-    expect(vm.$el.querySelector('.js-pipelines-tab-pending .badge').textContent.trim()).toEqual(
-      '0',
-    );
-  });
-
-  it('should not render badge', () => {
-    expect(vm.$el.querySelector('.js-pipelines-tab-running .badge')).toEqual(null);
-  });
-
-  it('should trigger onTabClick', () => {
-    spyOn(vm, '$emit');
-    vm.$el.querySelector('.js-pipelines-tab-pending').click();
-
-    expect(vm.$emit).toHaveBeenCalledWith('onChangeTab', 'pending');
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/pikaday_spec.js b/spec/javascripts/vue_shared/components/pikaday_spec.js
deleted file mode 100644
index b787ba7596f..00000000000
--- a/spec/javascripts/vue_shared/components/pikaday_spec.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import datePicker from '~/vue_shared/components/pikaday.vue';
-
-describe('datePicker', () => {
-  let vm;
-  beforeEach(() => {
-    const DatePicker = Vue.extend(datePicker);
-    vm = mountComponent(DatePicker, {
-      label: 'label',
-    });
-  });
-
-  it('should render label text', () => {
-    expect(vm.$el.querySelector('.dropdown-toggle-text').innerText.trim()).toEqual('label');
-  });
-
-  it('should show calendar', () => {
-    expect(vm.$el.querySelector('.pika-single')).toBeDefined();
-  });
-
-  it('should toggle when dropdown is clicked', () => {
-    const hidePicker = jasmine.createSpy();
-    vm.$on('hidePicker', hidePicker);
-
-    vm.$el.querySelector('.dropdown-menu-toggle').click();
-
-    expect(hidePicker).toHaveBeenCalled();
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/project_avatar/default_spec.js b/spec/javascripts/vue_shared/components/project_avatar/default_spec.js
deleted file mode 100644
index 2ec19ebf80e..00000000000
--- a/spec/javascripts/vue_shared/components/project_avatar/default_spec.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import { projectData } from 'spec/ide/mock_data';
-import { TEST_HOST } from 'spec/test_constants';
-import { getFirstCharacterCapitalized } from '~/lib/utils/text_utility';
-import ProjectAvatarDefault from '~/vue_shared/components/project_avatar/default.vue';
-
-describe('ProjectAvatarDefault component', () => {
-  const Component = Vue.extend(ProjectAvatarDefault);
-  let vm;
-
-  beforeEach(() => {
-    vm = mountComponent(Component, {
-      project: projectData,
-    });
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  it('renders identicon if project has no avatar_url', done => {
-    const expectedText = getFirstCharacterCapitalized(projectData.name);
-
-    vm.project = {
-      ...vm.project,
-      avatar_url: null,
-    };
-
-    vm.$nextTick()
-      .then(() => {
-        const identiconEl = vm.$el.querySelector('.identicon');
-
-        expect(identiconEl).not.toBe(null);
-        expect(identiconEl.textContent.trim()).toEqual(expectedText);
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-
-  it('renders avatar image if project has avatar_url', done => {
-    const avatarUrl = `${TEST_HOST}/images/home/nasa.svg`;
-
-    vm.project = {
-      ...vm.project,
-      avatar_url: avatarUrl,
-    };
-
-    vm.$nextTick()
-      .then(() => {
-        expect(vm.$el).toContainElement('.avatar');
-        expect(vm.$el).not.toContainElement('.identicon');
-        expect(vm.$el.querySelector('img')).toHaveAttr('src', avatarUrl);
-      })
-      .then(done)
-      .catch(done.fail);
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/project_selector/project_list_item_spec.js b/spec/javascripts/vue_shared/components/project_selector/project_list_item_spec.js
deleted file mode 100644
index e73fb97b741..00000000000
--- a/spec/javascripts/vue_shared/components/project_selector/project_list_item_spec.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import { shallowMount, createLocalVue } from '@vue/test-utils';
-import { trimText } from 'spec/helpers/text_helper';
-import ProjectListItem from '~/vue_shared/components/project_selector/project_list_item.vue';
-
-const localVue = createLocalVue();
-
-describe('ProjectListItem component', () => {
-  const Component = localVue.extend(ProjectListItem);
-  let wrapper;
-  let vm;
-  let options;
-  loadJSONFixtures('static/projects.json');
-  const project = getJSONFixture('static/projects.json')[0];
-
-  beforeEach(() => {
-    options = {
-      propsData: {
-        project,
-        selected: false,
-      },
-      localVue,
-    };
-  });
-
-  afterEach(() => {
-    wrapper.vm.$destroy();
-  });
-
-  it('does not render a check mark icon if selected === false', () => {
-    wrapper = shallowMount(Component, options);
-
-    expect(wrapper.contains('.js-selected-icon.js-unselected')).toBe(true);
-  });
-
-  it('renders a check mark icon if selected === true', () => {
-    options.propsData.selected = true;
-
-    wrapper = shallowMount(Component, options);
-
-    expect(wrapper.contains('.js-selected-icon.js-selected')).toBe(true);
-  });
-
-  it(`emits a "clicked" event when clicked`, () => {
-    wrapper = shallowMount(Component, options);
-    ({ vm } = wrapper);
-
-    spyOn(vm, '$emit');
-    wrapper.vm.onClick();
-
-    expect(wrapper.vm.$emit).toHaveBeenCalledWith('click');
-  });
-
-  it(`renders the project avatar`, () => {
-    wrapper = shallowMount(Component, options);
-
-    expect(wrapper.contains('.js-project-avatar')).toBe(true);
-  });
-
-  it(`renders a simple namespace name with a trailing slash`, () => {
-    options.propsData.project.name_with_namespace = 'a / b';
-
-    wrapper = shallowMount(Component, options);
-    const renderedNamespace = trimText(wrapper.find('.js-project-namespace').text());
-
-    expect(renderedNamespace).toBe('a /');
-  });
-
-  it(`renders a properly truncated namespace with a trailing slash`, () => {
-    options.propsData.project.name_with_namespace = 'a / b / c / d / e / f';
-
-    wrapper = shallowMount(Component, options);
-    const renderedNamespace = trimText(wrapper.find('.js-project-namespace').text());
-
-    expect(renderedNamespace).toBe('a / ... / e /');
-  });
-
-  it(`renders the project name`, () => {
-    options.propsData.project.name = 'my-test-project';
-
-    wrapper = shallowMount(Component, options);
-    const renderedName = trimText(wrapper.find('.js-project-name').text());
-
-    expect(renderedName).toBe('my-test-project');
-  });
-
-  it(`renders the project name with highlighting in the case of a search query match`, () => {
-    options.propsData.project.name = 'my-test-project';
-    options.propsData.matcher = 'pro';
-
-    wrapper = shallowMount(Component, options);
-    const renderedName = trimText(wrapper.find('.js-project-name').html());
-    const expected = 'my-test-<b>p</b><b>r</b><b>o</b>ject';
-
-    expect(renderedName).toContain(expected);
-  });
-
-  it('prevents search query and project name XSS', () => {
-    const alertSpy = spyOn(window, 'alert');
-    options.propsData.project.name = "my-xss-pro<script>alert('XSS');</script>ject";
-    options.propsData.matcher = "pro<script>alert('XSS');</script>";
-
-    wrapper = shallowMount(Component, options);
-    const renderedName = trimText(wrapper.find('.js-project-name').html());
-    const expected = 'my-xss-project';
-
-    expect(renderedName).toContain(expected);
-    expect(alertSpy).not.toHaveBeenCalled();
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/project_selector/project_selector_spec.js b/spec/javascripts/vue_shared/components/project_selector/project_selector_spec.js
deleted file mode 100644
index 5d995f06abb..00000000000
--- a/spec/javascripts/vue_shared/components/project_selector/project_selector_spec.js
+++ /dev/null
@@ -1,142 +0,0 @@
-import Vue from 'vue';
-import { head } from 'lodash';
-
-import { GlSearchBoxByType, GlInfiniteScroll } from '@gitlab/ui';
-import { mount, createLocalVue } from '@vue/test-utils';
-import { trimText } from 'spec/helpers/text_helper';
-import ProjectListItem from '~/vue_shared/components/project_selector/project_list_item.vue';
-import ProjectSelector from '~/vue_shared/components/project_selector/project_selector.vue';
-
-const localVue = createLocalVue();
-
-describe('ProjectSelector component', () => {
-  let wrapper;
-  let vm;
-  loadJSONFixtures('static/projects.json');
-  const allProjects = getJSONFixture('static/projects.json');
-  const searchResults = allProjects.slice(0, 5);
-  let selected = [];
-  selected = selected.concat(allProjects.slice(0, 3)).concat(allProjects.slice(5, 8));
-
-  const findSearchInput = () => wrapper.find(GlSearchBoxByType).find('input');
-
-  beforeEach(() => {
-    jasmine.clock().install();
-    jasmine.clock().mockDate();
-
-    wrapper = mount(Vue.extend(ProjectSelector), {
-      localVue,
-      propsData: {
-        projectSearchResults: searchResults,
-        selectedProjects: selected,
-        showNoResultsMessage: false,
-        showMinimumSearchQueryMessage: false,
-        showLoadingIndicator: false,
-        showSearchErrorMessage: false,
-      },
-      attachToDocument: true,
-    });
-
-    ({ vm } = wrapper);
-  });
-
-  afterEach(() => {
-    jasmine.clock().uninstall();
-    vm.$destroy();
-  });
-
-  it('renders the search results', () => {
-    expect(wrapper.findAll('.js-project-list-item').length).toBe(5);
-  });
-
-  it(`triggers a (debounced) search when the search input value changes`, () => {
-    spyOn(vm, '$emit');
-    const query = 'my test query!';
-    const searchInput = findSearchInput();
-
-    searchInput.setValue(query);
-    searchInput.trigger('input');
-
-    expect(vm.$emit).not.toHaveBeenCalledWith();
-    jasmine.clock().tick(501);
-
-    expect(vm.$emit).toHaveBeenCalledWith('searched', query);
-  });
-
-  it(`debounces the search input`, () => {
-    spyOn(vm, '$emit');
-    const searchInput = findSearchInput();
-
-    const updateSearchQuery = (count = 0) => {
-      if (count === 10) {
-        jasmine.clock().tick(101);
-
-        expect(vm.$emit).toHaveBeenCalledTimes(1);
-        expect(vm.$emit).toHaveBeenCalledWith('searched', `search query #9`);
-      } else {
-        searchInput.setValue(`search query #${count}`);
-        searchInput.trigger('input');
-
-        jasmine.clock().tick(400);
-        updateSearchQuery(count + 1);
-      }
-    };
-
-    updateSearchQuery();
-  });
-
-  it(`includes a placeholder in the search box`, () => {
-    const searchInput = findSearchInput();
-
-    expect(searchInput.attributes('placeholder')).toBe('Search your projects');
-  });
-
-  it(`triggers a "bottomReached" event when user has scrolled to the bottom of the list`, () => {
-    spyOn(vm, '$emit');
-    wrapper.find(GlInfiniteScroll).vm.$emit('bottomReached');
-
-    expect(vm.$emit).toHaveBeenCalledWith('bottomReached');
-  });
-
-  it(`triggers a "projectClicked" event when a project is clicked`, () => {
-    spyOn(vm, '$emit');
-    wrapper.find(ProjectListItem).vm.$emit('click', head(searchResults));
-
-    expect(vm.$emit).toHaveBeenCalledWith('projectClicked', head(searchResults));
-  });
-
-  it(`shows a "no results" message if showNoResultsMessage === true`, () => {
-    wrapper.setProps({ showNoResultsMessage: true });
-
-    return vm.$nextTick().then(() => {
-      const noResultsEl = wrapper.find('.js-no-results-message');
-
-      expect(noResultsEl.exists()).toBe(true);
-      expect(trimText(noResultsEl.text())).toEqual('Sorry, no projects matched your search');
-    });
-  });
-
-  it(`shows a "minimum search query" message if showMinimumSearchQueryMessage === true`, () => {
-    wrapper.setProps({ showMinimumSearchQueryMessage: true });
-
-    return vm.$nextTick().then(() => {
-      const minimumSearchEl = wrapper.find('.js-minimum-search-query-message');
-
-      expect(minimumSearchEl.exists()).toBe(true);
-      expect(trimText(minimumSearchEl.text())).toEqual('Enter at least three characters to search');
-    });
-  });
-
-  it(`shows a error message if showSearchErrorMessage === true`, () => {
-    wrapper.setProps({ showSearchErrorMessage: true });
-
-    return vm.$nextTick().then(() => {
-      const errorMessageEl = wrapper.find('.js-search-error-message');
-
-      expect(errorMessageEl.exists()).toBe(true);
-      expect(trimText(errorMessageEl.text())).toEqual(
-        'Something went wrong, unable to search projects',
-      );
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/sidebar/labels_select/mock_data.js b/spec/javascripts/vue_shared/components/sidebar/labels_select/mock_data.js
deleted file mode 100644
index 6564c012e67..00000000000
--- a/spec/javascripts/vue_shared/components/sidebar/labels_select/mock_data.js
+++ /dev/null
@@ -1,57 +0,0 @@
-export const mockLabels = [
-  {
-    id: 26,
-    title: 'Foo Label',
-    description: 'Foobar',
-    color: '#BADA55',
-    text_color: '#FFFFFF',
-  },
-  {
-    id: 27,
-    title: 'Foo::Bar',
-    description: 'Foobar',
-    color: '#0033CC',
-    text_color: '#FFFFFF',
-  },
-];
-
-export const mockSuggestedColors = [
-  '#0033CC',
-  '#428BCA',
-  '#44AD8E',
-  '#A8D695',
-  '#5CB85C',
-  '#69D100',
-  '#004E00',
-  '#34495E',
-  '#7F8C8D',
-  '#A295D6',
-  '#5843AD',
-  '#8E44AD',
-  '#FFECDB',
-  '#AD4363',
-  '#D10069',
-  '#CC0033',
-  '#FF0000',
-  '#D9534F',
-  '#D1D100',
-  '#F0AD4E',
-  '#AD8D43',
-];
-
-export const mockConfig = {
-  showCreate: true,
-  isProject: true,
-  abilityName: 'issue',
-  context: {
-    labels: mockLabels,
-  },
-  namespace: 'gitlab-org',
-  updatePath: '/gitlab-org/my-project/issue/1',
-  labelsPath: '/gitlab-org/my-project/-/labels.json',
-  labelsWebUrl: '/gitlab-org/my-project/-/labels',
-  labelFilterBasePath: '/gitlab-org/my-project/issues',
-  canEdit: true,
-  suggestedColors: mockSuggestedColors,
-  emptyValueText: 'None',
-};
diff --git a/spec/javascripts/vue_shared/components/stacked_progress_bar_spec.js b/spec/javascripts/vue_shared/components/stacked_progress_bar_spec.js
deleted file mode 100644
index c062ee13231..00000000000
--- a/spec/javascripts/vue_shared/components/stacked_progress_bar_spec.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import Vue from 'vue';
-
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import stackedProgressBarComponent from '~/vue_shared/components/stacked_progress_bar.vue';
-
-const createComponent = config => {
-  const Component = Vue.extend(stackedProgressBarComponent);
-  const defaultConfig = Object.assign(
-    {},
-    {
-      successLabel: 'Synced',
-      failureLabel: 'Failed',
-      neutralLabel: 'Out of sync',
-      successCount: 25,
-      failureCount: 10,
-      totalCount: 5000,
-    },
-    config,
-  );
-
-  return mountComponent(Component, defaultConfig);
-};
-
-describe('StackedProgressBarComponent', () => {
-  let vm;
-
-  beforeEach(() => {
-    vm = createComponent();
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('computed', () => {
-    describe('neutralCount', () => {
-      it('returns neutralCount based on totalCount, successCount and failureCount', () => {
-        expect(vm.neutralCount).toBe(4965); // 5000 - 25 - 10
-      });
-    });
-  });
-
-  describe('methods', () => {
-    describe('getPercent', () => {
-      it('returns percentage from provided count based on `totalCount`', () => {
-        expect(vm.getPercent(500)).toBe(10);
-      });
-
-      it('returns percentage with decimal place from provided count based on `totalCount`', () => {
-        expect(vm.getPercent(67)).toBe(1.3);
-      });
-
-      it('returns percentage as `< 1` from provided count based on `totalCount` when evaluated value is less than 1', () => {
-        expect(vm.getPercent(10)).toBe('< 1');
-      });
-
-      it('returns 0 if totalCount is falsy', () => {
-        vm = createComponent({ totalCount: 0 });
-
-        expect(vm.getPercent(100)).toBe(0);
-      });
-    });
-
-    describe('barStyle', () => {
-      it('returns style string based on percentage provided', () => {
-        expect(vm.barStyle(50)).toBe('width: 50%;');
-      });
-    });
-
-    describe('getTooltip', () => {
-      describe('when hideTooltips is false', () => {
-        it('returns label string based on label and count provided', () => {
-          expect(vm.getTooltip('Synced', 10)).toBe('Synced: 10');
-        });
-      });
-
-      describe('when hideTooltips is true', () => {
-        beforeEach(() => {
-          vm = createComponent({ hideTooltips: true });
-        });
-
-        it('returns an empty string', () => {
-          expect(vm.getTooltip('Synced', 10)).toBe('');
-        });
-      });
-    });
-  });
-
-  describe('template', () => {
-    it('renders container element', () => {
-      expect(vm.$el.classList.contains('stacked-progress-bar')).toBeTruthy();
-    });
-
-    it('renders empty state when count is unavailable', () => {
-      const vmX = createComponent({ totalCount: 0, successCount: 0, failureCount: 0 });
-
-      expect(vmX.$el.querySelectorAll('.status-unavailable').length).not.toBe(0);
-      vmX.$destroy();
-    });
-
-    it('renders bar elements when count is available', () => {
-      expect(vm.$el.querySelectorAll('.status-green').length).not.toBe(0);
-      expect(vm.$el.querySelectorAll('.status-neutral').length).not.toBe(0);
-      expect(vm.$el.querySelectorAll('.status-red').length).not.toBe(0);
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/tabs/tab_spec.js b/spec/javascripts/vue_shared/components/tabs/tab_spec.js
deleted file mode 100644
index 8437fe37738..00000000000
--- a/spec/javascripts/vue_shared/components/tabs/tab_spec.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import Tab from '~/vue_shared/components/tabs/tab.vue';
-
-describe('Tab component', () => {
-  const Component = Vue.extend(Tab);
-  let vm;
-
-  beforeEach(() => {
-    vm = mountComponent(Component);
-  });
-
-  it('sets localActive to equal active', done => {
-    vm.active = true;
-
-    vm.$nextTick(() => {
-      expect(vm.localActive).toBe(true);
-
-      done();
-    });
-  });
-
-  it('sets active class', done => {
-    vm.active = true;
-
-    vm.$nextTick(() => {
-      expect(vm.$el.classList).toContain('active');
-
-      done();
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/tabs/tabs_spec.js b/spec/javascripts/vue_shared/components/tabs/tabs_spec.js
deleted file mode 100644
index 50ba18cd338..00000000000
--- a/spec/javascripts/vue_shared/components/tabs/tabs_spec.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import Vue from 'vue';
-import Tabs from '~/vue_shared/components/tabs/tabs';
-import Tab from '~/vue_shared/components/tabs/tab.vue';
-
-describe('Tabs component', () => {
-  let vm;
-
-  beforeEach(done => {
-    vm = new Vue({
-      components: {
-        Tabs,
-        Tab,
-      },
-      template: `
-        <div>
-          <tabs>
-            <tab title="Testing" active>
-              First tab
-            </tab>
-            <tab>
-              <template slot="title">Test slot</template>
-              Second tab
-            </tab>
-          </tabs>
-        </div>
-      `,
-    }).$mount();
-
-    setTimeout(done);
-  });
-
-  describe('tab links', () => {
-    it('renders links for tabs', () => {
-      expect(vm.$el.querySelectorAll('a').length).toBe(2);
-    });
-
-    it('renders link titles from props', () => {
-      expect(vm.$el.querySelector('a').textContent).toContain('Testing');
-    });
-
-    it('renders link titles from slot', () => {
-      expect(vm.$el.querySelectorAll('a')[1].textContent).toContain('Test slot');
-    });
-
-    it('renders active class', () => {
-      expect(vm.$el.querySelector('a').classList).toContain('active');
-    });
-
-    it('updates active class on click', done => {
-      vm.$el.querySelectorAll('a')[1].click();
-
-      setTimeout(() => {
-        expect(vm.$el.querySelector('a').classList).not.toContain('active');
-        expect(vm.$el.querySelectorAll('a')[1].classList).toContain('active');
-
-        done();
-      });
-    });
-  });
-
-  describe('content', () => {
-    it('renders content panes', () => {
-      expect(vm.$el.querySelectorAll('.tab-pane').length).toBe(2);
-      expect(vm.$el.querySelectorAll('.tab-pane')[0].textContent).toContain('First tab');
-      expect(vm.$el.querySelectorAll('.tab-pane')[1].textContent).toContain('Second tab');
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/toggle_button_spec.js b/spec/javascripts/vue_shared/components/toggle_button_spec.js
deleted file mode 100644
index ea0a89a3ab5..00000000000
--- a/spec/javascripts/vue_shared/components/toggle_button_spec.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import toggleButton from '~/vue_shared/components/toggle_button.vue';
-
-describe('Toggle Button', () => {
-  let vm;
-  let Component;
-
-  beforeEach(() => {
-    Component = Vue.extend(toggleButton);
-  });
-
-  afterEach(() => {
-    vm.$destroy();
-  });
-
-  describe('render output', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        value: true,
-        name: 'foo',
-      });
-    });
-
-    it('renders input with provided name', () => {
-      expect(vm.$el.querySelector('input').getAttribute('name')).toEqual('foo');
-    });
-
-    it('renders input with provided value', () => {
-      expect(vm.$el.querySelector('input').getAttribute('value')).toEqual('true');
-    });
-
-    it('renders input status icon', () => {
-      expect(vm.$el.querySelectorAll('span.toggle-icon').length).toEqual(1);
-      expect(vm.$el.querySelectorAll('svg.s16.toggle-icon-svg').length).toEqual(1);
-    });
-  });
-
-  describe('is-checked', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        value: true,
-      });
-
-      spyOn(vm, '$emit');
-    });
-
-    it('renders is checked class', () => {
-      expect(vm.$el.querySelector('button').classList.contains('is-checked')).toEqual(true);
-    });
-
-    it('sets aria-label representing toggle state', () => {
-      vm.value = true;
-
-      expect(vm.ariaLabel).toEqual('Toggle Status: ON');
-
-      vm.value = false;
-
-      expect(vm.ariaLabel).toEqual('Toggle Status: OFF');
-    });
-
-    it('emits change event when clicked', () => {
-      vm.$el.querySelector('button').click();
-
-      expect(vm.$emit).toHaveBeenCalledWith('change', false);
-    });
-  });
-
-  describe('is-disabled', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        value: true,
-        disabledInput: true,
-      });
-      spyOn(vm, '$emit');
-    });
-
-    it('renders disabled button', () => {
-      expect(vm.$el.querySelector('button').classList.contains('is-disabled')).toEqual(true);
-    });
-
-    it('does not emit change event when clicked', () => {
-      vm.$el.querySelector('button').click();
-
-      expect(vm.$emit).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('is-loading', () => {
-    beforeEach(() => {
-      vm = mountComponent(Component, {
-        value: true,
-        isLoading: true,
-      });
-    });
-
-    it('renders loading class', () => {
-      expect(vm.$el.querySelector('button').classList.contains('is-loading')).toEqual(true);
-    });
-  });
-});
diff --git a/spec/javascripts/vue_shared/components/user_avatar/user_avatar_svg_spec.js b/spec/javascripts/vue_shared/components/user_avatar/user_avatar_svg_spec.js
deleted file mode 100644
index 31644416439..00000000000
--- a/spec/javascripts/vue_shared/components/user_avatar/user_avatar_svg_spec.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import Vue from 'vue';
-import avatarSvg from 'icons/_icon_random.svg';
-import UserAvatarSvg from '~/vue_shared/components/user_avatar/user_avatar_svg.vue';
-
-const UserAvatarSvgComponent = Vue.extend(UserAvatarSvg);
-
-describe('User Avatar Svg Component', function() {
-  describe('Initialization', function() {
-    beforeEach(function() {
-      this.propsData = {
-        size: 99,
-        svg: avatarSvg,
-      };
-
-      this.userAvatarSvg = new UserAvatarSvgComponent({
-        propsData: this.propsData,
-      }).$mount();
-    });
-
-    it('should return a defined Vue component', function() {
-      expect(this.userAvatarSvg).toBeDefined();
-    });
-
-    it('should have <svg> as a child element', function() {
-      expect(this.userAvatarSvg.$el.tagName).toEqual('svg');
-      expect(this.userAvatarSvg.$el.innerHTML).toContain('<path');
-    });
-  });
-});