83 lines
3.0 KiB
TypeScript
83 lines
3.0 KiB
TypeScript
/** 创作对话组件传输替身：消息流折叠、发起回执与检查报告渲染；真实旅程由 Playwright 承担。 */
|
||
import { afterEach, expect, it, vi } from "vitest";
|
||
import { cleanup, fireEvent, render, screen } from "@testing-library/react";
|
||
import { Ui依赖装配 } from "../../src/应用/依赖装配";
|
||
import { Ui消息流 } from "../../src/功能/创作对话/消息流";
|
||
import { Ui发起生成 } from "../../src/功能/创作对话/会话面板";
|
||
import type { 任务事件 } from "../../src/功能/任务运行/数据";
|
||
|
||
afterEach(() => {
|
||
cleanup();
|
||
vi.unstubAllGlobals();
|
||
});
|
||
|
||
function 事件(类型: string, 载荷: Record<string, unknown>, 序 = 1): 任务事件 {
|
||
return {
|
||
event_id: `e-${序}`,
|
||
sequence: 序,
|
||
event_type: 类型,
|
||
occurred_at: "2026-09-11T10:00:00Z",
|
||
payload: 载荷,
|
||
} as 任务事件;
|
||
}
|
||
|
||
it("NC-ui-dialog-stream：正文段落按序累积、动作事件标注", () => {
|
||
render(
|
||
<Ui依赖装配>
|
||
<Ui消息流
|
||
事件={[
|
||
事件("step.started", {}, 1),
|
||
事件("text.delta", { 文本: "雨点敲着铁皮屋顶。" }, 2),
|
||
事件("text.delta", { 文本: "林深把信压在掌心。" }, 3),
|
||
事件("candidate.saved", { candidate_id: "c-1" }, 4),
|
||
]}
|
||
/>
|
||
</Ui依赖装配>,
|
||
);
|
||
expect(screen.getByText("雨点敲着铁皮屋顶。")).toBeTruthy();
|
||
expect(screen.getByText("林深把信压在掌心。")).toBeTruthy();
|
||
expect(screen.getByText("开始处理")).toBeTruthy();
|
||
expect(screen.getByText("候选已保存")).toBeTruthy();
|
||
});
|
||
|
||
it("NC-ui-dialog-empty：无事件时给出找回提示不空白", () => {
|
||
render(
|
||
<Ui依赖装配>
|
||
<Ui消息流 事件={[]} />
|
||
</Ui依赖装配>,
|
||
);
|
||
expect(screen.getByText(/页面重开后仍可找回/)).toBeTruthy();
|
||
});
|
||
|
||
it("NC-ui-dialog-start：发起成功展示任务回执", async () => {
|
||
const 请求: string[] = [];
|
||
vi.stubGlobal(
|
||
"fetch",
|
||
vi.fn(async (request: Request) => {
|
||
请求.push(request.url);
|
||
if (new URL(request.url).pathname === "/api/v1/works/w-9/writing-tasks") {
|
||
const 体 = await request.clone().json();
|
||
expect(体.granularity).toBe("new_chapter");
|
||
return new Response(
|
||
JSON.stringify({ task_id: "task-9", writing_task_id: "wt-9" }),
|
||
{ status: 201, headers: { "Content-Type": "application/json" } },
|
||
);
|
||
}
|
||
return new Response(JSON.stringify({ author_id: "author" }), {
|
||
headers: { "Content-Type": "application/json" },
|
||
});
|
||
}),
|
||
);
|
||
render(
|
||
<Ui依赖装配>
|
||
<Ui发起生成 scope="w-9" 默认作品="w-9" />
|
||
</Ui依赖装配>,
|
||
);
|
||
const 输入框 = Array.from(document.querySelectorAll("input")) as HTMLInputElement[];
|
||
expect(输入框[0].value).toBe("w-9");
|
||
fireEvent.input(输入框[1], { target: { value: "ch-9" } });
|
||
fireEvent.input(输入框[2], { target: { value: "cfg-1" } });
|
||
fireEvent.click(screen.getByRole("button", { name: "发起生成" }));
|
||
expect(await screen.findByText(/task-9/)).toBeTruthy();
|
||
});
|