48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
/* @vitest-environment jsdom */
|
|
|
|
import { render, screen } from '@testing-library/react';
|
|
import userEvent from '@testing-library/user-event';
|
|
import { expect, test, vi } from 'vitest';
|
|
|
|
import { BabyObjectMatchWorkspace } from './BabyObjectMatchWorkspace';
|
|
|
|
test('baby object match workspace requires two item names before submit', async () => {
|
|
const user = userEvent.setup();
|
|
const onCreateDraft = vi.fn();
|
|
|
|
render(
|
|
<BabyObjectMatchWorkspace onBack={() => {}} onCreateDraft={onCreateDraft} />,
|
|
);
|
|
|
|
const submitButton = screen.getByRole('button', {
|
|
name: /生成宝贝识物草稿/u,
|
|
});
|
|
expect(submitButton).toHaveProperty('disabled', true);
|
|
|
|
await user.type(screen.getByLabelText('物品 A'), '苹果');
|
|
expect(submitButton).toHaveProperty('disabled', true);
|
|
|
|
await user.type(screen.getByLabelText('物品 B'), '香蕉');
|
|
expect(submitButton).toHaveProperty('disabled', false);
|
|
|
|
await user.click(submitButton);
|
|
|
|
expect(onCreateDraft).toHaveBeenCalledWith({
|
|
itemAName: '苹果',
|
|
itemBName: '香蕉',
|
|
});
|
|
});
|
|
|
|
test('baby object match workspace calls back when return button is clicked', async () => {
|
|
const user = userEvent.setup();
|
|
const onBack = vi.fn();
|
|
|
|
render(
|
|
<BabyObjectMatchWorkspace onBack={onBack} onCreateDraft={() => {}} />,
|
|
);
|
|
|
|
await user.click(screen.getByRole('button', { name: '返回' }));
|
|
|
|
expect(onBack).toHaveBeenCalledTimes(1);
|
|
});
|