lanyuanxiaoyao
8793fbd786
- 新增 jsdom + @testing-library/react 组件测试环境 - 新增 12 个组件测试，覆盖所有前端组件 - 补充后端 middleware 和 helpers 单元测试 - 删除伪测试 use-target-detail-logic.test.ts - 精简过度枚举的 color-threshold.test.ts - 新增 bunfig.toml 配置测试 preload - 更新 DEVELOPMENT.md 测试章节 - 安装 @types/jsdom 修复类型声明
89 lines
2.4 KiB
TypeScript
89 lines
2.4 KiB
TypeScript
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();
|
|
});
|
|
});
|