MkAsUiのテスト(残り)
This commit is contained in:
parent
07cc554d6f
commit
9e26f273e7
|
@ -7,6 +7,20 @@ import { AsUiComponent } from '@/scripts/aiscript/ui.js';
|
|||
import { ref } from 'vue';
|
||||
import { shallowMount } from '@vue/test-utils';
|
||||
import MkButton from '@/components/MkButton.vue';
|
||||
import MkPostForm from '@/components/MkPostForm.vue';
|
||||
import type * as os from '@/os.js';
|
||||
import MkSwitch from '@/components/MkSwitch.vue';
|
||||
import MkTextarea from '@/components/MkTextarea.vue';
|
||||
import MkInput from '@/components/MkInput.vue';
|
||||
import MkSelect from '@/components/MkSelect.vue';
|
||||
|
||||
const osPostMock = vi.hoisted(() => vi.fn() satisfies typeof os.post);
|
||||
|
||||
vi.mock('@/os.js', () => {
|
||||
return {
|
||||
post: osPostMock,
|
||||
};
|
||||
});
|
||||
|
||||
describe('MkAsUi', () => {
|
||||
function renderComponent<C extends AsUiComponent>(
|
||||
|
@ -94,4 +108,132 @@ describe('MkAsUi', () => {
|
|||
rightButton.vm.$emit('click');
|
||||
expect(component.buttons[1].onClick).toHaveBeenCalledOnce();
|
||||
});
|
||||
|
||||
test('switch', async () => {
|
||||
const { component, wrapper } = renderComponent({
|
||||
type: 'switch',
|
||||
id: 'id',
|
||||
default: true,
|
||||
onChange: vi.fn((v) => {
|
||||
expect(v).toBe(false);
|
||||
}),
|
||||
});
|
||||
const switchComponent = wrapper.findComponent(MkSwitch);
|
||||
expect(switchComponent.props('modelValue')).toBe(true);
|
||||
switchComponent.vm.$emit('update:modelValue', false);
|
||||
expect(component.onChange).toHaveBeenCalledOnce();
|
||||
});
|
||||
|
||||
test('textarea', async () => {
|
||||
const { component, wrapper } = renderComponent({
|
||||
type: 'textarea',
|
||||
id: 'id',
|
||||
onInput: vi.fn((v) => {
|
||||
expect(v).toBe('abc');
|
||||
}),
|
||||
default: 'Hello, world!',
|
||||
});
|
||||
const textarea = wrapper.findComponent(MkTextarea);
|
||||
expect(textarea.props('modelValue')).toBe('Hello, world!');
|
||||
textarea.vm.$emit('update:modelValue', 'abc');
|
||||
expect(component.onInput).toHaveBeenCalledOnce();
|
||||
});
|
||||
|
||||
test('textInput', async () => {
|
||||
const { component, wrapper } = renderComponent({
|
||||
type: 'textInput',
|
||||
id: 'id',
|
||||
onInput: vi.fn((v) => {
|
||||
expect(v).toBe('abc');
|
||||
}),
|
||||
default: 'Hello, world!',
|
||||
});
|
||||
const input = wrapper.findComponent<typeof MkInput<'text'>>(MkInput);
|
||||
expect(input.props('modelValue')).toBe('Hello, world!');
|
||||
input.vm.$emit('update:modelValue', 'abc');
|
||||
expect(component.onInput).toHaveBeenCalledOnce();
|
||||
});
|
||||
|
||||
test('numberInput', async () => {
|
||||
const { component, wrapper } = renderComponent({
|
||||
type: 'numberInput',
|
||||
id: 'id',
|
||||
onInput: vi.fn((v) => {
|
||||
expect(v).toBe(42);
|
||||
}),
|
||||
default: 0,
|
||||
});
|
||||
const input = wrapper.findComponent(MkInput);
|
||||
expect(input.props('modelValue')).toBe(0);
|
||||
input.vm.$emit('update:modelValue', 42);
|
||||
expect(component.onInput).toHaveBeenCalledOnce();
|
||||
});
|
||||
|
||||
test('select', async () => {
|
||||
const { component, wrapper } = renderComponent({
|
||||
type: 'select',
|
||||
id: 'id',
|
||||
default: 'a',
|
||||
items: [
|
||||
{ text: 'A', value: 'a' },
|
||||
{ text: 'B', value: 'b' },
|
||||
],
|
||||
onChange: vi.fn((v) => {
|
||||
expect(v).toBe('b');
|
||||
}),
|
||||
});
|
||||
const select = wrapper.findComponent(MkSelect);
|
||||
expect(select.props('modelValue')).toBe('a');
|
||||
select.vm.$emit('update:modelValue', 'b');
|
||||
expect(component.onChange).toHaveBeenCalledOnce();
|
||||
});
|
||||
|
||||
test('postFormButton', async () => {
|
||||
const { wrapper } = renderComponent({
|
||||
type: 'postFormButton',
|
||||
id: 'id',
|
||||
text: 'Click to post',
|
||||
primary: true,
|
||||
rounded: false,
|
||||
form: {
|
||||
text: 'Hello',
|
||||
cw: 'world',
|
||||
visibility: 'home',
|
||||
localOnly: true,
|
||||
}
|
||||
});
|
||||
const button = wrapper.findComponent(MkButton);
|
||||
expect(button.props('primary')).toBe(true);
|
||||
expect(button.props('rounded')).toBe(false);
|
||||
|
||||
osPostMock.mockImplementationOnce(async (props) => {
|
||||
expect(props).toStrictEqual({
|
||||
initialText: 'Hello',
|
||||
initialCw: 'world',
|
||||
initialVisibility: 'home',
|
||||
initialLocalOnly: true,
|
||||
instant: true,
|
||||
});
|
||||
});
|
||||
await button.trigger('click');
|
||||
expect(osPostMock).toHaveBeenCalledOnce();
|
||||
});
|
||||
|
||||
test('postForm', async () => {
|
||||
const { wrapper } = renderComponent({
|
||||
type: 'postForm',
|
||||
id: 'id',
|
||||
form: {
|
||||
text: 'Hello',
|
||||
cw: 'world',
|
||||
visibility: 'home',
|
||||
localOnly: true,
|
||||
}
|
||||
});
|
||||
const form = wrapper.findComponent(MkPostForm);
|
||||
expect(form.props('initialText')).toBe('Hello');
|
||||
expect(form.props('initialCw')).toBe('world');
|
||||
expect(form.props('initialVisibility')).toBe('home');
|
||||
expect(form.props('initialLocalOnly')).toBe(true);
|
||||
});
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue