refactor: 前端视觉重构 — Layout/HeadMenu 骨架、SummaryCards 合并、Card 分组、Drawer 概览重设计

tests/web/constants/target-table-columns.test.ts

@@ -34,7 +34,7 @@ function makeTarget(overrides: Partial<TargetStatus> = {}): TargetStatus {
 }
 
 describe("createTargetTableColumns", () => {
-  test("生成 8 个目标表格列", () => {
+  test("生成 7 个目标表格列", () => {
     const columns = createTargetTableColumns(["http", "cmd"]);
 
     expect(columns.map((column) => column.colKey)).toEqual([
@@ -45,7 +45,6 @@ describe("createTargetTableColumns", () => {
       "recentSamples",
       "currentStreak",
       "latestCheck.durationMs",
-      "interval",
     ]);
   });
 
@@ -96,6 +95,31 @@ describe("createTargetTableColumns", () => {
       rowIndex: 0,
     });
 
+    expect(streakColumn.title).toBe("连续(次)");
     expect(element.props.children.join("")).toBe("▼ 30+");
   });
+
+  test("延迟列超过 9999ms 时显示上限文案", () => {
+    const latencyColumn = getColumn(createTargetTableColumns(["http"]), "latestCheck.durationMs");
+    const renderCell = latencyColumn.cell as (params: PrimaryTableCellParams<TargetStatus>) => {
+      props: { children: string; className: string };
+    };
+    const element = renderCell({
+      col: latencyColumn,
+      colIndex: 6,
+      row: makeTarget({
+        latestCheck: {
+          durationMs: 12000,
+          failure: null,
+          matched: true,
+          statusDetail: "200",
+          timestamp: "2026-01-01T00:00:00.000Z",
+        },
+      }),
+      rowIndex: 0,
+    });
+
+    expect(element.props.children).toBe("9999+ms");
+    expect(element.props.className).toContain("latency-value");
+  });
 });