spec/frontend/admin/users/components/user_date_spec.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

import { shallowMount } from '@vue/test-utils';

import UserDate from '~/admin/users/components/user_date.vue';
import { users } from '../mock_data';

const mockDate = users[0].createdAt;

describe('FormatDate component', () => {
  let wrapper;

  const initComponent = (props = {}) => {
    wrapper = shallowMount(UserDate, {
      propsData: {
        ...props,
      },
    });
  };

  afterEach(() => {
    wrapper.destroy();
    wrapper = null;
  });

  it.each`
    date         | output
    ${mockDate}  | ${'13 Nov, 2020'}
    ${null}      | ${'Never'}
    ${undefined} | ${'Never'}
  `('renders $date as $output', ({ date, output }) => {
    initComponent({ date });

    expect(wrapper.text()).toBe(output);
  });
});