Netcatty/components/systemManager/SystemManagerSidePanel.test.tsx

import assert from "node:assert/strict";
import { readFileSync } from "node:fs";
import test from "node:test";
import React from "react";
import { renderToStaticMarkup } from "react-dom/server";

import { I18nProvider } from "../../application/i18n/I18nProvider.tsx";
import { normalizeTerminalSettings } from "../../domain/models/terminal.ts";
import type { Host, TerminalSession } from "../../types.ts";
import { TooltipProvider } from "../ui/tooltip.tsx";
import { SystemManagerSidePanel } from "./SystemManagerSidePanel.tsx";

const session: TerminalSession = {
  id: "session-1",
  hostId: "host-1",
  hostLabel: "Demo",
  username: "root",
  hostname: "demo.local",
  status: "connected",
  protocol: "ssh",
};

const host: Host = {
  id: "host-1",
  label: "Demo",
  hostname: "demo.local",
  username: "root",
  tags: [],
  os: "linux",
};

test("system side panel renders the graphical overview as the first tab", () => {
  const markup = renderToStaticMarkup(
    <I18nProvider locale="en">
      <TooltipProvider>
        <SystemManagerSidePanel
          session={session}
          sessionHost={host}
          isVisible={false}
          terminalSettings={normalizeTerminalSettings()}
          snippets={[]}
        />
      </TooltipProvider>
    </I18nProvider>,
  );

  assert.match(markup, /Overview/);
  assert.match(markup, /data-section="system-manager-overview"/);
  assert.doesNotMatch(markup, /Live server health/);
  assert.doesNotMatch(markup, /System overview/);
});

test("overview tab reuses the shared server stats source", () => {
  const source = readFileSync(new URL("./SystemOverviewTab.tsx", import.meta.url), "utf8");

  assert.match(source, /function MetricCard\(\{[\s\S]*trendValues,\s*trendMax,\s*tone,/);
  assert.match(source, /useServerStats\(\{/);
  assert.match(source, /setHistory\(\[\]\)/);
  assert.match(source, /if \(!isVisible \|\| !hasStats\) return/);
  assert.match(source, /SystemPanelInlineError[\s\S]*onRetry=\{\(\) => void refresh\(\)\}/);
  assert.doesNotMatch(source, /usePolling/);
  assert.doesNotMatch(source, /backend\.getServerStats/);
});

test("overview tab unsubscribes while another system tab is active", () => {
  const source = readFileSync(new URL("./SystemManagerSidePanel.tsx", import.meta.url), "utf8");

  assert.match(source, /resolvedTab === 'overview' && \(/);
  assert.match(source, /<SystemOverviewTab/);
});