97 lines
2.4 KiB
JavaScript
97 lines
2.4 KiB
JavaScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
import {render} from '@testing-library/react-native';
|
|
import {IntlProvider} from 'react-intl';
|
|
import IntlPolyfill from 'intl';
|
|
import 'intl/locale-data/jsonp/es';
|
|
import 'intl/locale-data/jsonp/ko';
|
|
|
|
import FormattedTime from './formatted_time';
|
|
|
|
describe('FormattedTime', () => {
|
|
const baseProps = {
|
|
value: 1548788533405,
|
|
timeZone: 'UTC',
|
|
hour12: true,
|
|
};
|
|
|
|
setupTest();
|
|
|
|
it('should render correctly', () => {
|
|
console.error = jest.fn();
|
|
|
|
let wrapper = renderWithIntl(
|
|
<FormattedTime {...baseProps}/>,
|
|
);
|
|
|
|
expect(wrapper.baseElement).toMatchSnapshot();
|
|
expect(wrapper.getByText('7:02 PM')).toBeTruthy();
|
|
|
|
wrapper = renderWithIntl(
|
|
<FormattedTime
|
|
{...baseProps}
|
|
hour12={false}
|
|
/>,
|
|
);
|
|
|
|
expect(wrapper.getByText('19:02')).toBeTruthy();
|
|
});
|
|
|
|
it('should support localization', () => {
|
|
let wrapper = renderWithIntl(
|
|
<FormattedTime {...baseProps}/>,
|
|
'es',
|
|
);
|
|
|
|
expect(wrapper.getByText('7:02 p. m.')).toBeTruthy();
|
|
|
|
wrapper = renderWithIntl(
|
|
<FormattedTime {...baseProps}/>,
|
|
'ko',
|
|
);
|
|
|
|
expect(wrapper.getByText('오후 7:02')).toBeTruthy();
|
|
|
|
wrapper = renderWithIntl(
|
|
<FormattedTime
|
|
{...baseProps}
|
|
hour12={false}
|
|
/>,
|
|
'ko',
|
|
);
|
|
|
|
expect(wrapper.getByText('19:02')).toBeTruthy();
|
|
});
|
|
|
|
it('should fallback to default short format for unsupported locale of react-intl ', () => {
|
|
let wrapper = renderWithIntl(
|
|
<FormattedTime
|
|
{...baseProps}
|
|
timeZone='NZ-CHAT'
|
|
/>,
|
|
'es',
|
|
);
|
|
|
|
expect(wrapper.getByText('08:47 AM')).toBeTruthy();
|
|
|
|
wrapper = renderWithIntl(
|
|
<FormattedTime
|
|
{...baseProps}
|
|
timeZone='NZ-CHAT'
|
|
hour12={false}
|
|
/>,
|
|
);
|
|
|
|
expect(wrapper.getByText('08:47')).toBeTruthy();
|
|
});
|
|
});
|
|
|
|
function renderWithIntl(component, locale = 'en') {
|
|
return render(<IntlProvider locale={locale}>{component}</IntlProvider>);
|
|
}
|
|
|
|
function setupTest() {
|
|
global.Intl = IntlPolyfill;
|
|
}
|