Files
nxdns/admin/src/shell/diagnosticsBadge.test.ts
T
mokhtar 85b8be50a0
Gates / frontend (push) Successful in 1m57s
Gates / test (push) Successful in 2m34s
Gates / test-aarch64 (push) Successful in 8m9s
Gates / package (push) Successful in 7m14s
Gates / container (push) Successful in 17s
CI / gates (push) Successful in 18m17s
Release / guard (push) Successful in 33s
Gates / test-aarch64 (push) Successful in 7m22s
Gates / container (push) Successful in 11s
Release / gates (push) Successful in 10m35s
Gates / frontend (push) Successful in 2m8s
Gates / test (push) Successful in 2m16s
Gates / package (push) Successful in 44s
Release / publish (push) Successful in 10m4s
admin: overview redesign, device scope, one formatting contract (milestone 39)
The Overview page takes the decided visual language (specs/ui-visual-redesign.md): four centred totals with their Activity links, a smoothed area chart of total and blocked queries with point hover and a tooltip centred beside the point, a stacked client chart in eight distinct hues plus one Other band that is always a series, and a card row with the cache hit rate, the query types as a single-hue ramp ring, and the upstream breakdown. The count axis grows its margin with the widest grouped tick and draws whole-number ticks only.

GET /api/overview takes a client parameter; the scoped read uses idx_query_log_ts and the cache keeps scoped slots. The device selector beside the period selector is URL state, so a scoped view is a link, and the tile links carry the scope into Activity. The route reduces a pasted IPv6 scope to the RFC 5952 spelling the logger stores, mapped addresses included, and drops anything that is not an address. A failed device list says so under the selector with a retry.

All measured quantities go through admin/src/lib/format.ts: grouped counts, two-decimal percentages, one-decimal rates, durations as the two largest nonzero units. Identifiers, configured values and preset labels render as written; the module header states that scope. A sweep test refuses toFixed, toLocaleString, Intl.NumberFormat and padStart anywhere else.

Chrome: one 4px radius from the metrics constants, shared Card with a prominent title and a one-line description on every panel, the settings form sections on the same card with a floated legend, the sidebar grouped into Monitoring and System with a status block (protection, queries per minute on Overview, uptime), keyboard-focusable table scroll wrappers, and the accent darkened to 5.43:1 on its wash.

Not built: the spec's ranked-list primitive, which has no consumer and no API rows. Codex reviewed sessions B to D over five rounds (thirty-three findings fixed, thirteen rejected as non-quantities); the owner skipped a sixth round.

Claude-Session: https://claude.ai/code/session_01VTgx3a1zz1R78o4K55kkwR
2026-09-07 23:11:50 +02:00

48 lines
1.9 KiB
TypeScript

import { health } from "@/lib/healthFixture";
import { diagnosticsBadge } from "./diagnosticsBadge";
test("a healthy box with nothing open wears no badge", () => {
expect(diagnosticsBadge(health(), false)).toBeNull();
});
test("open episodes are the count, warnings and errors together", () => {
const badge = diagnosticsBadge(
health({ diagnostics: { state: "recording", active_warnings: 2, active_errors: 1 } }),
false,
);
expect(badge).toEqual({ text: "3", label: "3 active diagnostic events" });
});
/** Four digits of open episodes read as one number, grouped like every other count. */
test("a four-figure count is grouped", () => {
const badge = diagnosticsBadge(
health({ diagnostics: { state: "recording", active_warnings: 1200, active_errors: 34 } }),
false,
);
expect(badge).toEqual({ text: "1,234", label: "1,234 active diagnostic events" });
});
test("one open episode is counted in the singular", () => {
const badge = diagnosticsBadge(
health({ diagnostics: { state: "recording", active_warnings: 0, active_errors: 1 } }),
false,
);
expect(badge).toEqual({ text: "1", label: "1 active diagnostic event" });
});
test("a degraded rollup with no open episode still shows, so no degraded state is invisible", () => {
const badge = diagnosticsBadge(health({ status: "degraded" }), false);
expect(badge).toEqual({ text: "!", label: "Health degraded" });
});
test("a failed poll is not evidence of health, badge and all", () => {
// Cached body says everything is fine; the poll that would have confirmed it
// never landed. An unbadged item here claims health on no evidence.
expect(diagnosticsBadge(health(), true)).toEqual({ text: "!", label: "Health unavailable" });
expect(diagnosticsBadge(undefined, true)).toEqual({ text: "!", label: "Health unavailable" });
});
test("the first poll being in flight is the one unknown that hides", () => {
expect(diagnosticsBadge(undefined, false)).toBeNull();
});