svelte-i18n/test/runtime/includes/formatters.test.ts

211 lines
5.5 KiB
TypeScript

import {
getNumberFormatter,
getDateFormatter,
getTimeFormatter,
getMessageFormatter,
init,
locale,
} from '../../../src/runtime';
beforeEach(() => {
init({ fallbackLocale: undefined });
});
describe('number formatter', () => {
const number = 123123;
it('throws if no locale is set', () => {
expect(() => getNumberFormatter().format(number)).toThrow(
'[svelte-i18n] A "locale" must be set to format numbers',
);
});
it('formats a number according to the current locale', () => {
init({ fallbackLocale: 'en' });
expect(getNumberFormatter().format(number)).toBe('123,123');
});
it('formats a number according to a locale', () => {
init({ fallbackLocale: 'en' });
expect(getNumberFormatter({ locale: 'pt-BR' }).format(number)).toBe(
'123.123',
);
});
it('formats a number with a custom format', () => {
init({
fallbackLocale: 'en',
formats: require('../../fixtures/formats.json'),
});
expect(getNumberFormatter({ format: 'brl' }).format(number)).toBe(
'R$123,123.00',
);
});
it('formats a number with inline options', () => {
init({ fallbackLocale: 'en' });
expect(
getNumberFormatter({ style: 'currency', currency: 'BRL' }).format(number),
).toBe('R$123,123.00');
});
it('formats a number according to the currently set locale', () => {
locale.set('en');
expect(getNumberFormatter().format(number)).toBe('123,123');
locale.set('nl');
expect(getNumberFormatter().format(number)).toBe('123.123');
});
});
describe('date formatter', () => {
const date = new Date(2019, 1, 1);
it('throws if no locale is set', () => {
expect(() => getDateFormatter().format(date)).toThrow(
'[svelte-i18n] A "locale" must be set to format dates',
);
});
it('formats a date according to the current locale', () => {
init({ fallbackLocale: 'en' });
expect(getDateFormatter().format(date)).toBe('2/1/19');
});
it('formats a date according to a locale', () => {
expect(getDateFormatter({ locale: 'pt-BR' }).format(date)).toBe('01/02/19');
});
it('throws if passed a non-existing format', () => {
init({
fallbackLocale: 'en',
formats: require('../../fixtures/formats.json'),
});
expect(() =>
getDateFormatter({ locale: 'pt-BR', format: 'foo' }).format(date),
).toThrowError(`[svelte-i18n] Unknown "foo" date format.`);
});
it('formats a date with a custom format', () => {
init({
fallbackLocale: 'en',
formats: require('../../fixtures/formats.json'),
});
expect(getDateFormatter({ format: 'customDate' }).format(date)).toBe(
'2019 AD',
);
});
it('formats a date with inline options', () => {
init({ fallbackLocale: 'en' });
expect(
getDateFormatter({ year: 'numeric', era: 'short' }).format(date),
).toBe('2019 AD');
});
it('formats a date according to the currently set locale', () => {
locale.set('en');
expect(getDateFormatter().format(date)).toBe('2/1/19');
locale.set('nl');
expect(getDateFormatter().format(date)).toBe('1-2-19');
});
});
describe('time formatter', () => {
const time = new Date(2019, 1, 1, 20, 37, 32);
it('throws if no locale is set', () => {
expect(() => getTimeFormatter().format(time)).toThrow(
'[svelte-i18n] A "locale" must be set to format time',
);
});
it('formats a time according to the current locale', () => {
init({ fallbackLocale: 'en' });
expect(getTimeFormatter().format(time)).toBe('8:37 PM');
});
it('formats a time according to a locale', () => {
expect(getTimeFormatter({ locale: 'pt-BR' }).format(time)).toBe('20:37');
});
it('formats a time with a custom format', () => {
init({
fallbackLocale: 'en',
formats: require('../../fixtures/formats.json'),
});
expect(getTimeFormatter({ format: 'customTime' }).format(time)).toBe(
'08:37:32 PM',
);
});
it('throws if passed a non-existing format', () => {
init({
fallbackLocale: 'en',
formats: require('../../fixtures/formats.json'),
});
expect(() =>
getTimeFormatter({ locale: 'pt-BR', format: 'foo' }).format(time),
).toThrowError(`[svelte-i18n] Unknown "foo" time format.`);
});
it('formats a time with inline options', () => {
init({ fallbackLocale: 'en' });
expect(
getTimeFormatter({
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
}).format(time),
).toBe('08:37:32 PM');
});
it('formats time according to the currently set locale', () => {
locale.set('en');
expect(getTimeFormatter().format(time)).toBe('8:37 PM');
locale.set('nl');
expect(getTimeFormatter().format(time)).toBe('20:37');
});
});
describe('message formatter', () => {
it('formats a message with interpolated values', () => {
expect(
getMessageFormatter('Page: {current,number}/{max,number}', 'en').format({
current: 2,
max: 10,
}),
).toBe('Page: 2/10');
});
it('formats number with custom formats', () => {
expect(
getMessageFormatter('Number: {n, number, compactShort}', 'en').format({
n: 2000000,
}),
).toBe('Number: 2M');
});
it('formats an html message with interpolated values', () => {
expect(
getMessageFormatter(
'Page: <soan class="text-bold">{current,number}/{max,number}</soan>',
'en',
).format({
current: 2,
max: 10,
}),
).toBe('Page: <soan class="text-bold">2/10</soan>');
});
});