Merge branch '4536-move-ee-specific-javascripts-files-to-ee' into 'master'

Resolve "Move EE-only frontend files into ee/ subdirectory"

Closes #4536

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

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

 <script>
 import eventHub from '../eventhub';
-import ProjectSelect from './project_select.vue';
+import ProjectSelect from 'ee/boards/components/project_select.vue'; // eslint-disable-line import/first
 import ListIssue from '../models/issue';
 
 const Store = gl.issueBoards.BoardsStore;

app/assets/javascripts/boards/index.js

@@ -2,16 +2,17 @@
 
 import _ from 'underscore';
 import Vue from 'vue';
-import Flash from '../flash';
-import { __ } from '../locale';
+
+import Flash from '~/flash';
+import { __ } from '~/locale';
+
 import FilteredSearchBoards from './filtered_search_boards';
 import eventHub from './eventhub';
-import sidebarEventHub from '../sidebar/event_hub';
+import sidebarEventHub from '~/sidebar/event_hub'; // eslint-disable-line import/first
 import './models/issue';
 import './models/label';
 import './models/list';
 import './models/milestone';
-import './models/project';
 import './models/assignee';
 import './stores/boards_store';
 import './stores/modal_store';
@@ -23,12 +24,13 @@ import './components/board';
 import './components/board_sidebar';
 import './components/new_list_dropdown';
 import './components/modal/index';
-import '../vue_shared/vue_resource_interceptor';
+import '~/vue_shared/vue_resource_interceptor'; // eslint-disable-line import/first
 
