homeio

1/* @vitest-environment jsdom */
2
3import { act, renderHook, waitFor } from "@testing-library/react";
4import { afterEach, describe, expect, it, vi } from "vitest";
5import type { MetricsHistory, MetricsHistoryPoint } from "@/lib/shared/contracts/system";
6import { createTestQueryClient, createWrapper } from "@/test/query-client-wrapper";
7import { useMetricsHistory } from "@/modules/system/hooks/useMetricsHistory";
8
9const NOW = Date.UTC(2026, 8, 27, 12, 0, 0);
10
11function point(t: number, cpu: number): MetricsHistoryPoint {
12  return { t, cpuPercent: cpu, memoryPercent: 1, temperatureCelsius: null, downloadMbps: 0, uploadMbps: 0, diskReadMBps: null, diskWriteMBps: null };
13}
14
15function historyOf(range: MetricsHistory["range"], points: MetricsHistoryPoint[]): MetricsHistory {
16  return { range, intervalSeconds: range === "24h" ? 60 : 5, points };
17}
18
19describe("useMetricsHistory", () => {
20  afterEach(() => {
21    vi.restoreAllMocks();
22  });
23
24  it("keeps the current points on a range switch until the new range arrives", async () => {
25    const quarter = [point(NOW - 10_000, 10), point(NOW - 5_000, 11)];
26    const hour = [point(NOW - 30 * 60_000, 20), point(NOW - 5_000, 21)];
27    let releaseHour: (() => void) | null = null;
28
29    vi.spyOn(globalThis, "fetch").mockImplementation(async (input) => {
30      const range = new URL(String(input), "http://localhost").searchParams.get("range");
31      if (range === "1h") {
32        await new Promise<void>((resolve) => {
33          releaseHour = resolve;
34        });
35        return new Response(JSON.stringify({ data: historyOf("1h", hour) }));
36      }
37      return new Response(JSON.stringify({ data: historyOf("15m", quarter) }));
38    });
39
40    const wrapper = createWrapper(createTestQueryClient());
41    const { result, rerender } = renderHook(
42      ({ range, live }: { range: MetricsHistory["range"]; live: MetricsHistoryPoint | null }) =>
43        useMetricsHistory(range, live),
44      { wrapper, initialProps: { range: "15m", live: null } },
45    );
46
47    await waitFor(() => expect(result.current.points).toEqual(quarter));
48
49    // Switch while a live frame arrives: no blank chart, no lone live dot.
50    rerender({ range: "1h", live: point(NOW + 5_000, 99) });
51    expect(result.current.points).toEqual(quarter);
52
53    await act(async () => {
54      releaseHour?.();
55    });
56    // Once the hour has loaded, the newer live frame is appended to it.
57    await waitFor(() => expect(result.current.points.map((p) => p.cpuPercent)).toEqual([20, 21, 99]));
58  });
59});
60