Jesse_ChenandClaude Opus 5.5
3e0c615fd8
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01N4f2nya58RoRu4yEmJgRGE
109 lines
7.3 KiB
TypeScript
109 lines
7.3 KiB
TypeScript
import assert from "node:assert/strict";
|
|
import test from "node:test";
|
|
import { toast } from "sonner";
|
|
import React from "react";
|
|
import { AppRouterContext, type AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
|
|
import { SidebarProvider } from "../src/components/ui/sidebar";
|
|
import { ReportRowDelete } from "../src/components/personal-report/report-row-delete";
|
|
import { PersonalReportCenter, rowMeta } from "../src/components/personal-report/personal-report-center";
|
|
import { readReports, invalidateReportsPage, peekReportsPage, refreshReportsPage, writeReportsPage, type ReportListItem } from "../src/lib/secondary-page-data";
|
|
import { createClientLifecycleHarness } from "./react-client-lifecycle-test-support";
|
|
|
|
Object.assign(globalThis, { React });
|
|
type Harness = ReturnType<typeof createClientLifecycleHarness>;
|
|
const buttons = (h: Harness, text: string) => h.elements().filter(node => node.tagName === "BUTTON" && node.text === text);
|
|
function deferred<T>() { let resolve!: (value: T) => void; const promise = new Promise<T>(done => { resolve = done; }); return { promise, resolve }; }
|
|
// Explicitly fictional list metadata, not an engine-contract fixture.
|
|
const row: ReportListItem = { id: "fictional-report", reportType: "personal_full", presentationMode: "default", depth: "standard", themes: ["career"], status: "ready", failureCode: null, createdAt: "2026-09-24T12:00:00Z", completedAt: null };
|
|
|
|
test("report metadata localizes depth and themes while preserving unknown identifiers", () => {
|
|
assert.equal(rowMeta(row), "2026年9月24日 · 标准深度 · 事业");
|
|
assert.equal(rowMeta({ ...row, depth: "future-depth", themes: ["future-theme"], createdAt: "invalid" }), "时间未知 · future-depth · future-theme");
|
|
assert.match(rowMeta({ ...row, themes: [] }), /综合主题$/);
|
|
assert.match(rowMeta(readReports({ reports: [{ ...row, depth: "future-depth" }] })[0]), /future-depth/);
|
|
});
|
|
|
|
test("row delete is confirmed inline, cancelled without request and retains failure for retry", async () => {
|
|
const h = createClientLifecycleHarness(); const fetchBefore = globalThis.fetch;
|
|
let calls = 0; let removed = 0;
|
|
const errorBefore = toast.error; const errors: string[] = [];
|
|
toast.error = (message) => { errors.push(String(message)); return 1; };
|
|
globalThis.fetch = async () => { calls += 1; return new Response(null, { status: 500 }); };
|
|
try {
|
|
await h.render(<ReportRowDelete reportId={row.id} onDeleted={() => { removed += 1; }} />);
|
|
await h.event(buttons(h, "删除")[0]);
|
|
assert.match(h.container.text, /确定删除这份报告？/);
|
|
await h.event(buttons(h, "取消")[0]);
|
|
assert.equal(calls, 0);
|
|
assert.equal(document.activeElement, h.elements().find(node => node.tagName === "SUMMARY"));
|
|
await h.event(buttons(h, "删除")[0]);
|
|
await h.event(buttons(h, "删除")[1]);
|
|
await h.idle();
|
|
// 原值: h.container.text 含「报告没能删除，请稍后重试。」（行内确认条里一行红字，两次失败各一次）
|
|
// 新值: 同一句是 error toast，两次失败各一条；确认条仍保留供重试
|
|
// 原因: 2026-09-30 产品「报错和提示不要占页面布局」
|
|
assert.deepEqual(errors, ["报告没能删除，请稍后重试。"]);
|
|
assert.match(h.container.text, /确定删除这份报告？/);
|
|
assert.equal(removed, 0); assert.equal(calls, 1);
|
|
globalThis.fetch = async () => { throw new Error("offline"); };
|
|
await h.event(buttons(h, "删除")[1]); await h.idle();
|
|
assert.deepEqual(errors, ["报告没能删除，请稍后重试。", "报告没能删除，请稍后重试。"]);
|
|
assert.equal(removed, 0);
|
|
} finally { toast.error = errorBefore; globalThis.fetch = fetchBefore; await h.close(); }
|
|
});
|
|
|
|
test("row delete sends one same-origin DELETE despite repeated confirmation clicks", async () => {
|
|
const h = createClientLifecycleHarness(); const fetchBefore = globalThis.fetch;
|
|
const response = deferred<Response>(); let calls = 0; const removed: string[] = [];
|
|
globalThis.fetch = async (url, options) => { assert.equal(url, `/api/reports/${row.id}`); assert.equal(options?.method, "DELETE"); assert.equal(options?.credentials, "same-origin"); calls += 1; return response.promise; };
|
|
try {
|
|
await h.render(<ReportRowDelete reportId={row.id} onDeleted={id => removed.push(id)} />);
|
|
await h.event(buttons(h, "删除")[0]);
|
|
const confirm = buttons(h, "删除")[1];
|
|
await h.event(confirm); await h.event(confirm);
|
|
assert.equal(calls, 1); assert.match(h.container.text, /删除中/);
|
|
response.resolve(new Response(null, { status: 204 })); await h.idle();
|
|
assert.deepEqual(removed, [row.id]);
|
|
} finally { globalThis.fetch = fetchBefore; await h.close(); }
|
|
});
|
|
|
|
test("report cache invalidation rejects stale GET writes and stale finally keeps newer flight", async () => {
|
|
const fetchBefore = globalThis.fetch; const first = deferred<Response>(); const second = deferred<Response>(); let calls = 0;
|
|
invalidateReportsPage();
|
|
globalThis.fetch = () => (++calls === 1 ? first.promise : second.promise);
|
|
try {
|
|
const stale = refreshReportsPage(); invalidateReportsPage(); const fresh = refreshReportsPage();
|
|
first.resolve(Response.json({ reports: [row] })); await stale;
|
|
assert.equal(peekReportsPage(), null);
|
|
assert.equal(refreshReportsPage(), fresh); assert.equal(calls, 2);
|
|
second.resolve(Response.json({ reports: [] })); await fresh;
|
|
// 原值: { kind: "ready", reports: [] }
|
|
// 新值: { kind: "ready", reports: [], nextCursor: null }
|
|
// 原因: 报告列表按 10 份分页（BUG-1124），快照带上「加载更多」的游标；无更多时为 null
|
|
assert.deepEqual(peekReportsPage(), { kind: "ready", reports: [], nextCursor: null });
|
|
} finally { globalThis.fetch = fetchBefore; invalidateReportsPage(); }
|
|
});
|
|
|
|
test("mounted report center removes deleted row and an older GET cannot resurrect it", async () => {
|
|
const { bindCurrentSubjectAccount } = await import("../src/lib/current-subject.ts");
|
|
bindCurrentSubjectAccount("fictional-report-owner", []);
|
|
const h = createClientLifecycleHarness(); const fetchBefore = globalThis.fetch;
|
|
const stale = deferred<Response>(); let gets = 0;
|
|
writeReportsPage({ kind: "ready", reports: [row], nextCursor: null });
|
|
globalThis.fetch = async (url, options) => {
|
|
if (options?.method === "DELETE") return new Response(null, { status: 204 });
|
|
if (String(url).startsWith("/api/reports")) { gets += 1; return stale.promise; }
|
|
return Response.json({}, { status: 401 });
|
|
};
|
|
try {
|
|
const router = { bfcacheId: "test", push() {}, replace() {}, refresh() {}, prefetch() {}, back() {}, forward() {} } as AppRouterInstance;
|
|
await h.render(<AppRouterContext.Provider value={router}><SidebarProvider open><PersonalReportCenter /></SidebarProvider></AppRouterContext.Provider>); await h.idle();
|
|
assert.equal(gets, 1); assert.match(h.container.text, /标准深度/);
|
|
await h.event(buttons(h, "删除")[0]); await h.event(buttons(h, "删除")[1]); await h.idle();
|
|
assert.doesNotMatch(h.container.text, /标准深度/); assert.equal(peekReportsPage(), null);
|
|
stale.resolve(Response.json({ reports: [row] })); await h.idle();
|
|
assert.doesNotMatch(h.container.text, /标准深度/); assert.equal(peekReportsPage(), null);
|
|
assert.deepEqual(h.errors, []);
|
|
} finally { globalThis.fetch = fetchBefore; invalidateReportsPage(); await h.close(); }
|
|
});
|