diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2022-05-01 01:02:58 +0200 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2022-05-01 01:02:58 +0200 |
| commit | cac85db02ff00732cf75d473dc3411332f33d845 (patch) | |
| tree | 5f244968a905eb3888434b3f60cbf05d2b652207 /src/lib/components/language_selector | |
| parent | a7cf03c192470cbab13edeb1aec99e0c66dede10 (diff) | |
Apply formatting
Diffstat (limited to 'src/lib/components/language_selector')
| -rw-r--r-- | src/lib/components/language_selector/language_selector.svelte | 14 | ||||
| -rw-r--r-- | src/lib/components/language_selector/language_selector.test.ts | 47 |
2 files changed, 26 insertions, 35 deletions
diff --git a/src/lib/components/language_selector/language_selector.svelte b/src/lib/components/language_selector/language_selector.svelte index 64a4ef9..4e245f8 100644 --- a/src/lib/components/language_selector/language_selector.svelte +++ b/src/lib/components/language_selector/language_selector.svelte @@ -3,16 +3,16 @@ import { getLangNameFromCode } from 'language-name-map'; $: namedLocales = $locales - .map((code) => ({ - code, - ...getLangNameFromCode(code) - })) - .sort((a, b) => a.native - b.native); + .map((code) => ({ + code, + ...getLangNameFromCode(code) + })) + .sort((a, b) => a.native - b.native); - let selected = $locale + let selected = $locale; $: { - locale.set(selected); + locale.set(selected); } </script> diff --git a/src/lib/components/language_selector/language_selector.test.ts b/src/lib/components/language_selector/language_selector.test.ts index 74156bc..673e1e6 100644 --- a/src/lib/components/language_selector/language_selector.test.ts +++ b/src/lib/components/language_selector/language_selector.test.ts @@ -12,37 +12,28 @@ import '$lib/i18n'; import LanguageSelector from './language_selector.svelte'; const internals = { - results: null + results: null }; describe('Language Selector component', () => { + beforeEach(() => { + internals.results = render(LanguageSelector); + }); - beforeEach(() => { + test('Should display languages in their own language', () => { + expect(internals.results.getByText('English')).toBeVisible(); + expect(internals.results.getByText('Español')).toBeVisible(); + }); - internals.results = render(LanguageSelector); - }); - - test('Should display languages in their own language', () => { - - expect(internals.results.getByText('English')) - .toBeVisible(); - expect(internals.results.getByText('Español')) - .toBeVisible(); - }); - - test('Should change locale when a language is selected', async () => { - - locale.subscribe((localeValue) => { - - expect(localeValue).toBe('en'); - })(); - const spanish = internals.results.getByText('Español'); - await userEvent.selectOptions(spanish.closest('select'), spanish); - await act(); - locale.subscribe((localeValue) => { - - expect(localeValue).toBe('es'); - })(); - }); + test('Should change locale when a language is selected', async () => { + locale.subscribe((localeValue) => { + expect(localeValue).toBe('en'); + })(); + const spanish = internals.results.getByText('Español'); + await userEvent.selectOptions(spanish.closest('select'), spanish); + await act(); + locale.subscribe((localeValue) => { + expect(localeValue).toBe('es'); + })(); + }); }); - |