1
0
Files
DiAL/tests/web/components/OverviewTab.test.tsx
lanyuanxiaoyao 7926514986 feat: 配置变量系统与 target id/name 双字段标识
- 新增顶层 variables 段支持 string/number/boolean 字面量
- target 字符串字段支持 、、{...} 转义语法
- 变量解析优先级: variables -> process.env -> 默认值 -> 报错
- 完整引用保留原始类型,部分引用拼接为字符串
- 变量替换在 YAML 解析后、AJV 校验前执行
- 替换仅作用于 targets,跳过 id/type 字段
- target 新增必填 id 字段作为唯一标识,name 改为可选展示名称
- 数据库存储/API/前端全面迁移到 id 标识
- 统一 checker 运行时类型检查为 es-toolkit predicates
- 同步 delta specs 到主 specs,归档 config-variables 变更
2026-05-17 00:37:54 +08:00

68 lines
2.0 KiB
TypeScript

import "../../../tests/web/test-utils";
import { render } from "@testing-library/react";
import { describe, expect, test } from "bun:test";
import type { TargetMetricsResponse, TargetStatus } from "../../../src/shared/api";
import { OverviewTab } from "../../../src/web/components/OverviewTab";
describe("OverviewTab", () => {
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: { count: 5, up: true },
downChecks: 1,
incidentCount: 1,
longestOutage: 60000,
mttr: 30000,
p95DurationMs: 200,
p99DurationMs: 250,
totalChecks: 20,
upChecks: 19,
},
targetId: "1",
trend: [],
window: { bucket: "1h", from: "", to: "" },
};
test("有数据不崩溃", () => {
const { container } = render(<OverviewTab metricsData={metricsData} metricsLoading={false} target={target} />);
expect(container.firstChild).not.toBeNull();
});
test("loading 状态不崩溃", () => {
const { container } = render(<OverviewTab metricsData={null} metricsLoading={true} target={target} />);
expect(container.firstChild).not.toBeNull();
});
test("无指标数据不崩溃", () => {
const { container } = render(<OverviewTab metricsData={null} metricsLoading={false} target={target} />);
expect(container.firstChild).not.toBeNull();
});
test("显示趋势图表不崩溃", () => {
const { container } = render(<OverviewTab metricsData={metricsData} metricsLoading={false} target={target} />);
expect(container.firstChild).not.toBeNull();
});
});