aboutsummaryrefslogtreecommitdiff
path: root/src/lib/components/language_selector
diff options
context:
space:
mode:
authorRuben Beltran del Rio <ruben@unlimited.pizza>2022-05-01 01:02:58 +0200
committerRuben Beltran del Rio <ruben@unlimited.pizza>2022-05-01 01:02:58 +0200
commitcac85db02ff00732cf75d473dc3411332f33d845 (patch)
tree5f244968a905eb3888434b3f60cbf05d2b652207 /src/lib/components/language_selector
parenta7cf03c192470cbab13edeb1aec99e0c66dede10 (diff)
Apply formatting
Diffstat (limited to 'src/lib/components/language_selector')
-rw-r--r--src/lib/components/language_selector/language_selector.svelte14
-rw-r--r--src/lib/components/language_selector/language_selector.test.ts47
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');
+ })();
+ });
});
-