svelte-i18n/test/runtime/stores/locale.test.ts

import { get } from 'svelte/store';

import { lookup } from '../../../src/runtime/includes/lookup';
import {
  isFallbackLocale,
  getPossibleLocales,
  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';

beforeEach(() => {
  init({ fallbackLocale: undefined });
  $locale.set(undefined);
});

test('sets and gets the fallback locale', () => {
  init({ fallbackLocale: 'en' });
  expect(getOptions().fallbackLocale).toBe('en');
});

test('checks if a locale is a fallback locale of another locale', () => {
  expect(isFallbackLocale('en', 'en-US')).toBe(true);
  expect(isFallbackLocale('en', 'en')).toBe(false);
  expect(isFallbackLocale('it', 'en-US')).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 all possible locales from a reference locale', () => {
  expect(getPossibleLocales('en-US')).toEqual(['en-US', 'en']);
  expect(getPossibleLocales('az-Cyrl-AZ')).toEqual([
    'az-Cyrl-AZ',
    'az-Cyrl',
    'az',
  ]);
});

test('gets all fallback locales of a locale including the global fallback locale', () => {
  init({ fallbackLocale: 'pt' });
  expect(getPossibleLocales('en-US')).toEqual(['en-US', 'en', 'pt']);
  expect(getPossibleLocales('az-Cyrl-AZ')).toEqual([
    'az-Cyrl-AZ',
    'az-Cyrl',
    'az',
    'pt',
  ]);
});

test('remove duplicate fallback locales', () => {
  expect(getPossibleLocales('en-AU', 'en-GB')).toEqual([
    'en-AU',
    'en',
    'en-GB',
  ]);
});

test('gets all fallback locales of a locale including the global fallback locale and its fallbacks', () => {
  expect(getPossibleLocales('en-US', 'pt-BR')).toEqual([
    'en-US',
    'en',
    'pt-BR',
    'pt',
  ]);
  expect(getPossibleLocales('en-US', 'pt-BR')).toEqual([
    'en-US',
    'en',
    'pt-BR',
    'pt',
  ]);
  expect(getPossibleLocales('az-Cyrl-AZ', 'pt-BR')).toEqual([
    'az-Cyrl-AZ',
    'az-Cyrl',
    'az',
    'pt-BR',
    'pt',
  ]);
});

test("don't list fallback locale twice", () => {
  expect(getPossibleLocales('pt-BR', 'pt-BR')).toEqual(['pt-BR', 'pt']);
  expect(getPossibleLocales('pt', 'pt-BR')).toEqual(['pt', 'pt-BR']);
});

test('gets the current locale', () => {
  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');
});

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');
});

test('should flush the queue of the locale when changing the store value', async () => {
  register(
    'en',
    () => new Promise((res) => setTimeout(() => res({ foo: 'Foo' }), 50)),
  );

  expect(hasLocaleQueue('en')).toBe(true);

  await $locale.set('en');

  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)),
  );

  const promise = $locale.set('en');

  expect(get(isLoading)).toBe(true);

  await promise;

  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)),
  );
  register(
    'pt',
    () => new Promise((res) => setTimeout(() => res({ foo: 'Foo' }), 50)),
  );

  await $locale.set('en');
  const promise = $locale.set('pt');

  expect(get(isLoading)).toBe(false);

  await promise;

  expect(get(isLoading)).toBe(false);
});