import LanguageSelector from './language_selector.svelte';
const internals = {
- results: null
+ 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');
- })();
- const spanish = internals.results.getByText('Español');
- await userEvent.selectOptions(spanish.closest('select'), spanish);
- await act();
- locale.subscribe((localeValue) => {
-
- expect(localeValue).toBe('es');
- })();
- });
+ 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');
+ })();
+ const spanish = internals.results.getByText('Español');
+ await userEvent.selectOptions(spanish.closest('select'), spanish);
+ await act();
+ locale.subscribe((localeValue) => {
+ expect(localeValue).toBe('es');
+ })();
+ });
});
-