generated from Seekra/repository-template
66 lines
2.2 KiB
JavaScript
66 lines
2.2 KiB
JavaScript
/*
|
|
* Copyright 2026 Seekra
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { expect, test, describe, vi, beforeEach } from 'vitest';
|
|
import { mount } from '@vue/test-utils';
|
|
import LanguageSwitchButton from '@/features/i18n/components/LanguageSwitchButton.vue';
|
|
import { loadLanguage } from '@/i18n';
|
|
|
|
vi.mock('@/i18n', () => ({
|
|
loadLanguage: vi.fn(() => Promise.resolve()),
|
|
LANGUAGES_RTL: ['ar', 'he'],
|
|
SUPPORTED_LANGUAGES: ['en', 'de', 'ar']
|
|
}));
|
|
|
|
vi.mock('vue-i18n', () => ({
|
|
useI18n: () => ({
|
|
t: (key) => key,
|
|
locale: { value: 'de' }
|
|
})
|
|
}));
|
|
|
|
vi.mock('@/features/icons/components/Icon.vue', () => ({
|
|
default: {
|
|
name: 'Icon',
|
|
template: '<span>Icon</span>'
|
|
}
|
|
}));
|
|
|
|
describe('LanguageSwitchButton.vue', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks();
|
|
localStorage.clear();
|
|
document.documentElement.lang = '';
|
|
document.documentElement.dir = '';
|
|
});
|
|
|
|
test('renders correctly with initial state closed', () => {
|
|
const wrapper = mount(LanguageSwitchButton);
|
|
|
|
expect(wrapper.find('.language-button').exists()).toBe(true);
|
|
expect(wrapper.find('.language-dropdown').exists()).toBe(false);
|
|
expect(wrapper.find('.language-button').attributes('aria-expanded')).toBe('false');
|
|
});
|
|
|
|
test('opens the dropdown when language button is clicked', async () => {
|
|
const wrapper = mount(LanguageSwitchButton);
|
|
const button = wrapper.find('.language-button');
|
|
|
|
await button.trigger('click');
|
|
|
|
expect(wrapper.find('.language-dropdown').exists()).toBe(true);
|
|
expect(button.attributes('aria-expanded')).toBe('true');
|
|
}); |