mattermost-mobile/app/components/formatted_time.test.js

95 lines
2.5 KiB
JavaScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import moment from 'moment-timezone';
import {renderWithIntl} from 'test/testing_library';
import FormattedTime from './formatted_time';
describe('FormattedTime', () => {
const baseProps = {
value: 1548788533405,
timeZone: 'UTC',
hour12: true,
};
it('should render correctly', () => {
console.error = jest.fn();
const viewOne = renderWithIntl(
<FormattedTime {...baseProps}/>,
);
expect(viewOne.toJSON()).toMatchSnapshot();
expect(viewOne.getByText('7:02 PM')).toBeTruthy();
const viewTwo = renderWithIntl(
<FormattedTime
{...baseProps}
hour12={false}
/>,
);
expect(viewTwo.toJSON()).toMatchSnapshot();
expect(viewTwo.getByText('19:02')).toBeTruthy();
});
it('should support localization', () => {
moment.locale('es');
const esView = renderWithIntl(
<FormattedTime {...baseProps}/>,
'es',
);
expect(esView.toJSON()).toMatchSnapshot();
expect(esView.getByText('7:02 PM')).toBeTruthy();
moment.locale('ko');
const koViewOne = renderWithIntl(
<FormattedTime {...baseProps}/>,
'ko',
);
expect(koViewOne.toJSON()).toMatchSnapshot();
expect(koViewOne.getByText('오후 7:02')).toBeTruthy();
const koViewTwo = renderWithIntl(
<FormattedTime
{...baseProps}
hour12={false}
/>,
'ko',
);
expect(koViewTwo.toJSON()).toMatchSnapshot();
expect(koViewTwo.getByText('19:02')).toBeTruthy();
});
it('should fallback to default short format for unsupported locale of react-intl ', () => {
moment.locale('es');
const viewOne = renderWithIntl(
<FormattedTime
{...baseProps}
timeZone='NZ-CHAT'
/>,
'es',
);
expect(viewOne.toJSON()).toMatchSnapshot();
expect(viewOne.getByText('8:47 AM')).toBeTruthy();
const viewTwo = renderWithIntl(
<FormattedTime
{...baseProps}
timeZone='NZ-CHAT'
hour12={false}
/>,
'es',
);
expect(viewTwo.toJSON()).toMatchSnapshot();
expect(viewTwo.getByText('8:47')).toBeTruthy();
});
});