generated from Seekra/repository-template
Feat(settings): add renderer for settings configuration #142
@@ -20,7 +20,7 @@ import { useSettingsStore } from '../../stores/settingsStore.js';
|
|||||||
import { describe, expect, test } from 'vitest';
|
import { describe, expect, test } from 'vitest';
|
||||||
import { nextTick } from 'vue';
|
import { nextTick } from 'vue';
|
||||||
|
|
||||||
const getWrapper = function getWrapper(type = 'string', i18n = 'input', piniaOptions = {}) {
|
const getWrapper = function getWrapper({ type = 'string', i18n = 'input', piniaOptions = {} } = {}) {
|
||||||
return mountComponent(SettingsInput, {
|
return mountComponent(SettingsInput, {
|
||||||
attrs: {
|
attrs: {
|
||||||
setting: {
|
setting: {
|
||||||
@@ -40,7 +40,7 @@ describe('SettingsInput', () => {
|
|||||||
const stringInputElement = stringSettingWrapper.find('input');
|
const stringInputElement = stringSettingWrapper.find('input');
|
||||||
expect(stringInputElement.attributes('type')).toBe('text');
|
expect(stringInputElement.attributes('type')).toBe('text');
|
||||||
|
|
||||||
const numberSettingWrapper = getWrapper('number');
|
const numberSettingWrapper = getWrapper({ type: 'number' });
|
||||||
|
|
||||||
const numberInputElement = numberSettingWrapper.find('input');
|
const numberInputElement = numberSettingWrapper.find('input');
|
||||||
expect(numberInputElement.attributes('type')).toBe('number');
|
expect(numberInputElement.attributes('type')).toBe('number');
|
||||||
@@ -55,10 +55,14 @@ describe('SettingsInput', () => {
|
|||||||
|
|
||||||
test('shows value from store', () => {
|
test('shows value from store', () => {
|
||||||
const value = 'example value';
|
const value = 'example value';
|
||||||
const stringSettingWrapper = getWrapper('string', 'input', {
|
const stringSettingWrapper = getWrapper({
|
||||||
setupStores: () => {
|
type: 'string',
|
||||||
const store = useSettingsStore();
|
i18n: 'input',
|
||||||
store.settings.input = value;
|
piniaOptions: {
|
||||||
|
setupStores: () => {
|
||||||
|
const store = useSettingsStore();
|
||||||
|
store.settings.input = value;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
const inputElement = stringSettingWrapper.find('input');
|
const inputElement = stringSettingWrapper.find('input');
|
||||||
|
|||||||
Reference in New Issue
Block a user