mirror of
https://github.com/cupcakearmy/svelte-i18n.git
synced 2024-11-16 09:59:58 +01:00
style: 💄 format tests
This commit is contained in:
Christian Kaisermann
parent
cddd0c9182
commit
940aa65f8c
12
.eslintrc
12
.eslintrc
@ -6,5 +6,15 @@
|
||||
},
|
||||
"rules": {
|
||||
"@typescript-eslint/no-explicit-any": "off"
|
||||
}
|
||||
},
|
||||
"overrides": [
|
||||
{
|
||||
"files": ["test/**/*"],
|
||||
"rules": {
|
||||
"global-require": "off",
|
||||
"@typescript-eslint/no-var-requires": "off",
|
||||
"@typescript-eslint/no-require-imports": "off"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -29,8 +29,8 @@
|
||||
"test": "jest",
|
||||
"test:ci": "jest --silent",
|
||||
"test:watch": "jest --verbose --watchAll",
|
||||
"lint": "eslint \"src/**/*.ts\"",
|
||||
"format": "prettier --loglevel silent --write \"src/**/*.ts\"",
|
||||
"lint": "eslint \"{src,test}/**/*.ts\"",
|
||||
"format": "prettier --loglevel silent --write \"{src,test}/**/*.ts\"",
|
||||
"release": " git add package.json && git commit -m \"chore(release): v$npm_package_version :tada:\"",
|
||||
"pretest": "npm run build",
|
||||
"prebuild": "yarn clean",
|
||||
|
||||
@ -1,46 +1,46 @@
|
||||
import { get } from 'svelte/store'
|
||||
import { get } from 'svelte/store';
|
||||
|
||||
import {
|
||||
init,
|
||||
getOptions,
|
||||
defaultOptions,
|
||||
defaultFormats,
|
||||
} from '../../src/runtime/configs'
|
||||
import { $locale } from '../../src/runtime/stores/locale'
|
||||
} from '../../src/runtime/configs';
|
||||
import { $locale } from '../../src/runtime/stores/locale';
|
||||
|
||||
beforeEach(() => {
|
||||
init(defaultOptions)
|
||||
})
|
||||
init(defaultOptions);
|
||||
});
|
||||
|
||||
test('inits the fallback locale', () => {
|
||||
expect(getOptions().fallbackLocale).toBe(null)
|
||||
expect(getOptions().fallbackLocale).toBeNull();
|
||||
init({
|
||||
fallbackLocale: 'en',
|
||||
})
|
||||
expect(getOptions().fallbackLocale).toBe('en')
|
||||
})
|
||||
});
|
||||
expect(getOptions().fallbackLocale).toBe('en');
|
||||
});
|
||||
|
||||
test('inits the initial locale by string', () => {
|
||||
init({
|
||||
fallbackLocale: 'pt',
|
||||
initialLocale: 'en',
|
||||
})
|
||||
expect(getOptions().initialLocale).toBe('en')
|
||||
expect(get($locale)).toBe('en')
|
||||
})
|
||||
});
|
||||
expect(getOptions().initialLocale).toBe('en');
|
||||
expect(get($locale)).toBe('en');
|
||||
});
|
||||
|
||||
test('adds custom formats for time, date and number values', () => {
|
||||
const customFormats = require('../fixtures/formats.json')
|
||||
const customFormats = require('../fixtures/formats.json');
|
||||
|
||||
init({
|
||||
fallbackLocale: 'en',
|
||||
formats: customFormats,
|
||||
})
|
||||
expect(getOptions().formats).toMatchObject(defaultFormats)
|
||||
expect(getOptions().formats).toMatchObject(customFormats)
|
||||
})
|
||||
});
|
||||
expect(getOptions().formats).toMatchObject(defaultFormats);
|
||||
expect(getOptions().formats).toMatchObject(customFormats);
|
||||
});
|
||||
|
||||
test('sets the minimum delay to set the loading store value', () => {
|
||||
init({ fallbackLocale: 'en', loadingDelay: 300 })
|
||||
expect(getOptions().loadingDelay).toBe(300)
|
||||
})
|
||||
init({ fallbackLocale: 'en', loadingDelay: 300 });
|
||||
expect(getOptions().loadingDelay).toBe(300);
|
||||
});
|
||||
|
||||
@ -4,195 +4,195 @@ import {
|
||||
getTimeFormatter,
|
||||
getMessageFormatter,
|
||||
init,
|
||||
locale
|
||||
} from '../../../src/runtime'
|
||||
locale,
|
||||
} from '../../../src/runtime';
|
||||
|
||||
beforeEach(() => {
|
||||
init({ fallbackLocale: undefined })
|
||||
})
|
||||
init({ fallbackLocale: undefined });
|
||||
});
|
||||
|
||||
describe('number formatter', () => {
|
||||
const number = 123123
|
||||
const number = 123123;
|
||||
|
||||
test('throws if no locale is set', () => {
|
||||
it('throws if no locale is set', () => {
|
||||
expect(() => getNumberFormatter().format(number)).toThrow(
|
||||
'[svelte-i18n] A "locale" must be set to format numbers'
|
||||
)
|
||||
})
|
||||
'[svelte-i18n] A "locale" must be set to format numbers',
|
||||
);
|
||||
});
|
||||
|
||||
test('formats a number according to the current locale', () => {
|
||||
init({ fallbackLocale: 'en' })
|
||||
expect(getNumberFormatter().format(number)).toBe('123,123')
|
||||
})
|
||||
it('formats a number according to the current locale', () => {
|
||||
init({ fallbackLocale: 'en' });
|
||||
expect(getNumberFormatter().format(number)).toBe('123,123');
|
||||
});
|
||||
|
||||
test('formats a number according to a locale', () => {
|
||||
init({ fallbackLocale: 'en' })
|
||||
it('formats a number according to a locale', () => {
|
||||
init({ fallbackLocale: 'en' });
|
||||
expect(getNumberFormatter({ locale: 'pt-BR' }).format(number)).toBe(
|
||||
'123.123'
|
||||
)
|
||||
})
|
||||
'123.123',
|
||||
);
|
||||
});
|
||||
|
||||
test('formats a number with a custom format', () => {
|
||||
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'
|
||||
)
|
||||
})
|
||||
'R$123,123.00',
|
||||
);
|
||||
});
|
||||
|
||||
test('formats a number with inline options', () => {
|
||||
init({ fallbackLocale: 'en' })
|
||||
it('formats a number with inline options', () => {
|
||||
init({ fallbackLocale: 'en' });
|
||||
|
||||
expect(
|
||||
getNumberFormatter({ style: 'currency', currency: 'BRL' }).format(number)
|
||||
).toBe('R$123,123.00')
|
||||
})
|
||||
getNumberFormatter({ style: 'currency', currency: 'BRL' }).format(number),
|
||||
).toBe('R$123,123.00');
|
||||
});
|
||||
|
||||
test('formats a number according to the currently set locale', () => {
|
||||
locale.set('en')
|
||||
expect(getNumberFormatter().format(number)).toBe('123,123')
|
||||
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')
|
||||
})
|
||||
})
|
||||
locale.set('nl');
|
||||
expect(getNumberFormatter().format(number)).toBe('123.123');
|
||||
});
|
||||
});
|
||||
|
||||
describe('date formatter', () => {
|
||||
const date = new Date(2019, 1, 1)
|
||||
const date = new Date(2019, 1, 1);
|
||||
|
||||
test('throws if no locale is set', () => {
|
||||
it('throws if no locale is set', () => {
|
||||
expect(() => getDateFormatter().format(date)).toThrow(
|
||||
'[svelte-i18n] A "locale" must be set to format dates'
|
||||
)
|
||||
})
|
||||
'[svelte-i18n] A "locale" must be set to format dates',
|
||||
);
|
||||
});
|
||||
|
||||
test('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 the current locale', () => {
|
||||
init({ fallbackLocale: 'en' });
|
||||
expect(getDateFormatter().format(date)).toBe('2/1/19');
|
||||
});
|
||||
|
||||
test('formats a date according to a locale', () => {
|
||||
expect(getDateFormatter({ locale: 'pt-BR' }).format(date)).toBe('01/02/19')
|
||||
})
|
||||
it('formats a date according to a locale', () => {
|
||||
expect(getDateFormatter({ locale: 'pt-BR' }).format(date)).toBe('01/02/19');
|
||||
});
|
||||
|
||||
test('throws if passed a non-existing format', () => {
|
||||
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.`)
|
||||
})
|
||||
getDateFormatter({ locale: 'pt-BR', format: 'foo' }).format(date),
|
||||
).toThrowError(`[svelte-i18n] Unknown "foo" date format.`);
|
||||
});
|
||||
|
||||
test('formats a date with a custom 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'
|
||||
)
|
||||
})
|
||||
'2019 AD',
|
||||
);
|
||||
});
|
||||
|
||||
test('formats a date with inline options', () => {
|
||||
init({ fallbackLocale: 'en' })
|
||||
it('formats a date with inline options', () => {
|
||||
init({ fallbackLocale: 'en' });
|
||||
|
||||
expect(
|
||||
getDateFormatter({ year: 'numeric', era: 'short' }).format(date)
|
||||
).toBe('2019 AD')
|
||||
})
|
||||
getDateFormatter({ year: 'numeric', era: 'short' }).format(date),
|
||||
).toBe('2019 AD');
|
||||
});
|
||||
|
||||
test('formats a date according to the currently set locale', () => {
|
||||
locale.set('en')
|
||||
expect(getDateFormatter().format(date)).toBe('2/1/19')
|
||||
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')
|
||||
})
|
||||
})
|
||||
locale.set('nl');
|
||||
expect(getDateFormatter().format(date)).toBe('1-2-19');
|
||||
});
|
||||
});
|
||||
|
||||
describe('time formatter', () => {
|
||||
const time = new Date(2019, 1, 1, 20, 37, 32)
|
||||
const time = new Date(2019, 1, 1, 20, 37, 32);
|
||||
|
||||
test('throws if no locale is set', () => {
|
||||
it('throws if no locale is set', () => {
|
||||
expect(() => getTimeFormatter().format(time)).toThrow(
|
||||
'[svelte-i18n] A "locale" must be set to format time'
|
||||
)
|
||||
})
|
||||
'[svelte-i18n] A "locale" must be set to format time',
|
||||
);
|
||||
});
|
||||
|
||||
test('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 the current locale', () => {
|
||||
init({ fallbackLocale: 'en' });
|
||||
expect(getTimeFormatter().format(time)).toBe('8:37 PM');
|
||||
});
|
||||
|
||||
test('formats a time according to a locale', () => {
|
||||
expect(getTimeFormatter({ locale: 'pt-BR' }).format(time)).toBe('20:37')
|
||||
})
|
||||
it('formats a time according to a locale', () => {
|
||||
expect(getTimeFormatter({ locale: 'pt-BR' }).format(time)).toBe('20:37');
|
||||
});
|
||||
|
||||
test('formats a time with a custom format', () => {
|
||||
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'
|
||||
)
|
||||
})
|
||||
'08:37:32 PM',
|
||||
);
|
||||
});
|
||||
|
||||
test('throws if passed a non-existing format', () => {
|
||||
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.`)
|
||||
})
|
||||
getTimeFormatter({ locale: 'pt-BR', format: 'foo' }).format(time),
|
||||
).toThrowError(`[svelte-i18n] Unknown "foo" time format.`);
|
||||
});
|
||||
|
||||
test('formats a time with inline options', () => {
|
||||
init({ fallbackLocale: 'en' })
|
||||
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')
|
||||
})
|
||||
}).format(time),
|
||||
).toBe('08:37:32 PM');
|
||||
});
|
||||
|
||||
test('formats time according to the currently set locale', () => {
|
||||
locale.set('en')
|
||||
expect(getTimeFormatter().format(time)).toBe('8:37 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')
|
||||
})
|
||||
})
|
||||
locale.set('nl');
|
||||
expect(getTimeFormatter().format(time)).toBe('20:37');
|
||||
});
|
||||
});
|
||||
|
||||
describe('message formatter', () => {
|
||||
test('formats a message with interpolated values', () => {
|
||||
it('formats a message with interpolated values', () => {
|
||||
expect(
|
||||
getMessageFormatter('Page: {current,number}/{max,number}', 'en').format({
|
||||
current: 2,
|
||||
max: 10,
|
||||
})
|
||||
).toBe('Page: 2/10')
|
||||
})
|
||||
}),
|
||||
).toBe('Page: 2/10');
|
||||
});
|
||||
|
||||
test('formats number with custom formats', () => {
|
||||
it('formats number with custom formats', () => {
|
||||
expect(
|
||||
getMessageFormatter('Number: {n, number, compactShort}', 'en').format({
|
||||
n: 2000000,
|
||||
})
|
||||
).toBe('Number: 2M')
|
||||
})
|
||||
})
|
||||
}),
|
||||
).toBe('Number: 2M');
|
||||
});
|
||||
});
|
||||
|
||||
@ -3,69 +3,69 @@ import {
|
||||
flush,
|
||||
registerLocaleLoader,
|
||||
resetQueues,
|
||||
} from '../../../src/runtime/includes/loaderQueue'
|
||||
import { getMessageFromDictionary } from '../../../src/runtime/stores/dictionary'
|
||||
} from '../../../src/runtime/includes/loaderQueue';
|
||||
import { getMessageFromDictionary } from '../../../src/runtime/stores/dictionary';
|
||||
|
||||
beforeEach(() => {
|
||||
resetQueues()
|
||||
})
|
||||
resetQueues();
|
||||
});
|
||||
|
||||
const loader = (content: any) => () => new Promise(res => res(content))
|
||||
const loader = (content: any) => () => new Promise((res) => res(content));
|
||||
|
||||
test('registers a locale loader', () => {
|
||||
expect(hasLocaleQueue('pt-BR')).toBe(false)
|
||||
registerLocaleLoader('pt-BR', loader({ message: 'Mensagem' }))
|
||||
expect(hasLocaleQueue('pt-BR')).toBe(true)
|
||||
})
|
||||
expect(hasLocaleQueue('pt-BR')).toBe(false);
|
||||
registerLocaleLoader('pt-BR', loader({ message: 'Mensagem' }));
|
||||
expect(hasLocaleQueue('pt-BR')).toBe(true);
|
||||
});
|
||||
|
||||
test('checks if exist queues of locale and its fallbacks', () => {
|
||||
registerLocaleLoader('en', loader({ field: 'Name' }))
|
||||
expect(hasLocaleQueue('en-US')).toBe(true)
|
||||
})
|
||||
registerLocaleLoader('en', loader({ field: 'Name' }));
|
||||
expect(hasLocaleQueue('en-US')).toBe(true);
|
||||
});
|
||||
|
||||
test("does nothing if there's no queue for a locale", () => {
|
||||
expect(flush('foo')).toBe(undefined)
|
||||
})
|
||||
expect(flush('foo')).toBeUndefined();
|
||||
});
|
||||
|
||||
test('flushes the queue of a locale and its fallbacks and merge the result with the dictionary', async () => {
|
||||
registerLocaleLoader('en', loader({ field: 'Name' }))
|
||||
registerLocaleLoader('en-US', loader({ field_2: 'Lastname' }))
|
||||
registerLocaleLoader('en', loader({ field: 'Name' }));
|
||||
registerLocaleLoader('en-US', loader({ field_2: 'Lastname' }));
|
||||
|
||||
await flush('en-US')
|
||||
await flush('en-US');
|
||||
|
||||
expect(getMessageFromDictionary('en', 'field')).toBe('Name')
|
||||
expect(getMessageFromDictionary('en-US', 'field_2')).toBe('Lastname')
|
||||
expect(getMessageFromDictionary('en', 'field')).toBe('Name');
|
||||
expect(getMessageFromDictionary('en-US', 'field_2')).toBe('Lastname');
|
||||
|
||||
expect(hasLocaleQueue('en')).toBe(false)
|
||||
expect(hasLocaleQueue('en-US')).toBe(false)
|
||||
})
|
||||
expect(hasLocaleQueue('en')).toBe(false);
|
||||
expect(hasLocaleQueue('en-US')).toBe(false);
|
||||
});
|
||||
|
||||
test('consecutive flushes return the same promise', async () => {
|
||||
registerLocaleLoader('en', async () => ({}))
|
||||
registerLocaleLoader('en', async () => ({}));
|
||||
|
||||
const flushA = flush('en')
|
||||
const flushB = flush('en')
|
||||
const flushC = flush('en')
|
||||
const flushA = flush('en');
|
||||
const flushB = flush('en');
|
||||
const flushC = flush('en');
|
||||
|
||||
expect(flushB).toStrictEqual(flushA)
|
||||
expect(flushC).toStrictEqual(flushA)
|
||||
})
|
||||
expect(flushB).toStrictEqual(flushA);
|
||||
expect(flushC).toStrictEqual(flushA);
|
||||
});
|
||||
|
||||
test('waits for loaders added while already flushing', async () => {
|
||||
registerLocaleLoader(
|
||||
'en',
|
||||
() => new Promise(res => setTimeout(() => res({ foo: 'foo' }), 300))
|
||||
)
|
||||
() => new Promise((res) => setTimeout(() => res({ foo: 'foo' }), 300)),
|
||||
);
|
||||
|
||||
const flushPromise = flush('en')
|
||||
const flushPromise = flush('en');
|
||||
|
||||
registerLocaleLoader(
|
||||
'en',
|
||||
() => new Promise(res => setTimeout(() => res({ bar: 'bar' })))
|
||||
)
|
||||
() => new Promise((res) => setTimeout(() => res({ bar: 'bar' }))),
|
||||
);
|
||||
|
||||
await flushPromise
|
||||
await flushPromise;
|
||||
|
||||
expect(getMessageFromDictionary('en', 'foo')).toBe('foo')
|
||||
expect(getMessageFromDictionary('en', 'bar')).toBe('bar')
|
||||
})
|
||||
expect(getMessageFromDictionary('en', 'foo')).toBe('foo');
|
||||
expect(getMessageFromDictionary('en', 'bar')).toBe('bar');
|
||||
});
|
||||
|
||||
@ -1,73 +1,75 @@
|
||||
import { defineMessages, waitLocale, register, init } from '../../src/runtime'
|
||||
import { $locale } from '../../src/runtime/stores/locale'
|
||||
import { hasLocaleQueue } from '../../src/runtime/includes/loaderQueue'
|
||||
import { defineMessages, waitLocale, register, init } from '../../src/runtime';
|
||||
import { $locale } from '../../src/runtime/stores/locale';
|
||||
import { hasLocaleQueue } from '../../src/runtime/includes/loaderQueue';
|
||||
import {
|
||||
getLocaleDictionary,
|
||||
$dictionary,
|
||||
} from '../../src/runtime/stores/dictionary'
|
||||
import { $format } from '../../src/runtime/stores/formatters'
|
||||
} from '../../src/runtime/stores/dictionary';
|
||||
import { $format } from '../../src/runtime/stores/formatters';
|
||||
|
||||
test('defineMessages returns the identity of its first argument', () => {
|
||||
const obj = {}
|
||||
expect(obj).toBe(defineMessages(obj))
|
||||
})
|
||||
const obj = {};
|
||||
|
||||
expect(obj).toBe(defineMessages(obj));
|
||||
});
|
||||
|
||||
describe('waiting for a locale to load', () => {
|
||||
beforeEach(() => {
|
||||
$dictionary.set({})
|
||||
$locale.set(undefined)
|
||||
})
|
||||
$dictionary.set({});
|
||||
$locale.set(undefined);
|
||||
});
|
||||
|
||||
test('should wait for a locale queue to be flushed', async () => {
|
||||
register('en', () => Promise.resolve({ foo: 'foo' }))
|
||||
$locale.set('en')
|
||||
it('should wait for a locale queue to be flushed', async () => {
|
||||
register('en', () => Promise.resolve({ foo: 'foo' }));
|
||||
$locale.set('en');
|
||||
|
||||
await waitLocale('en')
|
||||
await waitLocale('en');
|
||||
|
||||
expect(hasLocaleQueue('en')).toBe(false)
|
||||
expect(getLocaleDictionary('en')).toMatchObject({ foo: 'foo' })
|
||||
})
|
||||
expect(hasLocaleQueue('en')).toBe(false);
|
||||
expect(getLocaleDictionary('en')).toMatchObject({ foo: 'foo' });
|
||||
});
|
||||
|
||||
test('should wait for the current locale queue to be flushed', async () => {
|
||||
register('en', () => Promise.resolve({ foo: 'foo' }))
|
||||
init({ fallbackLocale: 'pt', initialLocale: 'en' })
|
||||
it('should wait for the current locale queue to be flushed', async () => {
|
||||
register('en', () => Promise.resolve({ foo: 'foo' }));
|
||||
init({ fallbackLocale: 'pt', initialLocale: 'en' });
|
||||
|
||||
await waitLocale()
|
||||
await waitLocale();
|
||||
|
||||
expect(hasLocaleQueue('en')).toBe(false)
|
||||
expect(getLocaleDictionary('en')).toMatchObject({ foo: 'foo' })
|
||||
})
|
||||
expect(hasLocaleQueue('en')).toBe(false);
|
||||
expect(getLocaleDictionary('en')).toMatchObject({ foo: 'foo' });
|
||||
});
|
||||
|
||||
test('should wait for the fallback locale queue to be flushed if initial not set', async () => {
|
||||
register('pt', () => Promise.resolve({ foo: 'foo' }))
|
||||
init({ fallbackLocale: 'pt' })
|
||||
it('should wait for the fallback locale queue to be flushed if initial not set', async () => {
|
||||
register('pt', () => Promise.resolve({ foo: 'foo' }));
|
||||
init({ fallbackLocale: 'pt' });
|
||||
|
||||
await waitLocale()
|
||||
await waitLocale();
|
||||
|
||||
expect(hasLocaleQueue('pt')).toBe(false)
|
||||
expect(getLocaleDictionary('pt')).toMatchObject({ foo: 'foo' })
|
||||
})
|
||||
})
|
||||
expect(hasLocaleQueue('pt')).toBe(false);
|
||||
expect(getLocaleDictionary('pt')).toMatchObject({ foo: 'foo' });
|
||||
});
|
||||
});
|
||||
|
||||
describe('format updates', () => {
|
||||
beforeEach(() => {
|
||||
init({ fallbackLocale: 'en' })
|
||||
})
|
||||
init({ fallbackLocale: 'en' });
|
||||
});
|
||||
|
||||
test('format store is updated when locale changes', () => {
|
||||
const fn = jest.fn()
|
||||
const cancel = $format.subscribe(fn)
|
||||
it('format store is updated when locale changes', () => {
|
||||
const fn = jest.fn();
|
||||
const cancel = $format.subscribe(fn);
|
||||
|
||||
$locale.set('pt')
|
||||
expect(fn).toHaveBeenCalledTimes(2)
|
||||
cancel()
|
||||
})
|
||||
$locale.set('pt');
|
||||
expect(fn).toHaveBeenCalledTimes(2);
|
||||
cancel();
|
||||
});
|
||||
|
||||
test('format store is updated when dictionary changes', () => {
|
||||
const fn = jest.fn()
|
||||
const cancel = $format.subscribe(fn)
|
||||
$dictionary.set({})
|
||||
expect(fn).toHaveBeenCalledTimes(2)
|
||||
cancel()
|
||||
})
|
||||
})
|
||||
it('format store is updated when dictionary changes', () => {
|
||||
const fn = jest.fn();
|
||||
const cancel = $format.subscribe(fn);
|
||||
|
||||
$dictionary.set({});
|
||||
expect(fn).toHaveBeenCalledTimes(2);
|
||||
cancel();
|
||||
});
|
||||
});
|
||||
|
||||
@ -1,104 +1,106 @@
|
||||
import { get } from 'svelte/store'
|
||||
import { get } from 'svelte/store';
|
||||
|
||||
import {
|
||||
$format,
|
||||
$formatTime,
|
||||
$formatDate,
|
||||
$formatNumber,
|
||||
} from '../../../src/runtime/stores/formatters'
|
||||
import { init } from '../../../src/runtime/configs'
|
||||
import { addMessages } from '../../../src/runtime/stores/dictionary'
|
||||
import { $locale } from '../../../src/runtime/stores/locale'
|
||||
} from '../../../src/runtime/stores/formatters';
|
||||
import { init } from '../../../src/runtime/configs';
|
||||
import { addMessages } from '../../../src/runtime/stores/dictionary';
|
||||
import { $locale } from '../../../src/runtime/stores/locale';
|
||||
import {
|
||||
MessageFormatter,
|
||||
TimeFormatter,
|
||||
DateFormatter,
|
||||
NumberFormatter,
|
||||
} from '../../../src/runtime/types'
|
||||
} from '../../../src/runtime/types';
|
||||
|
||||
let formatMessage: MessageFormatter;
|
||||
let formatTime: TimeFormatter;
|
||||
let formatDate: DateFormatter;
|
||||
let formatNumber: NumberFormatter;
|
||||
|
||||
let formatMessage: MessageFormatter
|
||||
let formatTime: TimeFormatter
|
||||
let formatDate: DateFormatter
|
||||
let formatNumber: NumberFormatter
|
||||
$locale.subscribe(() => {
|
||||
formatMessage = get($format)
|
||||
formatTime = get($formatTime)
|
||||
formatDate = get($formatDate)
|
||||
formatNumber = get($formatNumber)
|
||||
})
|
||||
formatMessage = get($format);
|
||||
formatTime = get($formatTime);
|
||||
formatDate = get($formatDate);
|
||||
formatNumber = get($formatNumber);
|
||||
});
|
||||
|
||||
addMessages('en', require('../../fixtures/en.json'))
|
||||
addMessages('en-GB', require('../../fixtures/en-GB.json'))
|
||||
addMessages('pt', require('../../fixtures/pt.json'))
|
||||
addMessages('pt-BR', require('../../fixtures/pt-BR.json'))
|
||||
addMessages('pt-PT', require('../../fixtures/pt-PT.json'))
|
||||
addMessages('en', require('../../fixtures/en.json'));
|
||||
addMessages('en-GB', require('../../fixtures/en-GB.json'));
|
||||
addMessages('pt', require('../../fixtures/pt.json'));
|
||||
addMessages('pt-BR', require('../../fixtures/pt-BR.json'));
|
||||
addMessages('pt-PT', require('../../fixtures/pt-PT.json'));
|
||||
|
||||
beforeEach(() => {
|
||||
init({ fallbackLocale: 'en' })
|
||||
})
|
||||
init({ fallbackLocale: 'en' });
|
||||
});
|
||||
|
||||
test('formats a message by its id and the current locale', () => {
|
||||
expect(formatMessage({ id: 'form.field_1_name' })).toBe('Name')
|
||||
})
|
||||
expect(formatMessage({ id: 'form.field_1_name' })).toBe('Name');
|
||||
});
|
||||
|
||||
test('formats a message by its id and the a passed locale', () => {
|
||||
expect(formatMessage({ id: 'form.field_1_name', locale: 'pt' })).toBe('Nome')
|
||||
})
|
||||
expect(formatMessage({ id: 'form.field_1_name', locale: 'pt' })).toBe('Nome');
|
||||
});
|
||||
|
||||
test('formats a message with interpolated values', () => {
|
||||
expect(formatMessage({ id: 'photos', values: { n: 0 } })).toBe(
|
||||
'You have no photos.'
|
||||
)
|
||||
'You have no photos.',
|
||||
);
|
||||
expect(formatMessage({ id: 'photos', values: { n: 1 } })).toBe(
|
||||
'You have one photo.'
|
||||
)
|
||||
'You have one photo.',
|
||||
);
|
||||
expect(formatMessage({ id: 'photos', values: { n: 21 } })).toBe(
|
||||
'You have 21 photos.'
|
||||
)
|
||||
})
|
||||
'You have 21 photos.',
|
||||
);
|
||||
});
|
||||
|
||||
test('accepts a message id as first argument', () => {
|
||||
expect(formatMessage('form.field_1_name')).toBe('Name')
|
||||
})
|
||||
expect(formatMessage('form.field_1_name')).toBe('Name');
|
||||
});
|
||||
|
||||
test('accepts a message id as first argument and formatting options as second', () => {
|
||||
expect(formatMessage('form.field_1_name', { locale: 'pt' })).toBe('Nome')
|
||||
})
|
||||
expect(formatMessage('form.field_1_name', { locale: 'pt' })).toBe('Nome');
|
||||
});
|
||||
|
||||
test('throws if no locale is set', () => {
|
||||
$locale.set(null)
|
||||
$locale.set(null);
|
||||
expect(() => formatMessage('form.field_1_name')).toThrow(
|
||||
'[svelte-i18n] Cannot format a message without first setting the initial locale.'
|
||||
)
|
||||
})
|
||||
'[svelte-i18n] Cannot format a message without first setting the initial locale.',
|
||||
);
|
||||
});
|
||||
|
||||
test('uses a missing message default value', () => {
|
||||
expect(formatMessage('missing', { default: 'Missing Default' })).toBe(
|
||||
'Missing Default'
|
||||
)
|
||||
})
|
||||
'Missing Default',
|
||||
);
|
||||
});
|
||||
|
||||
test('warn on missing messages', () => {
|
||||
const warn = global.console.warn
|
||||
global.console.warn = jest.fn()
|
||||
const { warn } = global.console;
|
||||
|
||||
formatMessage('missing')
|
||||
jest.spyOn(global.console, 'warn').mockImplementation();
|
||||
|
||||
formatMessage('missing');
|
||||
|
||||
expect(console.warn).toBeCalledWith(
|
||||
`[svelte-i18n] The message "missing" was not found in "en".`
|
||||
)
|
||||
`[svelte-i18n] The message "missing" was not found in "en".`,
|
||||
);
|
||||
|
||||
global.console.warn = warn
|
||||
})
|
||||
global.console.warn = warn;
|
||||
});
|
||||
|
||||
describe('format utilities', () => {
|
||||
test('time', () => {
|
||||
expect(formatTime(new Date(2019, 0, 1, 20, 37))).toBe('8:37 PM')
|
||||
})
|
||||
test('date', () => {
|
||||
expect(formatDate(new Date(2019, 0, 1, 20, 37))).toBe('1/1/19')
|
||||
})
|
||||
test('number', () => {
|
||||
expect(formatNumber(123123123)).toBe('123,123,123')
|
||||
})
|
||||
})
|
||||
it('time', () => {
|
||||
expect(formatTime(new Date(2019, 0, 1, 20, 37))).toBe('8:37 PM');
|
||||
});
|
||||
it('date', () => {
|
||||
expect(formatDate(new Date(2019, 0, 1, 20, 37))).toBe('1/1/19');
|
||||
});
|
||||
it('number', () => {
|
||||
expect(formatNumber(123123123)).toBe('123,123,123');
|
||||
});
|
||||
});
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { get } from 'svelte/store'
|
||||
import { get } from 'svelte/store';
|
||||
|
||||
import { lookup } from '../../../src/runtime/includes/lookup'
|
||||
import { lookup } from '../../../src/runtime/includes/lookup';
|
||||
import {
|
||||
isFallbackLocaleOf,
|
||||
getFallbackOf,
|
||||
@ -8,162 +8,162 @@ import {
|
||||
getCurrentLocale,
|
||||
$locale,
|
||||
isRelatedLocale,
|
||||
} from '../../../src/runtime/stores/locale'
|
||||
import { getOptions, init } from '../../../src/runtime/configs'
|
||||
import { register, isLoading } from '../../../src/runtime'
|
||||
import { hasLocaleQueue } from '../../../src/runtime/includes/loaderQueue'
|
||||
} from '../../../src/runtime/stores/locale';
|
||||
import { getOptions, init } from '../../../src/runtime/configs';
|
||||
import { register, isLoading } from '../../../src/runtime';
|
||||
import { hasLocaleQueue } from '../../../src/runtime/includes/loaderQueue';
|
||||
|
||||
beforeEach(() => {
|
||||
init({ fallbackLocale: undefined })
|
||||
$locale.set(undefined)
|
||||
})
|
||||
init({ fallbackLocale: undefined });
|
||||
$locale.set(undefined);
|
||||
});
|
||||
|
||||
test('sets and gets the fallback locale', () => {
|
||||
init({ fallbackLocale: 'en' })
|
||||
expect(getOptions().fallbackLocale).toBe('en')
|
||||
})
|
||||
init({ fallbackLocale: 'en' });
|
||||
expect(getOptions().fallbackLocale).toBe('en');
|
||||
});
|
||||
|
||||
test('checks if a locale is a fallback locale of another locale', () => {
|
||||
expect(isFallbackLocaleOf('en', 'en-US')).toBe(true)
|
||||
expect(isFallbackLocaleOf('en', 'en')).toBe(false)
|
||||
expect(isFallbackLocaleOf('it', 'en-US')).toBe(false)
|
||||
})
|
||||
expect(isFallbackLocaleOf('en', 'en-US')).toBe(true);
|
||||
expect(isFallbackLocaleOf('en', 'en')).toBe(false);
|
||||
expect(isFallbackLocaleOf('it', 'en-US')).toBe(false);
|
||||
});
|
||||
|
||||
test('checks if a locale is a fallback locale of another locale', () => {
|
||||
expect(isRelatedLocale('en', 'en-US')).toBe(true)
|
||||
expect(isRelatedLocale('pt-BR', 'pt')).toBe(true)
|
||||
expect(isRelatedLocale('en', 'en')).toBe(true)
|
||||
expect(isRelatedLocale('en', 'it-IT')).toBe(false)
|
||||
expect(isRelatedLocale('en-US', 'it')).toBe(false)
|
||||
})
|
||||
test('checks if a locale is a related locale of another locale', () => {
|
||||
expect(isRelatedLocale('en', 'en-US')).toBe(true);
|
||||
expect(isRelatedLocale('pt-BR', 'pt')).toBe(true);
|
||||
expect(isRelatedLocale('en', 'en')).toBe(true);
|
||||
expect(isRelatedLocale('en', 'it-IT')).toBe(false);
|
||||
expect(isRelatedLocale('en-US', 'it')).toBe(false);
|
||||
});
|
||||
|
||||
test('gets the next fallback locale of a locale', () => {
|
||||
expect(getFallbackOf('az-Cyrl-AZ')).toBe('az-Cyrl')
|
||||
expect(getFallbackOf('en-US')).toBe('en')
|
||||
expect(getFallbackOf('en')).toBe(null)
|
||||
})
|
||||
expect(getFallbackOf('az-Cyrl-AZ')).toBe('az-Cyrl');
|
||||
expect(getFallbackOf('en-US')).toBe('en');
|
||||
expect(getFallbackOf('en')).toBeNull();
|
||||
});
|
||||
|
||||
test('gets the global fallback locale if set', () => {
|
||||
init({ fallbackLocale: 'en' })
|
||||
expect(getFallbackOf('it')).toBe('en')
|
||||
})
|
||||
init({ fallbackLocale: 'en' });
|
||||
expect(getFallbackOf('it')).toBe('en');
|
||||
});
|
||||
|
||||
test('should not get the global fallback as the fallback of itself', () => {
|
||||
init({ fallbackLocale: 'en' })
|
||||
expect(getFallbackOf('en')).toBe(null)
|
||||
})
|
||||
init({ fallbackLocale: 'en' });
|
||||
expect(getFallbackOf('en')).toBeNull();
|
||||
});
|
||||
|
||||
test('if global fallback locale has a fallback, it should return it', () => {
|
||||
init({ fallbackLocale: 'en-US' })
|
||||
expect(getFallbackOf('en-US')).toBe('en')
|
||||
})
|
||||
init({ fallbackLocale: 'en-US' });
|
||||
expect(getFallbackOf('en-US')).toBe('en');
|
||||
});
|
||||
|
||||
test('gets all fallback locales of a locale', () => {
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US'])
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US'])
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US']);
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US']);
|
||||
expect(getRelatedLocalesOf('az-Cyrl-AZ')).toEqual([
|
||||
'az',
|
||||
'az-Cyrl',
|
||||
'az-Cyrl-AZ',
|
||||
])
|
||||
})
|
||||
]);
|
||||
});
|
||||
|
||||
test('gets all fallback locales of a locale including the global fallback locale', () => {
|
||||
init({ fallbackLocale: 'pt' })
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US', 'pt'])
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US', 'pt'])
|
||||
init({ fallbackLocale: 'pt' });
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US', 'pt']);
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US', 'pt']);
|
||||
expect(getRelatedLocalesOf('az-Cyrl-AZ')).toEqual([
|
||||
'az',
|
||||
'az-Cyrl',
|
||||
'az-Cyrl-AZ',
|
||||
'pt',
|
||||
])
|
||||
})
|
||||
]);
|
||||
});
|
||||
test('gets all fallback locales of a locale including the global fallback locale and its fallbacks', () => {
|
||||
init({ fallbackLocale: 'pt-BR' })
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US', 'pt', 'pt-BR'])
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US', 'pt', 'pt-BR'])
|
||||
init({ fallbackLocale: 'pt-BR' });
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US', 'pt', 'pt-BR']);
|
||||
expect(getRelatedLocalesOf('en-US')).toEqual(['en', 'en-US', 'pt', 'pt-BR']);
|
||||
expect(getRelatedLocalesOf('az-Cyrl-AZ')).toEqual([
|
||||
'az',
|
||||
'az-Cyrl',
|
||||
'az-Cyrl-AZ',
|
||||
'pt',
|
||||
'pt-BR',
|
||||
])
|
||||
})
|
||||
]);
|
||||
});
|
||||
|
||||
test("don't list fallback locale twice", () => {
|
||||
init({ fallbackLocale: 'pt-BR' })
|
||||
expect(getRelatedLocalesOf('pt-BR')).toEqual(['pt', 'pt-BR'])
|
||||
expect(getRelatedLocalesOf('pt')).toEqual(['pt'])
|
||||
})
|
||||
init({ fallbackLocale: 'pt-BR' });
|
||||
expect(getRelatedLocalesOf('pt-BR')).toEqual(['pt', 'pt-BR']);
|
||||
expect(getRelatedLocalesOf('pt')).toEqual(['pt']);
|
||||
});
|
||||
|
||||
test('gets the current locale', () => {
|
||||
expect(getCurrentLocale()).toBe(undefined)
|
||||
$locale.set('es-ES')
|
||||
expect(getCurrentLocale()).toBe('es-ES')
|
||||
})
|
||||
expect(getCurrentLocale()).toBeUndefined();
|
||||
$locale.set('es-ES');
|
||||
expect(getCurrentLocale()).toBe('es-ES');
|
||||
});
|
||||
|
||||
test('if no initial locale is set, set the locale to the fallback', () => {
|
||||
init({ fallbackLocale: 'pt' })
|
||||
expect(get($locale)).toBe('pt')
|
||||
expect(getOptions().fallbackLocale).toBe('pt')
|
||||
})
|
||||
init({ fallbackLocale: 'pt' });
|
||||
expect(get($locale)).toBe('pt');
|
||||
expect(getOptions().fallbackLocale).toBe('pt');
|
||||
});
|
||||
|
||||
test('if no initial locale was found, set to the fallback locale', () => {
|
||||
init({
|
||||
fallbackLocale: 'en',
|
||||
initialLocale: null,
|
||||
})
|
||||
expect(get($locale)).toBe('en')
|
||||
expect(getOptions().fallbackLocale).toBe('en')
|
||||
})
|
||||
});
|
||||
expect(get($locale)).toBe('en');
|
||||
expect(getOptions().fallbackLocale).toBe('en');
|
||||
});
|
||||
|
||||
test('should flush the queue of the locale when changing the store value', async () => {
|
||||
register(
|
||||
'en',
|
||||
() => new Promise(res => setTimeout(() => res({ foo: 'Foo' }), 50))
|
||||
)
|
||||
() => new Promise((res) => setTimeout(() => res({ foo: 'Foo' }), 50)),
|
||||
);
|
||||
|
||||
expect(hasLocaleQueue('en')).toBe(true)
|
||||
expect(hasLocaleQueue('en')).toBe(true);
|
||||
|
||||
await $locale.set('en')
|
||||
await $locale.set('en');
|
||||
|
||||
expect(hasLocaleQueue('en')).toBe(false)
|
||||
expect(lookup('foo', 'en')).toBe('Foo')
|
||||
})
|
||||
expect(hasLocaleQueue('en')).toBe(false);
|
||||
expect(lookup('foo', 'en')).toBe('Foo');
|
||||
});
|
||||
|
||||
test('if no locale is set, ignore the loading delay', async () => {
|
||||
register(
|
||||
'en',
|
||||
() => new Promise(res => setTimeout(() => res({ foo: 'Foo' }), 50))
|
||||
)
|
||||
() => new Promise((res) => setTimeout(() => res({ foo: 'Foo' }), 50)),
|
||||
);
|
||||
|
||||
const promise = $locale.set('en')
|
||||
const promise = $locale.set('en');
|
||||
|
||||
expect(get(isLoading)).toBe(true)
|
||||
expect(get(isLoading)).toBe(true);
|
||||
|
||||
await promise
|
||||
await promise;
|
||||
|
||||
expect(get(isLoading)).toBe(false)
|
||||
})
|
||||
expect(get(isLoading)).toBe(false);
|
||||
});
|
||||
|
||||
test("if a locale is set, don't ignore the loading delay", async () => {
|
||||
register(
|
||||
'en',
|
||||
() => new Promise(res => setTimeout(() => res({ foo: 'Foo' }), 50))
|
||||
)
|
||||
() => new Promise((res) => setTimeout(() => res({ foo: 'Foo' }), 50)),
|
||||
);
|
||||
register(
|
||||
'pt',
|
||||
() => new Promise(res => setTimeout(() => res({ foo: 'Foo' }), 50))
|
||||
)
|
||||
() => new Promise((res) => setTimeout(() => res({ foo: 'Foo' }), 50)),
|
||||
);
|
||||
|
||||
await $locale.set('en')
|
||||
const promise = $locale.set('pt')
|
||||
await $locale.set('en');
|
||||
const promise = $locale.set('pt');
|
||||
|
||||
expect(get(isLoading)).toBe(false)
|
||||
expect(get(isLoading)).toBe(false);
|
||||
|
||||
await promise
|
||||
await promise;
|
||||
|
||||
expect(get(isLoading)).toBe(false)
|
||||
})
|
||||
expect(get(isLoading)).toBe(false);
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user