From 98cc6b75568d8e1139917b0642f9a61d0504f2a4 Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Thu, 4 Jun 2026 12:59:41 +0200 Subject: [PATCH] assert language selection updates localStorage and HTML attributes --- .../__tests__/LanguageSwitchButton.test.js | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/src/utils/__tests__/LanguageSwitchButton.test.js b/src/utils/__tests__/LanguageSwitchButton.test.js index 1867f24..443c741 100644 --- a/src/utils/__tests__/LanguageSwitchButton.test.js +++ b/src/utils/__tests__/LanguageSwitchButton.test.js @@ -63,4 +63,27 @@ test('renders correctly with initial state closed', () => { expect(wrapper.find('.language-dropdown').exists()).toBe(true); expect(button.attributes('aria-expanded')).toBe('true'); + }); + + const languageTestCases = [ + { code: 'en', expectedDir: 'ltr' }, + { code: 'de', expectedDir: 'ltr' }, + { code: 'ar', expectedDir: 'rtl' } + ]; + + test.for(languageTestCases)('selectLanguage($code) sets localStorage, html attributes and changes layout direction to $expectedDir', async ({ code, expectedDir }) => { + const wrapper = mount(LanguageSwitchButton); + + await wrapper.find('.language-button').trigger('click'); + + const options = wrapper.findAll('.language-dropdown li'); + const optionToClick = options.find(opt => opt.text().includes(code)); + + await optionToClick.trigger('click'); + + expect(loadLanguage).toHaveBeenCalledWith(code); + expect(localStorage.getItem('locale')).toBe(code); + expect(document.documentElement.lang).toBe(code); + expect(document.documentElement.dir).toBe(expectedDir); + expect(wrapper.find('.language-dropdown').exists()).toBe(false); }); \ No newline at end of file