debian-mirror-gitlab/spec/frontend/locale/index_spec.js

173 lines
5.1 KiB
JavaScript
Raw Normal View History

2020-04-22 19:07:51 +05:30
import { setLanguage } from 'helpers/locale_helper';
2021-09-30 23:02:18 +05:30
import { createDateTimeFormat, formatNumber, languageCode, getPreferredLocales } from '~/locale';
2018-03-17 18:26:18 +05:30
describe('locale', () => {
2020-04-22 19:07:51 +05:30
afterEach(() => setLanguage(null));
2018-03-17 18:26:18 +05:30
describe('languageCode', () => {
it('parses the lang attribute', () => {
setLanguage('ja');
expect(languageCode()).toBe('ja');
});
it('falls back to English', () => {
setLanguage(null);
expect(languageCode()).toBe('en');
});
});
2021-09-30 23:02:18 +05:30
describe('getPreferredLocales', () => {
beforeEach(() => {
// Need to spy on window.navigator.languages as it is read-only
jest
.spyOn(window.navigator, 'languages', 'get')
.mockReturnValueOnce(['en-GB', 'en-US', 'de-AT']);
});
it('filters navigator.languages by GitLab language', () => {
setLanguage('en');
expect(getPreferredLocales()).toEqual(['en-GB', 'en-US', 'en']);
});
it('filters navigator.languages by GitLab language without locale and sets English Fallback', () => {
setLanguage('de');
expect(getPreferredLocales()).toEqual(['de-AT', 'de', 'en']);
});
it('filters navigator.languages by GitLab language with locale and sets English Fallback', () => {
setLanguage('de-DE');
expect(getPreferredLocales()).toEqual(['de-AT', 'de-DE', 'de', 'en']);
});
it('adds GitLab language if navigator.languages does not contain it', () => {
setLanguage('es-ES');
expect(getPreferredLocales()).toEqual(['es-ES', 'es', 'en']);
});
});
2018-03-17 18:26:18 +05:30
describe('createDateTimeFormat', () => {
2021-09-30 23:02:18 +05:30
const date = new Date(2015, 0, 3, 15, 13, 22);
const formatOptions = { dateStyle: 'long', timeStyle: 'medium' };
2018-03-17 18:26:18 +05:30
it('creates an instance of Intl.DateTimeFormat', () => {
2021-09-30 23:02:18 +05:30
const dateFormat = createDateTimeFormat(formatOptions);
expect(dateFormat).toBeInstanceOf(Intl.DateTimeFormat);
});
it('falls back to `en` and GitLab language is default', () => {
setLanguage(null);
jest.spyOn(window.navigator, 'languages', 'get').mockReturnValueOnce(['de-AT', 'en-GB']);
const dateFormat = createDateTimeFormat(formatOptions);
expect(dateFormat.format(date)).toBe(
new Intl.DateTimeFormat('en-GB', formatOptions).format(date),
);
});
it('falls back to `en` locale if browser languages are empty', () => {
setLanguage('en');
jest.spyOn(window.navigator, 'languages', 'get').mockReturnValueOnce([]);
const dateFormat = createDateTimeFormat(formatOptions);
expect(dateFormat.format(date)).toBe(
new Intl.DateTimeFormat('en', formatOptions).format(date),
);
});
it('prefers `en-GB` if it is the preferred language and GitLab language is `en`', () => {
setLanguage('en');
jest
.spyOn(window.navigator, 'languages', 'get')
.mockReturnValueOnce(['en-GB', 'en-US', 'en']);
const dateFormat = createDateTimeFormat(formatOptions);
expect(dateFormat.format(date)).toBe(
new Intl.DateTimeFormat('en-GB', formatOptions).format(date),
);
});
it('prefers `de-AT` if it is GitLab language and not part of the browser languages', () => {
setLanguage('de-AT');
jest
.spyOn(window.navigator, 'languages', 'get')
.mockReturnValueOnce(['en-GB', 'en-US', 'en']);
2018-03-17 18:26:18 +05:30
2021-09-30 23:02:18 +05:30
const dateFormat = createDateTimeFormat(formatOptions);
expect(dateFormat.format(date)).toBe(
new Intl.DateTimeFormat('de-AT', formatOptions).format(date),
);
2018-03-17 18:26:18 +05:30
});
});
2021-04-17 20:07:23 +05:30
describe('formatNumber', () => {
it('formats numbers', () => {
expect(formatNumber(1)).toBe('1');
expect(formatNumber(12345)).toBe('12,345');
});
it('formats bigint numbers', () => {
expect(formatNumber(123456789123456789n)).toBe('123,456,789,123,456,789');
});
it('formats numbers with options', () => {
expect(formatNumber(1, { style: 'percent' })).toBe('100%');
expect(formatNumber(1, { style: 'currency', currency: 'USD' })).toBe('$1.00');
});
it('formats localized numbers', () => {
expect(formatNumber(12345, {}, 'es')).toBe('12.345');
});
it('formats NaN', () => {
expect(formatNumber(NaN)).toBe('NaN');
});
it('formats infinity', () => {
expect(formatNumber(Number.POSITIVE_INFINITY)).toBe('∞');
});
it('formats negative infinity', () => {
expect(formatNumber(Number.NEGATIVE_INFINITY)).toBe('-∞');
});
it('formats EPSILON', () => {
expect(formatNumber(Number.EPSILON)).toBe('0');
});
describe('non-number values should pass through', () => {
it('undefined', () => {
expect(formatNumber(undefined)).toBe(undefined);
});
it('null', () => {
expect(formatNumber(null)).toBe(null);
});
it('arrays', () => {
expect(formatNumber([])).toEqual([]);
});
it('objects', () => {
expect(formatNumber({ a: 'b' })).toEqual({ a: 'b' });
});
});
describe('when in a different locale', () => {
beforeEach(() => {
setLanguage('es');
});
it('formats localized numbers', () => {
expect(formatNumber(12345)).toBe('12.345');
});
});
});
2018-03-17 18:26:18 +05:30
});