-import './components/boards_selector';
-import collapseIcon from './icons/fullscreen_collapse.svg';
-import expandIcon from './icons/fullscreen_expand.svg';
-import tooltip from '../vue_shared/directives/tooltip';
+import 'ee/boards/models/project'; // eslint-disable-line import/first
+import 'ee/boards/components/boards_selector'; // eslint-disable-line import/first
+import collapseIcon from 'ee/boards/icons/fullscreen_collapse.svg'; // eslint-disable-line import/first
+import expandIcon from 'ee/boards/icons/fullscreen_expand.svg'; // eslint-disable-line import/first
+import tooltip from '~/vue_shared/directives/tooltip'; // eslint-disable-line import/first
 
 export default () => {
   const $boardApp = document.getElementById('board-app');

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

 /* eslint-disable no-unused-vars, no-mixed-operators, comma-dangle */
 /* global DocumentTouch */
 
-import sortableConfig from '../../sortable/sortable_config';
+import sortableConfig from 'ee/sortable/sortable_config';
 
 window.gl = window.gl || {};
 window.gl.issueBoards = window.gl.issueBoards || {};

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

@@ -4,7 +4,7 @@
 /* global ListAssignee */
 
 import Vue from 'vue';
-import IssueProject from './project';
+import IssueProject from 'ee/boards/models/project';
 
 class ListIssue {
   constructor (obj, defaultAvatar) {

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

@@ -3,7 +3,7 @@
 import _ from 'underscore';
 import Cookies from 'js-cookie';
 import boardsStoreEE from 'ee/boards/stores/boards_store_ee';
-import { getUrlParamsArray } from '../../lib/utils/common_utils';
+import { getUrlParamsArray } from '~/lib/utils/common_utils';
 
 window.gl = window.gl || {};
 window.gl.issueBoards = window.gl.issueBoards || {};

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

@@ -2,9 +2,10 @@
 /**
  * Render environments table.
  */
+import loadingIcon from '~/vue_shared/components/loading_icon.vue';
 import environmentItem from './environment_item.vue';
-import loadingIcon from '../../vue_shared/components/loading_icon.vue';
-import deployBoard from './deploy_board_component.vue';
+
+import deployBoard from 'ee/environments/components/deploy_board_component.vue'; // eslint-disable-line import/first
 
 export default {
   components: {

app/assets/javascripts/ide/components/repo_file.vue

 <script>
   import { mapState } from 'vuex';
-  import timeAgoMixin from '../../vue_shared/mixins/timeago';
-  import skeletonLoadingContainer from '../../vue_shared/components/skeleton_loading_container.vue';
-  import fileStatusIcon from './repo_file_status_icon.vue';
+
+  import timeAgoMixin from '~/vue_shared/mixins/timeago';
+  import skeletonLoadingContainer from '~/vue_shared/components/skeleton_loading_container.vue';
+  import fileIcon from '~/vue_shared/components/file_icon.vue';
   import newDropdown from './new_dropdown/index.vue';
-  import fileIcon from '../../vue_shared/components/file_icon.vue';
-  import changedFileIcon from './changed_file_icon.vue';
+
+  import fileStatusIcon from 'ee/ide/components/repo_file_status_icon.vue'; // eslint-disable-line import/first
+  import changedFileIcon from 'ee/ide/components/changed_file_icon.vue'; // eslint-disable-line import/first
 
   export default {
     components: {

app/assets/javascripts/ide/components/repo_tab.vue

 <script>
   import { mapActions } from 'vuex';
-  import fileStatusIcon from './repo_file_status_icon.vue';
-  import fileIcon from '../../vue_shared/components/file_icon.vue';
-  import icon from '../../vue_shared/components/icon.vue';
-  import changedFileIcon from './changed_file_icon.vue';
+
+  import fileIcon from '~/vue_shared/components/file_icon.vue';
+  import icon from '~/vue_shared/components/icon.vue';
+
+  import fileStatusIcon from 'ee/ide/components/repo_file_status_icon.vue';
+  import changedFileIcon from 'ee/ide/components/changed_file_icon.vue';
 
   export default {
     components: {

app/assets/javascripts/ide/lib/editor.js

@@ -5,7 +5,7 @@ import Disposable from './common/disposable';
 import ModelManager from './common/model_manager';
 import editorOptions from './editor_options';
 
-import gitlabTheme from './themes/gl_theme';
+import gitlabTheme from 'ee/ide/lib/themes/gl_theme'; // eslint-disable-line import/first
 
 export default class Editor {
   static create(monaco) {

app/assets/javascripts/pipelines/components/graph/graph_component.vue

 <script>
   import loadingIcon from '~/vue_shared/components/loading_icon.vue';
-  import linkedPipelinesColumn from './linked_pipelines_column.vue';
   import stageColumnComponent from './stage_column_component.vue';
 
+  import linkedPipelinesColumn from 'ee/pipelines/components/graph/linked_pipelines_column.vue'; // eslint-disable-line import/first
+
   export default {
     components: {
       linkedPipelinesColumn,

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

 <script>
   /* eslint-disable vue/require-default-prop */
-  import pipelineStage from '../../pipelines/components/stage.vue';
-  import ciIcon from '../../vue_shared/components/ci_icon.vue';
-  import icon from '../../vue_shared/components/icon.vue';
-  import linkedPipelinesMiniList from '../../vue_shared/components/linked_pipelines_mini_list.vue';
+  import pipelineStage from '~/pipelines/components/stage.vue';
+  import ciIcon from '~/vue_shared/components/ci_icon.vue';
+  import icon from '~/vue_shared/components/icon.vue';
+  import linkedPipelinesMiniList from 'ee/vue_shared/components/linked_pipelines_mini_list.vue';
 
   export default {
     name: 'MRWidgetPipeline',

config/webpack.config.js

@@ -96,19 +96,19 @@ var config = {
     webpack_runtime:      './webpack.js',
 
     // EE-only
-    add_gitlab_slack_application: './add_gitlab_slack_application/index.js',
-    burndown_chart:       './burndown_chart/index.js',
+    add_gitlab_slack_application: 'ee/add_gitlab_slack_application/index.js',
+    burndown_chart:       'ee/burndown_chart/index.js',
     epic_show:            'ee/epics/epic_show/epic_show_bundle.js',
     new_epic:             'ee/epics/new_epic/new_epic_bundle.js',
     geo_nodes:            'ee/geo_nodes',
-    issuable:             './issuable/issuable_bundle.js',
-    issues:               './issues/issues_bundle.js',
-    ldap_group_links:     './groups/ldap_group_links.js',
-    mirrors:              './mirrors',
+    issuable:             'ee/issuable/issuable_bundle.js',
+    issues:               'ee/issues/issues_bundle.js',
+    ldap_group_links:     'ee/groups/ldap_group_links.js',
+    mirrors:              'ee/mirrors',
     ee_protected_branches: 'ee/protected_branches',
     ee_protected_tags:    'ee/protected_tags',
-    service_desk:         './projects/settings_service_desk/service_desk_bundle.js',
-    service_desk_issues:  './service_desk_issues/index.js',
+    service_desk:         'ee/projects/settings_service_desk/service_desk_bundle.js',
+    service_desk_issues:  'ee/service_desk_issues/index.js',
     roadmap:              'ee/roadmap',
     ee_sidebar:           'ee/sidebar/sidebar_bundle.js',
   },
@@ -329,6 +329,7 @@ var config = {
       'images':         path.join(ROOT_PATH, 'app/assets/images'),
       'vendor':         path.join(ROOT_PATH, 'vendor/assets/javascripts'),
       'vue$':           'vue/dist/vue.esm.js',
+      'spec':           path.join(ROOT_PATH, 'spec/javascripts'),
 
       // EE-only
       'ee':              path.join(ROOT_PATH, 'ee/app/assets/javascripts'),

app/assets/javascripts/add_gitlab_slack_application/components/add_gitlab_slack_application.vue → ee/app/assets/javascripts/add_gitlab_slack_application/components/add_gitlab_slack_application.vue

 <script>
   import Flash from '~/flash';
+  import { redirectTo } from '~/lib/utils/url_utility';
+
   import GitlabSlackService from '../services/gitlab_slack_service';
-  import { redirectTo } from '../../lib/utils/url_utility';
 
   export default {
     props: {

app/assets/javascripts/add_gitlab_slack_application/services/gitlab_slack_service.js → ee/app/assets/javascripts/add_gitlab_slack_application/services/gitlab_slack_service.js

-import axios from '../../lib/utils/axios_utils';
+import axios from '~/lib/utils/axios_utils';
 
 export default {
   addToSlack(url, projectId) {

app/assets/javascripts/boards/components/board_form.vue → ee/app/assets/javascripts/boards/components/board_form.vue

@@ -2,8 +2,8 @@
 /* global BoardService */
 
 import Flash from '~/flash';
-import modal from '../../vue_shared/components/modal.vue';
-import { visitUrl } from '../../lib/utils/url_utility';
+import modal from '~/vue_shared/components/modal.vue';
+import { visitUrl } from '~/lib/utils/url_utility';
 import BoardMilestoneSelect from './milestone_select.vue';
 import BoardWeightSelect from './weight_select.vue';
 import BoardLabelsSelect from './labels_select.vue';

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

 <script>
   /* global ListIssue */
   import _ from 'underscore';
-  import eventHub from '../eventhub';
-  import loadingIcon from '../../vue_shared/components/loading_icon.vue';
-  import Api from '../../api';
+  import eventHub from '~/boards/eventhub';
+  import loadingIcon from '~/vue_shared/components/loading_icon.vue';
+  import Api from '~/api';
 
   export default {
     name: 'BoardProjectSelect',

app/assets/javascripts/environments/components/deploy_board_component.vue → ee/app/assets/javascripts/environments/components/deploy_board_component.vue

@@ -9,10 +9,10 @@
    * [Mockup](https://gitlab.com/gitlab-org/gitlab-ce/uploads/2f655655c0eadf655d0ae7467b53002a/environments__deploy-graphic.png)
    */
   import _ from 'underscore';
+  import { n__ } from '~/locale';
+  import loadingIcon from '~/vue_shared/components/loading_icon.vue';
   import deployBoardSvg from 'ee_empty_states/icons/_deploy_board.svg';
-  import { n__ } from '../../locale';
   import instanceComponent from './deploy_board_instance_component.vue';
-  import loadingIcon from '../../vue_shared/components/loading_icon.vue';
 
   export default {
     components: {

app/assets/javascripts/environments/components/deploy_board_instance_component.vue → ee/app/assets/javascripts/environments/components/deploy_board_instance_component.vue

@@ -12,7 +12,7 @@
    * this information in the tooltip and the colors.
    * Mockup is https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/1551#note_26595150
    */
-  import tooltip from '../../vue_shared/directives/tooltip';
+  import tooltip from '~/vue_shared/directives/tooltip';
 
   export default {
     directives: {

ee/app/assets/javascripts/epics/epic_show/components/epic_show_app.vue

 <script>
   /* eslint-disable vue/require-default-prop */
   import issuableApp from '~/issue_show/components/app.vue';
-  import relatedIssuesRoot from '~/issuable/related_issues/components/related_issues_root.vue';
+  import relatedIssuesRoot from 'ee/issuable/related_issues/components/related_issues_root.vue';
   import issuableAppEventHub from '~/issue_show/event_hub';
   import epicHeader from './epic_header.vue';
   import epicSidebar from '../../sidebar/components/sidebar_app.vue';

app/assets/javascripts/ide/components/changed_file_icon.vue → ee/app/assets/javascripts/ide/components/changed_file_icon.vue

 <script>
-  import icon from '../../vue_shared/components/icon.vue';
+  import icon from '~/vue_shared/components/icon.vue';
 
   export default {
     components: {

app/assets/javascripts/ide/components/repo_file_status_icon.vue → ee/app/assets/javascripts/ide/components/repo_file_status_icon.vue

 <script>
-  import icon from '../../vue_shared/components/icon.vue';
-  import tooltip from '../../vue_shared/directives/tooltip';
-  import '../../lib/utils/datetime_utility';
+  import icon from '~/vue_shared/components/icon.vue';
+  import tooltip from '~/vue_shared/directives/tooltip';
+  import '~/lib/utils/datetime_utility';
 
   export default {
     components: {

app/assets/javascripts/issuable/issuable_bundle.js → ee/app/assets/javascripts/issuable/issuable_bundle.js

 import Vue from 'vue';
+import { convertPermissionToBoolean } from '~/lib/utils/common_utils';
 import RelatedIssuesRoot from './related_issues/components/related_issues_root.vue';
-import { convertPermissionToBoolean } from '../lib/utils/common_utils';
 
 document.addEventListener('DOMContentLoaded', () => {
   const relatedIssuesRootElement = document.querySelector('.js-related-issues-root');

app/assets/javascripts/issuable/related_issues/components/related_issues_block.vue → ee/app/assets/javascripts/issuable/related_issues/components/related_issues_block.vue

@@ -2,7 +2,7 @@
 import Sortable from 'vendor/Sortable';
 import loadingIcon from '~/vue_shared/components/loading_icon.vue';
 import tooltip from '~/vue_shared/directives/tooltip';
-import sortableConfig from '~/sortable/sortable_config';
+import sortableConfig from 'ee/sortable/sortable_config';
 import eventHub from '../event_hub';
 import issueItem from './issue_item.vue';
 import addIssuableForm from './add_issuable_form.vue';

app/assets/javascripts/issuable/related_issues/components/related_issues_root.vue → ee/app/assets/javascripts/issuable/related_issues/components/related_issues_root.vue

@@ -24,7 +24,7 @@ Your caret can stop touching a `rawReference` can happen in a variety of ways:
 
 */
 import _ from 'underscore';
-import Flash from '../../../flash';
+import Flash from '~/flash';
 import eventHub from '../event_hub';
 import RelatedIssuesBlock from './related_issues_block.vue';
 import RelatedIssuesStore from '../stores/related_issues_store';

app/assets/javascripts/issuable/related_issues/mixins/related_issues_mixin.js → ee/app/assets/javascripts/issuable/related_issues/mixins/related_issues_mixin.js

-import tooltip from '../../../vue_shared/directives/tooltip';
-import icon from '../../../vue_shared/components/icon.vue';
+import tooltip from '~/vue_shared/directives/tooltip';
+import icon from '~/vue_shared/components/icon.vue';
 import eventHub from '../event_hub';
 
 const mixins = {

app/assets/javascripts/mirrors/mirror_pull.js → ee/app/assets/javascripts/mirrors/mirror_pull.js

 import _ from 'underscore';
 import { __ } from '~/locale';
 import axios from '~/lib/utils/axios_utils';
-import Flash from '../flash';
+import Flash from '~/flash';
+import { backOff } from '~/lib/utils/common_utils';
 import AUTH_METHOD from './constants';
-import { backOff } from '../lib/utils/common_utils';
 
 export default class MirrorPull {
   constructor(formSelector) {

app/assets/javascripts/pipelines/components/graph/linked_pipeline.vue → ee/app/assets/javascripts/pipelines/components/graph/linked_pipeline.vue

 <script>
-  import ciStatus from '../../../vue_shared/components/ci_icon.vue';
-  import tooltip from '../../../vue_shared/directives/tooltip';
+  import ciStatus from '~/vue_shared/components/ci_icon.vue';
+  import tooltip from '~/vue_shared/directives/tooltip';
 
   export default {
     directives: {

app/assets/javascripts/projects/settings_service_desk/components/service_desk_root.vue → ee/app/assets/javascripts/projects/settings_service_desk/components/service_desk_root.vue

 <script>
-  import Flash from '../../../flash';
+  import Flash from '~/flash';
   import serviceDeskSetting from './service_desk_setting.vue';
   import ServiceDeskStore from '../stores/service_desk_store';
   import ServiceDeskService from '../services/service_desk_service';

app/assets/javascripts/projects/settings_service_desk/components/service_desk_setting.vue → ee/app/assets/javascripts/projects/settings_service_desk/components/service_desk_setting.vue

 <script>
+  import tooltip from '~/vue_shared/directives/tooltip';
   import eventHub from '../event_hub';
-  import tooltip from '../../../vue_shared/directives/tooltip';
 
   export default {
     name: 'ServiceDeskSetting',

app/assets/javascripts/projects/settings_service_desk/service_desk_bundle.js → ee/app/assets/javascripts/projects/settings_service_desk/service_desk_bundle.js

 import Vue from 'vue';
+import { convertPermissionToBoolean } from '~/lib/utils/common_utils';
 import serviceDeskRoot from './components/service_desk_root.vue';
-import { convertPermissionToBoolean } from '../../lib/utils/common_utils';
 
 document.addEventListener('DOMContentLoaded', () => {
   const serviceDeskRootElement = document.querySelector('.js-service-desk-setting-root');

ee/app/assets/javascripts/vue_merge_request_widget/components/approvals/approvals_footer.js

 import Flash from '~/flash';
-import LinkToMemberAvatar from '~/vue_shared/components/link_to_member_avatar';
+import LinkToMemberAvatar from 'ee/vue_shared/components/link_to_member_avatar';
 import { s__ } from '~/locale';
 import eventHub from '~/vue_merge_request_widget/event_hub';
 

app/assets/javascripts/vue_shared/components/linked_pipelines_mini_list.vue → ee/app/assets/javascripts/vue_shared/components/linked_pipelines_mini_list.vue

 <script>
   import arrowSvg from 'ee_icons/_arrow_mini_pipeline_graph.svg';
-  import icon from './icon.vue';
-  import ciStatus from './ci_icon.vue';
-  import tooltip from '../directives/tooltip';
+  import icon from '~/vue_shared/components/icon.vue';
+  import ciStatus from '~/vue_shared/components/ci_icon.vue';
+  import tooltip from '~/vue_shared/directives/tooltip';
 
   export default {
     directives: {

spec/javascripts/add_gitlab_slack_application/components/add_gitlab_slack_application_spec.js

 import Vue from 'vue';
-import addGitlabSlackApplication from '~/add_gitlab_slack_application/components/add_gitlab_slack_application.vue';
-import GitlabSlackService from '~/add_gitlab_slack_application/services/gitlab_slack_service';
+import addGitlabSlackApplication from 'ee/add_gitlab_slack_application/components/add_gitlab_slack_application.vue';
+import GitlabSlackService from 'ee/add_gitlab_slack_application/services/gitlab_slack_service';
 import * as UrlUtility from '~/lib/utils/url_utility';
-import mountComponent from '../../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 describe('AddGitlabSlackApplication', () => {
   const redirectLink = '//redirectLink';

spec/javascripts/boards/components/assignee_select_spec.js

@@ -2,10 +2,10 @@
 import MockAdapter from 'axios-mock-adapter';
 import Vue from 'vue';
 import axios from '~/lib/utils/axios_utils';
-import AssigneeSelect from '~/boards/components/assignee_select.vue';
 import '~/boards/services/board_service';
 import '~/boards/stores/boards_store';
 import IssuableContext from '~/issuable_context';
+import AssigneeSelect from 'ee/boards/components/assignee_select.vue';
 import { boardObj, mockBoardService } from '../mock_data';
 
 let vm;

spec/javascripts/boards/components/board_form_spec.js

 import Vue from 'vue';
 
-import boardForm from '~/boards/components/board_form.vue';
+import boardForm from 'ee/boards/components/board_form.vue';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 describe('board_form.vue', () => {
   const props = {

spec/javascripts/boards/components/boards_selector_spec.js

@@ -2,9 +2,9 @@
 
 import Vue from 'vue';
 import BoardService from '~/boards/services/board_service';
-import '~/boards/components/boards_selector';
-import setTimeoutPromiseHelper from '../../helpers/set_timeout_promise_helper';
-import mountComponent from '../../helpers/vue_mount_component_helper';
+import 'ee/boards/components/boards_selector';
+import setTimeoutPromiseHelper from 'spec/helpers/set_timeout_promise_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 const throttleDuration = 1;
 

spec/javascripts/boards/components/labels_select_spec.js

@@ -4,7 +4,7 @@ import Vue from 'vue';
 import MockAdapter from 'axios-mock-adapter';
 import axios from '~/lib/utils/axios_utils';
 import '~/labels_select';
-import LabelsSelect from '~/boards/components/labels_select.vue';
+import LabelsSelect from 'ee/boards/components/labels_select.vue';
 import IssuableContext from '~/issuable_context';
 
 let vm;

spec/javascripts/boards/components/weight_select_spec.js

 import Vue from 'vue';
-import WeightSelect from '~/boards/components/weight_select.vue';
+import WeightSelect from 'ee/boards/components/weight_select.vue';
 import IssuableContext from '~/issuable_context';
 
 let vm;

spec/javascripts/boards/milestone_select_spec.js

@@ -3,7 +3,7 @@
 import Vue from 'vue';
 import MockAdapater from 'axios-mock-adapter';
 import axios from '~/lib/utils/axios_utils';
-import MilestoneSelect from '~/boards/components/milestone_select.vue';
+import MilestoneSelect from 'ee/boards/components/milestone_select.vue';
 import IssuableContext from '~/issuable_context';
 import { boardObj } from './mock_data';
 

spec/javascripts/ci_variable_list/ci_variable_list_ee_spec.js

 import VariableList from '~/ci_variable_list/ci_variable_list';
-import getSetTimeoutPromise from '../helpers/set_timeout_promise_helper';
+import getSetTimeoutPromise from 'spec/helpers/set_timeout_promise_helper';
 
 describe('VariableList (EE features)', () => {
   preloadFixtures('projects/ci_cd_settings.html.raw');

spec/javascripts/ci_variable_list/ci_variable_list_spec.js

 import VariableList from '~/ci_variable_list/ci_variable_list';
-import getSetTimeoutPromise from '../helpers/set_timeout_promise_helper';
+import getSetTimeoutPromise from 'spec/helpers/set_timeout_promise_helper';
 
 const HIDE_CLASS = 'hide';
 

spec/javascripts/clusters/clusters_bundle_spec.js

@@ -7,7 +7,7 @@ import {
   REQUEST_SUCCESS,
   REQUEST_FAILURE,
 } from '~/clusters/constants';
-import getSetTimeoutPromise from '../helpers/set_timeout_promise_helper';
+import getSetTimeoutPromise from 'spec/helpers/set_timeout_promise_helper';
 
 describe('Clusters', () => {
   let cluster;

spec/javascripts/clusters/components/application_row_spec.js

@@ -12,7 +12,7 @@ import {
   REQUEST_FAILURE,
 } from '~/clusters/constants';
 import applicationRow from '~/clusters/components/application_row.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { DEFAULT_APPLICATION_STATE } from '../services/mock_data';
 
 describe('Application Row', () => {

spec/javascripts/clusters/components/applications_spec.js

 import Vue from 'vue';
 import applications from '~/clusters/components/applications.vue';
-import mountComponent from '../../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 describe('Applications', () => {
   let vm;

spec/javascripts/commit/commit_pipeline_status_component_spec.js

@@ -2,7 +2,7 @@ import Vue from 'vue';
 import MockAdapter from 'axios-mock-adapter';
 import axios from '~/lib/utils/axios_utils';
 import commitPipelineStatus from '~/projects/tree/components/commit_pipeline_status_component.vue';
-import mountComponent from '../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 describe('Commit pipeline status component', () => {
   let vm;

spec/javascripts/cycle_analytics/banner_spec.js

 import Vue from 'vue';
 import banner from '~/cycle_analytics/components/banner.vue';
-import mountComponent from '../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 describe('Cycle analytics banner', () => {
   let vm;

spec/javascripts/cycle_analytics/total_time_component_spec.js

 import Vue from 'vue';
 import component from '~/cycle_analytics/components/total_time_component.vue';
-import mountComponent from '../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 describe('Total time component', () => {
   let vm;

spec/javascripts/environments/deploy_board_component_spec.js

 import Vue from 'vue';
-import DeployBoard from '~/environments/components/deploy_board_component.vue';
+import DeployBoard from 'ee/environments/components/deploy_board_component.vue';
 import { deployBoardMockData } from './mock_data';
 
 describe('Deploy Board', () => {

spec/javascripts/environments/deploy_board_instance_component_spec.js

 import Vue from 'vue';
-import DeployBoardInstance from '~/environments/components/deploy_board_instance_component.vue';
+import DeployBoardInstance from 'ee/environments/components/deploy_board_instance_component.vue';
 
 describe('Deploy Board Instance', () => {
   let DeployBoardInstanceComponent;

spec/javascripts/environments/emtpy_state_spec.js

 import Vue from 'vue';
 import emptyState from '~/environments/components/empty_state.vue';
-import mountComponent from '../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 describe('environments empty state', () => {
   let vm;

spec/javascripts/environments/environment_table_spec.js

 import Vue from 'vue';
 import environmentTableComp from '~/environments/components/environments_table.vue';
 import eventHub from '~/environments/event_hub';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { deployBoardMockData } from './mock_data';
-import mountComponent from '../helpers/vue_mount_component_helper';
 
 describe('Environment table', () => {
   let Component;

spec/javascripts/environments/environments_app_spec.js

 import _ from 'underscore';
 import Vue from 'vue';
 import environmentsComponent from '~/environments/components/environments_app.vue';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
+import { headersInterceptor } from 'spec/helpers/vue_resource_helper';
 import { environment, folder } from './mock_data';
-import { headersInterceptor } from '../helpers/vue_resource_helper';
-import mountComponent from '../helpers/vue_mount_component_helper';
 
 describe('Environment', () => {
   const mockData = {

spec/javascripts/environments/folder/environments_folder_view_spec.js

 import _ from 'underscore';
 import Vue from 'vue';
 import environmentsFolderViewComponent from '~/environments/folder/environments_folder_view.vue';
+import { headersInterceptor } from 'spec/helpers/vue_resource_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { environmentsList } from '../mock_data';
-import { headersInterceptor } from '../../helpers/vue_resource_helper';
-import mountComponent from '../../helpers/vue_mount_component_helper';
 
 describe('Environments Folder View', () => {
   let Component;

spec/javascripts/epics/epic_show/components/epic_header_spec.js

 import Vue from 'vue';
 import epicHeader from 'ee/epics/epic_show/components/epic_header.vue';
-import mountComponent from '../../../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { headerProps } from '../mock_data';
 
 describe('epicHeader', () => {

spec/javascripts/epics/epic_show/components/epic_show_app_spec.js

@@ -7,9 +7,9 @@ import epicSidebar from 'ee/epics/sidebar/components/sidebar_app.vue';
 import issuableApp from '~/issue_show/components/app.vue';
 import issuableAppEventHub from '~/issue_show/event_hub';
 import * as urlUtils from '~/lib/utils/url_utility';
-import mountComponent from '../../../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
+import issueShowData from 'spec/issue_show/mock_data';
 import { props } from '../mock_data';
-import issueShowData from '../../../issue_show/mock_data';
 
 describe('EpicShowApp', () => {
   let mock;

spec/javascripts/epics/new_epic/components/new_epic_spec.js

@@ -2,7 +2,7 @@ import Vue from 'vue';
 import _ from 'underscore';
 import newEpic from 'ee/epics/new_epic/components/new_epic.vue';
 import * as urlUtility from '~/lib/utils/url_utility';
-import mountComponent from '../../../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 describe('newEpic', () => {
   let vm;

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

@@ -2,7 +2,7 @@ import Vue from 'vue';
 import _ from 'underscore';
 import Cookies from 'js-cookie';
 import epicSidebar from 'ee/epics/sidebar/components/sidebar_app.vue';
-import mountComponent from '../../../helpers/vue_mount_component_helper';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 
 describe('epicSidebar', () => {
   let vm;

spec/javascripts/feature_highlight/feature_highlight_helper_spec.js

@@ -8,7 +8,7 @@ import {
   mouseenter,
   inserted,
 } from '~/feature_highlight/feature_highlight_helper';
-import getSetTimeoutPromise from '../helpers/set_timeout_promise_helper';
+import getSetTimeoutPromise from 'spec/helpers/set_timeout_promise_helper';
 
 describe('feature highlight helper', () => {
   describe('getSelector', () => {

spec/javascripts/geo_nodes/components/app_spec.js

@@ -6,10 +6,9 @@ import appComponent from 'ee/geo_nodes/components/app.vue';
 import eventHub from 'ee/geo_nodes/event_hub';
 import GeoNodesStore from 'ee/geo_nodes/store/geo_nodes_store';
 import GeoNodesService from 'ee/geo_nodes/service/geo_nodes_service';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { PRIMARY_VERSION, NODE_DETAILS_PATH, mockNodes, rawMockNodeDetails } from '../mock_data';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
 const createComponent = () => {
   const Component = Vue.extend(appComponent);
   const store = new GeoNodesStore(PRIMARY_VERSION.version, PRIMARY_VERSION.revision);

spec/javascripts/geo_nodes/components/geo_node_actions_spec.js

 import Vue from 'vue';
 
 import geoNodeActionsComponent from 'ee/geo_nodes/components/geo_node_actions.vue';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { mockNodes } from '../mock_data';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
 const createComponent = (node = mockNodes[0], nodeEditAllowed = true, nodeMissingOauth = false) => {
   const Component = Vue.extend(geoNodeActionsComponent);
 

spec/javascripts/geo_nodes/components/geo_node_detail_item_spec.js

@@ -2,10 +2,9 @@ import Vue from 'vue';
 
 import geoNodeDetailItemComponent from 'ee/geo_nodes/components/geo_node_detail_item.vue';
 import { VALUE_TYPE, CUSTOM_TYPE } from 'ee/geo_nodes/constants';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { rawMockNodeDetails } from '../mock_data';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
 const createComponent = (config) => {
   const Component = Vue.extend(geoNodeDetailItemComponent);
   const defaultConfig = Object.assign({

spec/javascripts/geo_nodes/components/geo_node_details_spec.js

 import Vue from 'vue';
 
 import geoNodeDetailsComponent from 'ee/geo_nodes/components/geo_node_details.vue';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { mockNodes, mockNodeDetails } from '../mock_data';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
 const createComponent = (nodeDetails = mockNodeDetails) => {
   const Component = Vue.extend(geoNodeDetailsComponent);
 

spec/javascripts/geo_nodes/components/geo_node_event_status_spec.js

 import Vue from 'vue';
 
 import geoNodeEventStatusComponent from 'ee/geo_nodes/components/geo_node_event_status.vue';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { mockNodeDetails } from '../mock_data';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
 const createComponent = (
   eventId = mockNodeDetails.lastEvent.id,
   eventTimeStamp = mockNodeDetails.lastEvent.timeStamp,

spec/javascripts/geo_nodes/components/geo_node_health_status_spec.js

 import Vue from 'vue';
 
 import geoNodeHealthStatusComponent from 'ee/geo_nodes/components/geo_node_health_status.vue';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { mockNodeDetails } from '../mock_data';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
 const createComponent = (status = mockNodeDetails.health) => {
   const Component = Vue.extend(geoNodeHealthStatusComponent);
 

spec/javascripts/geo_nodes/components/geo_node_item_spec.js

@@ -2,10 +2,9 @@ import Vue from 'vue';
 
 import geoNodeItemComponent from 'ee/geo_nodes/components/geo_node_item.vue';
 import eventHub from 'ee/geo_nodes/event_hub';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { mockNodes, mockNodeDetails } from '../mock_data';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
 const createComponent = (node = mockNodes[0]) => {
   const Component = Vue.extend(geoNodeItemComponent);
 

spec/javascripts/geo_nodes/components/geo_node_sync_settings_spec.js

 import Vue from 'vue';
 
 import geoNodeSyncSettingsComponent from 'ee/geo_nodes/components/geo_node_sync_settings.vue';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { mockNodeDetails } from '../mock_data';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
 const createComponent = (
   selectiveSyncType = mockNodeDetails.selectiveSyncType,
   lastEvent = mockNodeDetails.lastEvent,

spec/javascripts/geo_nodes/components/geo_nodes_list_spec.js

 import Vue from 'vue';
 
 import geoNodesListComponent from 'ee/geo_nodes/components/geo_nodes_list.vue';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { mockNodes } from '../mock_data';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
 const createComponent = () => {
   const Component = Vue.extend(geoNodesListComponent);
 

spec/javascripts/groups/components/group_item_spec.js

@@ -3,10 +3,9 @@ import * as urlUtils from '~/lib/utils/url_utility';
 import groupItemComponent from '~/groups/components/group_item.vue';
 import groupFolderComponent from '~/groups/components/group_folder.vue';
 import eventHub from '~/groups/event_hub';
+import mountComponent from 'spec/helpers/vue_mount_component_helper';
 import { mockParentGroupItem, mockChildren } from '../mock_data';
 
-import mountComponent from '../../helpers/vue_mount_component_helper';
-
 const createComponent = (group = mockParentGroupItem, parentGroup = mockChildren[0]) => {
   const Component = Vue.extend(groupItemComponent);