1 files changed, 40 insertions, 25 deletions
diff --git a/spec/frontend/vue_merge_request_widget/components/states/mr_widget_closed_spec.js b/spec/frontend/vue_merge_request_widget/components/states/mr_widget_closed_spec.js
index f7d046eb8f9..06ee017dee7 100644
--- a/spec/frontend/vue_merge_request_widget/components/states/mr_widget_closed_spec.js
+++ b/spec/frontend/vue_merge_request_widget/components/states/mr_widget_closed_spec.js
@@ -1,39 +1,54 @@
-import Vue from 'vue';
-import mountComponent from 'helpers/vue_mount_component_helper';
+import { shallowMount } from '@vue/test-utils';
 import closedComponent from '~/vue_merge_request_widget/components/states/mr_widget_closed.vue';
+import MrWidgetAuthorTime from '~/vue_merge_request_widget/components/mr_widget_author_time.vue';
+import StateContainer from '~/vue_merge_request_widget/components/state_container.vue';
+
+const MOCK_DATA = {
+  metrics: {
+    mergedBy: {},
+    closedBy: {
+      name: 'Administrator',
+      username: 'root',
+      webUrl: 'http://localhost:3000/root',
+      avatarUrl: 'http://www.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80&d=identicon',
+    },
+    mergedAt: 'Jan 24, 2018 1:02pm UTC',
+    closedAt: 'Jan 24, 2018 1:02pm UTC',
+    readableMergedAt: '',
+    readableClosedAt: 'less than a minute ago',
+  },
+  targetBranchPath: '/twitter/flight/commits/so_long_jquery',
+  targetBranch: 'so_long_jquery',
+};
 
 describe('MRWidgetClosed', () => {
-  let vm;
+  let wrapper;
 
   beforeEach(() => {
-    const Component = Vue.extend(closedComponent);
-    vm = mountComponent(Component, {
-      mr: {
-        metrics: {
-          mergedBy: {},
-          closedBy: {
-            name: 'Administrator',
-            username: 'root',
-            webUrl: 'http://localhost:3000/root',
-            avatarUrl:
-              'http://www.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80&d=identicon',
-          },
-          mergedAt: 'Jan 24, 2018 1:02pm UTC',
-          closedAt: 'Jan 24, 2018 1:02pm UTC',
-          readableMergedAt: '',
-          readableClosedAt: 'less than a minute ago',
-        },
-        targetBranchPath: '/twitter/flight/commits/so_long_jquery',
-        targetBranch: 'so_long_jquery',
+    wrapper = shallowMount(closedComponent, {
+      propsData: {
+        mr: MOCK_DATA,
       },
     });
   });
 
   afterEach(() => {
-    vm.$destroy();
+    wrapper.destroy();
+    wrapper = null;
+  });
+
+  it('renders closed icon', () => {
+    expect(wrapper.findComponent(StateContainer).exists()).toBe(true);
+    expect(wrapper.findComponent(StateContainer).props().status).toBe('closed');
   });
 
-  it('renders warning icon', () => {
-    expect(vm.$el.querySelector('.js-ci-status-icon-warning')).not.toBeNull();
+  it('renders mr widget author time', () => {
+    expect(wrapper.findComponent(MrWidgetAuthorTime).exists()).toBe(true);
+    expect(wrapper.findComponent(MrWidgetAuthorTime).props()).toEqual({
+      actionText: 'Closed by',
+      author: MOCK_DATA.metrics.closedBy,
+      dateTitle: MOCK_DATA.metrics.closedAt,
+      dateReadable: MOCK_DATA.metrics.readableClosedAt,
+    });
   });
 });