@echothink-ui/domain-widgets 0.1.0

package/src/index.test.tsx

@@ -0,0 +1,123 @@
+import { fireEvent, render, screen, within } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { ReportBuilder, RiskMatrix, SupportTicketQueue } from "./index";
+
+describe("@echothink-ui/domain-widgets ReportBuilder", () => {
+  it("renders a report composition workspace with preview and export controls", () => {
+    const { container } = render(
+      <ReportBuilder
+        title="Quarterly close report"
+        description="Compose sections and export to PDF/CSV."
+        items={[
+          { id: "pipeline", label: "Pipeline summary", status: "active" },
+          { id: "approvals", label: "Approvals", status: "active" },
+          { id: "audit", label: "Audit log", status: "in-progress" }
+        ]}
+      />
+    );
+
+    const surface = container.querySelector('[data-eth-component="ReportBuilder"]');
+
+    expect(surface?.className).toContain("eth-domain-report-builder");
+    expect(screen.getByRole("list", { name: "Report sections" })).toBeTruthy();
+    expect(screen.getByRole("region", { name: "Report preview" })).toBeTruthy();
+    expect(screen.getByRole("button", { name: "Export PDF" })).toBeTruthy();
+    expect(screen.getByRole("button", { name: "Export CSV" })).toBeTruthy();
+    expect(screen.getByText("3 sections")).toBeTruthy();
+  });
+});
+
+describe("@echothink-ui/domain-widgets SupportTicketQueue", () => {
+  it("renders a semantic SLA queue with summary, owner, status, and row actions", () => {
+    render(
+      <SupportTicketQueue
+        title="Support queue"
+        items={[
+          {
+            id: "p1-login",
+            label: "[P1] Login failure",
+            description: "Breach in 12 min",
+            meta: "On-call: Mara",
+            status: "blocked",
+            actions: [{ id: "open-p1-login", label: "Open", intent: "ghost" }]
+          },
+          {
+            id: "p2-dashboard",
+            label: "[P2] Slow dashboard",
+            description: "Due in 2h",
+            meta: "Assigned: Platform",
+            status: "running"
+          }
+        ]}
+      />
+    );
+
+    expect(screen.getByRole("heading", { name: "Support queue" })).toBeTruthy();
+    expect(screen.getByText("Open tickets")).toBeTruthy();
+    expect(screen.getByText("Blocked")).toBeTruthy();
+    expect(screen.getByText("Next SLA")).toBeTruthy();
+
+    const queue = screen.getByRole("list", { name: "Support tickets" });
+    expect(within(queue).getByText("P1")).toBeTruthy();
+    expect(within(queue).getByText("Login failure")).toBeTruthy();
+    expect(within(queue).getByText("Breach in 12 min")).toBeTruthy();
+    expect(within(queue).getByText("On-call: Mara")).toBeTruthy();
+    expect(within(queue).getByRole("button", { name: "Open" })).toBeTruthy();
+  });
+});
+
+describe("@echothink-ui/domain-widgets RiskMatrix", () => {
+  it("renders a semantic impact probability matrix with controls and risk detail", () => {
+    render(
+      <RiskMatrix
+        title="Risk register"
+        reviewCadence="Weekly review"
+        items={[
+          {
+            id: "outage",
+            label: "Outage",
+            description: "Primary region service interruption.",
+            impact: "high",
+            probability: "medium",
+            owner: "SRE",
+            mitigation: "Expand failover coverage",
+            dueDate: "May 30",
+            status: "warning"
+          },
+          {
+            id: "data-leakage",
+            label: "Data leakage",
+            description: "Sensitive export leaves approved boundary.",
+            impact: "critical",
+            probability: "low",
+            owner: "Security",
+            mitigation: "Rotate encryption keys",
+            dueDate: "Today",
+            severity: "critical",
+            status: "blocked"
+          }
+        ]}
+      />
+    );
+
+    expect(screen.getByRole("heading", { name: "Risk register" })).toBeTruthy();
+    expect(screen.getByRole("grid", { name: "Impact probability risk matrix" })).toBeTruthy();
+    expect(screen.getByRole("button", { name: "Matrix view" })).toBeTruthy();
+    expect(screen.getByRole("button", { name: "Register view" })).toBeTruthy();
+
+    const criticalCell = screen.getByRole("gridcell", {
+      name: "Critical impact, Low probability: 1 risk"
+    });
+    expect(within(criticalCell).getByText("Data leakage")).toBeTruthy();
+
+    const detail = screen.getByRole("complementary", { name: "Highest priority risk" });
+    expect(within(detail).getByText("Rotate encryption keys")).toBeTruthy();
+    expect(within(detail).getByText("Weekly review")).toBeTruthy();
+
+    fireEvent.click(screen.getByRole("button", { name: "Register view" }));
+    expect(screen.getByRole("button", { name: "Register view" }).getAttribute("aria-pressed")).toBe(
+      "true"
+    );
+    expect(screen.queryByRole("grid", { name: "Impact probability risk matrix" })).toBeNull();
+  });
+});