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

import type { IssueMatrixSummary } from "./issue-matrix-data";
import { IssueMatrixStatusCards } from "./issue-matrix-status-cards";

test("renders the total primary agencies card", () => {
  const summary: IssueMatrixSummary = {
    totalIssues: 7,
    solved: 2,
    inProgress: 3,
    notAddressed: 2,
    totalPrimaryAgencies: 3,
  };

  const html = renderToStaticMarkup(
    createElement(IssueMatrixStatusCards, {
      language: "en",
      summary,
    }),
  );

  assert.match(html, /Total Primary Agencies/);
  assert.match(html, />3<\/p>/);
});