diff options
Diffstat (limited to 'src/components/language_selector')
| -rw-r--r-- | src/components/language_selector/.language_selector.svelte.icloud | bin | 0 -> 174 bytes | |||
| -rw-r--r-- | src/components/language_selector/.language_selector.test.js.icloud | bin | 0 -> 175 bytes | |||
| -rw-r--r-- | src/components/language_selector/language_selector.svelte | 26 | ||||
| -rw-r--r-- | src/components/language_selector/language_selector.test.js | 44 |
4 files changed, 0 insertions, 70 deletions
diff --git a/src/components/language_selector/.language_selector.svelte.icloud b/src/components/language_selector/.language_selector.svelte.icloud Binary files differnew file mode 100644 index 0000000..f981c0f --- /dev/null +++ b/src/components/language_selector/.language_selector.svelte.icloud diff --git a/src/components/language_selector/.language_selector.test.js.icloud b/src/components/language_selector/.language_selector.test.js.icloud Binary files differnew file mode 100644 index 0000000..7b0a94c --- /dev/null +++ b/src/components/language_selector/.language_selector.test.js.icloud diff --git a/src/components/language_selector/language_selector.svelte b/src/components/language_selector/language_selector.svelte deleted file mode 100644 index 3198f56..0000000 --- a/src/components/language_selector/language_selector.svelte +++ /dev/null @@ -1,26 +0,0 @@ -<script> - import { locale, locales } from 'svelte-i18n'; - import { getLangNameFromCode } from 'language-name-map'; - - $: namedLocales = $locales - .map((code) => ({ - code, - ...getLangNameFromCode(code) - })) - .sort((a, b) => a.native - b.native); - - let selected = $locale; - - $: { - locale.set(selected); - } -</script> - -<select bind:value={selected}> - {#each namedLocales as namedLocale} - <option value={namedLocale.code}>{namedLocale.native}</option> - {/each} -</select> - -<style> -</style> diff --git a/src/components/language_selector/language_selector.test.js b/src/components/language_selector/language_selector.test.js deleted file mode 100644 index baf11bb..0000000 --- a/src/components/language_selector/language_selector.test.js +++ /dev/null @@ -1,44 +0,0 @@ -import '@testing-library/jest-dom/extend-expect'; - -import { locale } from 'svelte-i18n'; -import { act, render } from '@testing-library/svelte'; -import userEvent from '@testing-library/user-event'; -import '$/config/i18n'; - -import LanguageSelector from './language_selector.svelte'; - -const internals = { - results: null -}; - -describe('Language Selector component', () => { - - beforeEach(() => { - - 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-US'); - })(); - const spanish = internals.results.getByText('Español'); - userEvent.selectOptions(spanish.closest('select'), spanish); - await act(); - locale.subscribe((localeValue) => { - - expect(localeValue).toBe('es'); - })(); - }); -}); - |