1 files changed, 43 insertions, 0 deletions
diff --git a/spec/frontend/vue_merge_request_widget/components/mr_widget_author_time_spec.js b/spec/frontend/vue_merge_request_widget/components/mr_widget_author_time_spec.js
new file mode 100644
index 00000000000..8fd93809e01
--- /dev/null
+++ b/spec/frontend/vue_merge_request_widget/components/mr_widget_author_time_spec.js
@@ -0,0 +1,43 @@
+import { shallowMount } from '@vue/test-utils';
+import MrWidgetAuthor from '~/vue_merge_request_widget/components/mr_widget_author.vue';
+import MrWidgetAuthorTime from '~/vue_merge_request_widget/components/mr_widget_author_time.vue';
+
+describe('MrWidgetAuthorTime', () => {
+  let wrapper;
+
+  const defaultProps = {
+    actionText: 'Merged by',
+    author: {
+      name: 'Administrator',
+      username: 'root',
+      webUrl: 'http://localhost:3000/root',
+      avatarUrl: 'http://www.gravatar.com/avatar/e64c7d89f26bd1972efa854d13d7dd61?s=80&d=identicon',
+    },
+    dateTitle: '2017-03-23T23:02:00.807Z',
+    dateReadable: '12 hours ago',
+  };
+
+  beforeEach(() => {
+    wrapper = shallowMount(MrWidgetAuthorTime, {
+      propsData: defaultProps,
+    });
+  });
+
+  afterEach(() => {
+    wrapper.destroy();
+  });
+
+  it('renders provided action text', () => {
+    expect(wrapper.text()).toContain('Merged by');
+  });
+
+  it('renders author', () => {
+    expect(wrapper.find(MrWidgetAuthor).props('author')).toStrictEqual(defaultProps.author);
+  });
+
+  it('renders provided time', () => {
+    expect(wrapper.find('time').attributes('title')).toBe('2017-03-23T23:02:00.807Z');
+
+    expect(wrapper.find('time').text().trim()).toBe('12 hours ago');
+  });
+});