mattermost-mobile/app/components/friendly_date/friendly_date.test.tsx

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react';

import {renderWithIntl} from '@test/intl-test-helper';

import FriendlyDate from './index';

describe('Friendly Date', () => {
    it('should render correctly', () => {
        const justNow = new Date();
        justNow.setSeconds(justNow.getSeconds() - 10);
        const justNowText = renderWithIntl(
            <FriendlyDate value={justNow}/>,
        );
        expect(justNowText.getByText('Now')).toBeTruthy();

        const minutesAgo = new Date();
        minutesAgo.setMinutes(minutesAgo.getMinutes() - 1);
        const minutesAgoText = renderWithIntl(
            <FriendlyDate value={minutesAgo}/>,
        );
        expect(minutesAgoText.getByText('1 min ago')).toBeTruthy();

        const hoursAgo = new Date();
        hoursAgo.setHours(hoursAgo.getHours() - 4);
        const hoursAgoText = renderWithIntl(
            <FriendlyDate value={hoursAgo}/>,
        );
        expect(hoursAgoText.getByText('4 hours ago')).toBeTruthy();

        const yesterday = new Date();
        yesterday.setDate(yesterday.getDate() - 1);
        const yesterdayText = renderWithIntl(
            <FriendlyDate value={yesterday}/>,
        );
        expect(yesterdayText.getByText('Yesterday')).toBeTruthy();

        const daysAgo = new Date();
        daysAgo.setDate(daysAgo.getDate() - 10);
        const daysAgoText = renderWithIntl(
            <FriendlyDate value={daysAgo}/>,
        );
        expect(daysAgoText.getByText('10 days ago')).toBeTruthy();

        // Difference is less than 30 days
        const daysEdgeCase = new Date(2020, 3, 28);
        const daysEdgeCaseTodayDate = new Date(2020, 4, 28);
        const daysEdgeCaseText = renderWithIntl(
            <FriendlyDate
                sourceDate={daysEdgeCaseTodayDate}
                value={daysEdgeCase}
            />,
        );
        expect(daysEdgeCaseText.getByText('1 month ago')).toBeTruthy();

        const daysAgoMax = new Date(2020, 4, 6);
        const daysAgoMaxTodayDate = new Date(2020, 5, 5);
        const daysAgoMaxText = renderWithIntl(
            <FriendlyDate
                sourceDate={daysAgoMaxTodayDate}
                value={daysAgoMax}
            />,
        );
        expect(daysAgoMaxText.getByText('30 days ago')).toBeTruthy();

        const monthsAgo = new Date();
        monthsAgo.setMonth(monthsAgo.getMonth() - 2);
        const monthsAgoText = renderWithIntl(
            <FriendlyDate value={monthsAgo}/>,
        );
        expect(monthsAgoText.getByText('2 months ago')).toBeTruthy();

        const yearsAgo = new Date();
        yearsAgo.setFullYear(yearsAgo.getFullYear() - 2);
        const yearsAgoText = renderWithIntl(
            <FriendlyDate value={yearsAgo}/>,
        );
        expect(yearsAgoText.getByText('2 years ago')).toBeTruthy();
    });

    it('should render correctly with times in the future', () => {
        const justNow = new Date();
        justNow.setSeconds(justNow.getSeconds() + 10);
        const justNowText = renderWithIntl(
            <FriendlyDate value={justNow}/>,
        );
        expect(justNowText.getByText('Now')).toBeTruthy();

        const inMinutes = new Date();
        inMinutes.setMinutes(inMinutes.getMinutes() + 2);
        const inMinutesText = renderWithIntl(
            <FriendlyDate value={inMinutes}/>,
        );
        expect(inMinutesText.getByText('in 2 mins')).toBeTruthy();

        const inHours = new Date();
        inHours.setHours(inHours.getHours() + 2);
        const inHoursText = renderWithIntl(
            <FriendlyDate value={inHours}/>,
        );
        expect(inHoursText.getByText('in 2 hours')).toBeTruthy();

        const inDays = new Date();
        inDays.setDate(inDays.getDate() + 2);
        const inDaysText = renderWithIntl(
            <FriendlyDate value={inDays}/>,
        );
        expect(inDaysText.getByText('in 2 days')).toBeTruthy();

        const inMonths = new Date();
        inMonths.setMonth(inMonths.getMonth() + 2);
        const inMonthsText = renderWithIntl(
            <FriendlyDate value={inMonths}/>,
        );
        expect(inMonthsText.getByText('in 2 months')).toBeTruthy();

        const inYears = new Date();
        inYears.setFullYear(inYears.getFullYear() + 2);
        const inYearsText = renderWithIntl(
            <FriendlyDate value={inYears}/>,
        );
        expect(inYearsText.getByText('in 2 years')).toBeTruthy();
    });
});