box-ui-elements-mlh/src/elements/content-sidebar/activity-feed/common/activity-timestamp/__tests__/ActivityTimestamp.test.js

Box UI Elements

import * as React from 'react';
import { shallow } from 'enzyme';
import ActivityTimestamp, { MILLISECONDS_PER_YEAR } from '../ActivityTimestamp';

describe('elements/content-sidebar/ActivityFeed/common/ActivityTimestamp', () => {
    test('should correctly render timestamp from previous years', () => {
        const TIME_STRING_SEPT_27_2017 = '2017-09-27T10:40:41-07:00';
        const unixTime = new Date(TIME_STRING_SEPT_27_2017).getTime();

        const wrapper = shallow(<ActivityTimestamp date={unixTime} />);

        // validating that the Tooltip and the time format are properly set
        expect(wrapper.find('ReadableTime').prop('timestamp')).toEqual(unixTime);

        expect(wrapper).toMatchSnapshot();
    });

    test('should correctly render ActivityTimestamp for this year', () => {
        const unixTime = new Date().getTime();

        const wrapper = shallow(<ActivityTimestamp date={unixTime} />);

        expect(wrapper.find('ReadableTime').prop('alwaysShowTime')).toEqual(true);
    });

    test('should not show time when past a year', () => {
        const lastYear = new Date().getTime() - MILLISECONDS_PER_YEAR;

        const wrapper = shallow(<ActivityTimestamp date={lastYear} />);

        expect(wrapper.find('ReadableTime').prop('alwaysShowTime')).toEqual(false);
    });
});