100 lines
4.7 KiB
TypeScript
100 lines
4.7 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { fireEvent, render, screen } from "@testing-library/react";
|
|
import userEvent from "@testing-library/user-event";
|
|
import { beforeEach, describe, expect, it, vi } from "vitest";
|
|
import { QuestionList } from "./question-list";
|
|
import type { QuizQ } from "@/lib/quiz-parse";
|
|
|
|
const choiceQ = { type: "choice" as const, stem: "1+1=?", options: ["1", "2"], answer: 1, explain: "e" };
|
|
|
|
beforeEach(() => {
|
|
vi.spyOn(window, "confirm").mockReturnValue(true);
|
|
});
|
|
|
|
describe("QuestionList 结构化编辑", () => {
|
|
it("渲染题目卡片(题型徽标+题干)并可删除", () => {
|
|
let saved: QuizQ[] = [{ ...choiceQ }];
|
|
render(<QuestionList value={saved} onChange={(v) => (saved = v)} />);
|
|
expect(screen.getByText("选择题")).toBeInTheDocument();
|
|
expect(screen.getByText("1+1=?")).toBeInTheDocument();
|
|
fireEvent.click(screen.getByLabelText("删除第 1 题"));
|
|
expect(saved.length).toBe(0);
|
|
});
|
|
|
|
it("新增选择题:填题干/选项/点选答案/解析后保存进列表", async () => {
|
|
const user = userEvent.setup();
|
|
let saved: QuizQ[] = [];
|
|
render(<QuestionList value={[]} onChange={(v) => (saved = v)} />);
|
|
await user.click(screen.getByText("+ 新增题目"));
|
|
await user.selectOptions(screen.getByLabelText("题型"), "choice");
|
|
await user.type(screen.getByLabelText("题干"), "2+2=?");
|
|
await user.click(screen.getByText("+ 添加选项"));
|
|
await user.type(screen.getByPlaceholderText("选项1"), "3");
|
|
await user.click(screen.getByText("+ 添加选项"));
|
|
await user.type(screen.getByPlaceholderText("选项2"), "4");
|
|
fireEvent.click(screen.getByLabelText("选 4 为正确答案"));
|
|
await user.type(screen.getByLabelText("解析"), "e1");
|
|
await user.click(screen.getByText("完成"));
|
|
expect((saved[0] as Record<string, unknown>).stem).toBe("2+2=?");
|
|
expect((saved[0] as Record<string, unknown>).answer).toBe(1);
|
|
expect((saved[0] as Record<string, unknown>).explain).toBe("e1");
|
|
});
|
|
|
|
it("新建应用题仅 answer 模式(无判分模式 select)", async () => {
|
|
const user = userEvent.setup();
|
|
render(<QuestionList value={[]} onChange={() => {}} />);
|
|
await user.click(screen.getByText("+ 新增题目"));
|
|
await user.selectOptions(screen.getByLabelText("题型"), "solve");
|
|
expect(screen.queryByLabelText("判分模式")).not.toBeInTheDocument();
|
|
expect(screen.getByText("仅最终答案(秒判)")).toBeInTheDocument();
|
|
});
|
|
|
|
it("编辑存量 rubric 题显示只读徽标", () => {
|
|
render(
|
|
<QuestionList
|
|
value={[{ type: "solve", stem: "解方程", points: 10, judgeMode: "rubric" as const, reference: "x=2", rubric: [{ point: "过程", score: 6 }], explain: "e" }]}
|
|
onChange={() => {}}
|
|
/>,
|
|
);
|
|
fireEvent.click(screen.getByLabelText("编辑第 1 题"));
|
|
expect(screen.queryByLabelText("判分模式")).not.toBeInTheDocument();
|
|
expect(screen.getByText("AI 逐评分点判分(存量题,保留原评分点)")).toBeInTheDocument();
|
|
});
|
|
|
|
it("编辑存量无 judgeMode 字段的题显示 AI 判分徽标与必填参考解答语义", () => {
|
|
render(
|
|
<QuestionList
|
|
value={[{ type: "solve", stem: "解方程", points: 10, reference: "x=2", rubric: [{ point: "过程", score: 6 }], explain: "e" }]}
|
|
onChange={() => {}}
|
|
/>,
|
|
);
|
|
fireEvent.click(screen.getByLabelText("编辑第 1 题"));
|
|
expect(screen.getByText("AI 逐评分点判分(存量题,保留原评分点)")).toBeInTheDocument();
|
|
expect(screen.getByText("参考解答(完整解题过程,展示给孩子)")).toBeInTheDocument();
|
|
});
|
|
|
|
it("题干为空保存时报错,不写入列表", async () => {
|
|
const user = userEvent.setup();
|
|
let saved: QuizQ[] = [];
|
|
render(<QuestionList value={[]} onChange={(v) => (saved = v)} />);
|
|
await user.click(screen.getByText("+ 新增题目"));
|
|
await user.click(screen.getByText("完成"));
|
|
expect(saved.length).toBe(0);
|
|
expect(screen.getByText(/缺少题干/)).toBeInTheDocument();
|
|
});
|
|
|
|
it("删除选项后 answer 下标正确回落", async () => {
|
|
const user = userEvent.setup();
|
|
let saved: QuizQ[] = [{ type: "choice" as const, stem: "q", options: ["a", "b", "c"], answer: 2, explain: "e" }];
|
|
render(<QuestionList value={saved} onChange={(v) => (saved = v)} />);
|
|
fireEvent.click(screen.getByLabelText("编辑第 1 题"));
|
|
// xuchao: buttons = [上移,下移,编辑,删除, 取消, 添加选项, 删a, 删b, 删c, 完成] → 删b = [7]
|
|
const buttons = screen.getAllByRole("button");
|
|
fireEvent.click(buttons[7]);
|
|
// xuchao: 点"完成"保存,onChange 被调用
|
|
await user.click(screen.getByText("完成"));
|
|
const d = saved[0] as Record<string, unknown>;
|
|
expect(d.answer).toBe(1);
|
|
});
|
|
});
|