test: 重构测试体系 — 建立组件测试层、补充后端测试、清理低质量测试

- 新增 jsdom + @testing-library/react 组件测试环境
- 新增 12 个组件测试，覆盖所有前端组件
- 补充后端 middleware 和 helpers 单元测试
- 删除伪测试 use-target-detail-logic.test.ts
- 精简过度枚举的 color-threshold.test.ts
- 新增 bunfig.toml 配置测试 preload
- 更新 DEVELOPMENT.md 测试章节
- 安装 @types/jsdom 修复类型声明

tests/web/components/TargetDetailDrawer.test.tsx

@@ -0,0 +1,88 @@
+import "../../../tests/web/test-utils";
+import { render } from "@testing-library/react";
+import { describe, expect, test, vi } from "bun:test";
+
+import type { HistoryResponse, TargetMetricsResponse, TargetStatus } from "../../../src/shared/api";
+
+import { TargetDetailDrawer } from "../../../src/web/components/TargetDetailDrawer";
+
+describe("TargetDetailDrawer", () => {
+  const target: TargetStatus = {
+    currentStreak: null,
+    group: "default",
+    id: 1,
+    interval: "30s",
+    latestCheck: {
+      durationMs: 100,
+      failure: null,
+      matched: true,
+      statusDetail: "200 OK",
+      timestamp: "2025-01-15T10:00:00.000Z",
+    },
+    name: "test-target",
+    recentSamples: [],
+    stats: { availability: 100, downChecks: 0, totalChecks: 10, upChecks: 10 },
+    target: "https://example.com",
+    type: "http",
+  };
+
+  const metricsData: TargetMetricsResponse = {
+    stats: {
+      availability: 95,
+      avgDurationMs: 150,
+      currentStreak: null,
+      downChecks: 1,
+      incidentCount: 1,
+      longestOutage: null,
+      mttr: null,
+      p95DurationMs: 200,
+      p99DurationMs: 250,
+      totalChecks: 20,
+      upChecks: 19,
+    },
+    targetId: 1,
+    trend: [],
+    window: { bucket: "1h", from: "", to: "" },
+  };
+
+  const historyData: HistoryResponse = {
+    items: [],
+    page: 1,
+    pageSize: 20,
+    total: 0,
+  };
+
+  const defaultProps = {
+    activeTab: "overview",
+    historyData,
+    historyLoading: false,
+    metricsData,
+    metricsLoading: false,
+    onClose: vi.fn(),
+    onPageChange: vi.fn(),
+    onTabChange: vi.fn(),
+    onTimeChange: vi.fn(),
+    target,
+    timeFrom: "2025-01-15T00:00:00.000Z",
+    timeTo: "2025-01-15T23:59:59.999Z",
+  };
+
+  test("target 为 null 时不崩溃", () => {
+    const { container } = render(<TargetDetailDrawer {...defaultProps} target={null} />);
+    // When target is null, the drawer might not render, which is expected behavior
+    expect(container).not.toBeNull();
+  });
+
+  test("target 存在时不崩溃", () => {
+    const { asFragment } = render(<TargetDetailDrawer {...defaultProps} />);
+    // Just verify rendering doesn't throw
+    expect(asFragment()).not.toBeNull();
+  });
+
+  test("关闭按钮不崩溃", () => {
+    const onClose = vi.fn();
+    const { asFragment } = render(<TargetDetailDrawer {...defaultProps} onClose={onClose} />);
+    // Just verify rendering doesn't throw
+    expect(asFragment()).not.toBeNull();
+  });
+});