Migrate environments app components specs to jest

- ee/spec/javascripts/environments/deploy_board_component_spec.js
- ee/spec/javascripts/vue_shared/components/deployment_instance_spec.js

ee/spec/javascripts/environments/deploy_board_component_spec.js → ee/spec/frontend/environments/deploy_board_component_spec.js

 import Vue from 'vue';
 import { mount } from '@vue/test-utils';
 import DeployBoard from 'ee/environments/components/deploy_board_component.vue';
-import { environment } from 'spec/environments/mock_data';
-import { deployBoardMockData } from './mock_data';
+import { deployBoardMockData, environment } from './mock_data';
 
 const projectPath = 'gitlab-org/gitlab-test';
 

ee/spec/frontend/environments/environments_table_spec.js

 import { mount } from '@vue/test-utils';
 import EnvironmentTable from '~/environments/components/environments_table.vue';
 import eventHub from '~/environments/event_hub';
-import deployBoardMockData from './mock_data';
+import { deployBoardMockData } from './mock_data';
 
 describe('Environment table', () => {
   let wrapper;

ee/spec/frontend/environments/mock_data.js

-const deployBoardMockData = {
+export const deployBoardMockData = {
   instances: [
     { status: 'finished', tooltip: 'tanuki-2334 Finished', pod_name: 'production-tanuki-1' },
     { status: 'finished', tooltip: 'tanuki-2335 Finished', pod_name: 'production-tanuki-1' },
@@ -34,4 +34,69 @@ const deployBoardMockData = {
   status: 'found',
 };
 
-export default deployBoardMockData;
+export const environment = {
+  name: 'production',
+  size: 1,
+  state: 'stopped',
+  external_url: 'http://external.com',
+  environment_type: null,
+  last_deployment: {
+    id: 66,
+    iid: 6,
+    sha: '500aabcb17c97bdcf2d0c410b70cb8556f0362dd',
+    ref: {
+      name: 'master',
+      ref_url: 'root/ci-folders/tree/master',
+    },
+    tag: true,
+    'last?': true,
+    user: {
+      name: 'Administrator',
+      username: 'root',
+      id: 1,
+      state: 'active',
+      avatar_url:
+        'https://www.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80\u0026d=identicon',
+      web_url: 'http://localhost:3000/root',
+    },
+    commit: {
+      id: '500aabcb17c97bdcf2d0c410b70cb8556f0362dd',
+      short_id: '500aabcb',
+      title: 'Update .gitlab-ci.yml',
+      author_name: 'Administrator',
+      author_email: 'admin@example.com',
+      created_at: '2016-11-07T18:28:13.000+00:00',
+      message: 'Update .gitlab-ci.yml',
+      author: {
+        name: 'Administrator',
+        username: 'root',
+        id: 1,
+        state: 'active',
+        avatar_url:
+          'https://www.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80\u0026d=identicon',
+        web_url: 'http://localhost:3000/root',
+      },
+      commit_path: '/root/ci-folders/tree/500aabcb17c97bdcf2d0c410b70cb8556f0362dd',
+    },
+    deployable: {
+      id: 1279,
+      name: 'deploy',
+      build_path: '/root/ci-folders/builds/1279',
+      retry_path: '/root/ci-folders/builds/1279/retry',
+      created_at: '2016-11-29T18:11:58.430Z',
+      updated_at: '2016-11-29T18:11:58.430Z',
+    },
+    manual_actions: [
+      {
+        name: 'action',
+        play_path: '/play',
+      },
+    ],
+    deployed_at: '2016-11-29T18:11:58.430Z',
+  },
+  has_stop_action: true,
+  environment_path: 'root/ci-folders/environments/31',
+  log_path: 'root/ci-folders/environments/31/logs',
+  created_at: '2016-11-07T11:11:16.525Z',
+  updated_at: '2016-11-10T15:55:58.778Z',
+};

ee/spec/javascripts/vue_shared/components/deployment_instance_spec.js → ee/spec/frontend/vue_shared/components/deployment_instance/deployment_instance_spec.js

-import Vue from 'vue';
 import { shallowMount } from '@vue/test-utils';
 import DeployBoardInstance from 'ee/vue_shared/components/deployment_instance.vue';
-import { folder } from '../../environments/mock_data';
+import { folder } from './mock_data';
 
 describe('Deploy Board Instance', () => {
   let wrapper;
-  const DeployBoardInstanceComponent = Vue.extend(DeployBoardInstance);
 
   const createComponent = (props = {}) =>
-    shallowMount(DeployBoardInstanceComponent, {
+    shallowMount(DeployBoardInstance, {
       propsData: {
         status: 'succeeded',
         ...props,
@@ -28,7 +26,7 @@ describe('Deploy Board Instance', () => {
       });
 
       expect(wrapper.classes('deployment-instance-succeeded')).toBe(true);
-      expect(wrapper.attributes('data-original-title')).toEqual('This is a pod');
+      expect(wrapper.attributes('title')).toEqual('This is a pod');
     });
 
     it('should render a div without tooltip data', done => {
@@ -39,7 +37,7 @@ describe('Deploy Board Instance', () => {
 
       wrapper.vm.$nextTick(() => {
         expect(wrapper.classes('deployment-instance-deploying')).toBe(true);
-        expect(wrapper.attributes('data-original-title')).toEqual('');
+        expect(wrapper.attributes('title')).toEqual('');
         done();
       });
     });
@@ -101,7 +99,7 @@ describe('Deploy Board Instance', () => {
     it('should not have a tooltip', () => {
       wrapper = createComponent();
 
-      expect(wrapper.attributes('data-original-title')).toEqual('');
+      expect(wrapper.attributes('title')).toEqual('');
     });
   });
 });

ee/spec/frontend/vue_shared/components/deployment_instance/mock_data.js

+export const environmentsList = [
+  {
+    name: 'DEV',
+    size: 1,
+    id: 7,
+    state: 'available',
+    external_url: null,
+    environment_type: null,
+    last_deployment: null,
+    has_stop_action: false,
+    environment_path: '/root/review-app/environments/7',
+    stop_path: '/root/review-app/environments/7/stop',
+    created_at: '2017-01-31T10:53:46.894Z',
+    updated_at: '2017-01-31T10:53:46.894Z',
+    project_path: '/root/review-app',
+    rollout_status: {},
+  },
+  {
+    folderName: 'build',
+    size: 5,
+    id: 12,
+    name: 'build/update-README',
+    state: 'available',
+    external_url: null,
+    environment_type: 'build',
+    last_deployment: null,
+    has_stop_action: false,
+    environment_path: '/root/review-app/environments/12',
+    stop_path: '/root/review-app/environments/12/stop',
+    created_at: '2017-02-01T19:42:18.400Z',
+    updated_at: '2017-02-01T19:42:18.400Z',
+    project_path: '/root/review-app',
+    rollout_status: {},
+  },
+];
+
+export const serverData = [
+  {
+    name: 'DEV',
+    size: 1,
+    latest: {
+      id: 7,
+      name: 'DEV',
+      state: 'available',
+      external_url: null,
+      environment_type: null,
+      last_deployment: null,
+      has_stop_action: false,
+      environment_path: '/root/review-app/environments/7',
+      stop_path: '/root/review-app/environments/7/stop',
+      created_at: '2017-01-31T10:53:46.894Z',
+      updated_at: '2017-01-31T10:53:46.894Z',
+      rollout_status: {},
+    },
+  },
+  {
+    name: 'build',
+    size: 5,
+    latest: {
+      id: 12,
+      name: 'build/update-README',
+      state: 'available',
+      external_url: null,
+      environment_type: 'build',
+      last_deployment: null,
+      has_stop_action: false,
+      environment_path: '/root/review-app/environments/12',
+      stop_path: '/root/review-app/environments/12/stop',
+      created_at: '2017-02-01T19:42:18.400Z',
+      updated_at: '2017-02-01T19:42:18.400Z',
+    },
+  },
+  {
+    name: 'build',
+    size: 1,
+    latest: {
+      id: 12,
+      name: 'build/update-README',
+      state: 'available',
+      external_url: null,
+      environment_type: 'build',
+      last_deployment: null,
+      has_stop_action: false,
+      environment_path: '/root/review-app/environments/12',
+      stop_path: '/root/review-app/environments/12/stop',
+      created_at: '2017-02-01T19:42:18.400Z',
+      updated_at: '2017-02-01T19:42:18.400Z',
+    },
+  },
+];
+
+export const deployBoardMockData = {
+  instances: [
+    { status: 'finished', tooltip: 'tanuki-2334 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2335 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2336 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2337 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2338 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2339 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2340 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2334 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2335 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2336 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2337 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2338 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2339 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'finished', tooltip: 'tanuki-2340 Finished', pod_name: 'production-tanuki-1' },
+    { status: 'deploying', tooltip: 'tanuki-2341 Deploying', pod_name: 'production-tanuki-1' },
+    { status: 'deploying', tooltip: 'tanuki-2342 Deploying', pod_name: 'production-tanuki-1' },
+    { status: 'deploying', tooltip: 'tanuki-2343 Deploying', pod_name: 'production-tanuki-1' },
+    { status: 'failed', tooltip: 'tanuki-2344 Failed', pod_name: 'production-tanuki-1' },
+    { status: 'ready', tooltip: 'tanuki-2345 Ready', pod_name: 'production-tanuki-1' },
+    { status: 'ready', tooltip: 'tanuki-2346 Ready', pod_name: 'production-tanuki-1' },
+    { status: 'preparing', tooltip: 'tanuki-2348 Preparing', pod_name: 'production-tanuki-1' },
+    { status: 'preparing', tooltip: 'tanuki-2349 Preparing', pod_name: 'production-tanuki-1' },
+    { status: 'preparing', tooltip: 'tanuki-2350 Preparing', pod_name: 'production-tanuki-1' },
+    { status: 'preparing', tooltip: 'tanuki-2353 Preparing', pod_name: 'production-tanuki-1' },
+    { status: 'waiting', tooltip: 'tanuki-2354 Waiting', pod_name: 'production-tanuki-1' },
+    { status: 'waiting', tooltip: 'tanuki-2355 Waiting', pod_name: 'production-tanuki-1' },
+    { status: 'waiting', tooltip: 'tanuki-2356 Waiting', pod_name: 'production-tanuki-1' },
+  ],
+  abort_url: 'url',
+  rollback_url: 'url',
+  completion: 100,
+  status: 'found',
+};
+
+export const folder = {
+  folderName: 'build',
+  size: 5,
+  id: 12,
+  name: 'build/update-README',
+  state: 'available',
+  external_url: null,
+  environment_type: 'build',
+  last_deployment: null,
+  has_stop_action: false,
+  environment_path: '/root/review-app/environments/12',
+  stop_path: '/root/review-app/environments/12/stop',
+  created_at: '2017-02-01T19:42:18.400Z',
+  updated_at: '2017-02-01T19:42:18.400Z',
+  rollout_status: {},
+  project_path: '/root/review-app',
+};