generated from Seekra/repository-template
jakob.scheid
edb63b0316
Added and used getWrapper function to switch component test to mount the component and avoid repeating code.
83 lines
2.5 KiB
JavaScript
83 lines
2.5 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 Switch from '../Switch.vue';
|
|
import { mountComponent } from '@/test-utils/mountComponent.js';
|
|
import { useSettingsStore } from '../../stores/settingsStore.js';
|
|
import { expect, describe, test } from 'vitest';
|
|
import { nextTick } from 'vue';
|
|
|
|
const getWrapper = function getWrapper ({ i18n = 'switch1', translations = {} } = {}) {
|
|
return mountComponent(Switch, {
|
|
attrs: {
|
|
setting: {
|
|
type: 'bool',
|
|
name: 'switch',
|
|
i18n
|
|
},
|
|
path: 'switch'
|
|
}
|
|
}, translations);
|
|
};
|
|
|
|
describe('Switch', () => {
|
|
test('shows value from store', async () => {
|
|
const wrapper = getWrapper();
|
|
|
|
const store = useSettingsStore();
|
|
store.set('switch', true);
|
|
await nextTick();
|
|
|
|
const switchElement = wrapper.find('.switch-wrapper');
|
|
const switchElementClasses = switchElement.classes();
|
|
|
|
expect(switchElementClasses).toContain('enabled');
|
|
|
|
store.set('switch', false);
|
|
await nextTick();
|
|
|
|
const switchElementClasses2 = switchElement.classes();
|
|
expect(switchElementClasses2).not.toContain('enabled');
|
|
});
|
|
|
|
test('toggles value in store', async () => {
|
|
const wrapper = getWrapper();
|
|
|
|
const switchElement = wrapper.find('.switch-wrapper');
|
|
|
|
const store = useSettingsStore();
|
|
expect(store.get('switch')).toBeUndefined();
|
|
|
|
switchElement.trigger('click');
|
|
await nextTick();
|
|
expect(store.get('switch')).toBe(true);
|
|
|
|
switchElement.trigger('click');
|
|
await nextTick();
|
|
expect(store.get('switch')).toBe(false);
|
|
});
|
|
|
|
test('shows correct translation', () => {
|
|
const translation = 'Switch';
|
|
|
|
const wrapper = getWrapper({
|
|
translations: { switch1: translation }
|
|
})
|
|
|
|
const label = wrapper.find('label');
|
|
expect(label.text()).toBe(translation);
|
|
});
|
|
}); |