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
35
36
37
38

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

import UserDate from '~/vue_shared/components/user_date.vue';
import { ISO_SHORT_FORMAT } from '~/vue_shared/constants';
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         | dateFormat          | output
    ${mockDate}  | ${undefined}        | ${'13 Nov, 2020'}
    ${null}      | ${undefined}        | ${'Never'}
    ${undefined} | ${undefined}        | ${'Never'}
    ${mockDate}  | ${ISO_SHORT_FORMAT} | ${'2020-11-13'}
    ${null}      | ${ISO_SHORT_FORMAT} | ${'Never'}
    ${undefined} | ${ISO_SHORT_FORMAT} | ${'Never'}
  `('renders $date as $output', ({ date, dateFormat, output }) => {
    initComponent({ date, dateFormat });

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