@godxjp/ui 6.0.0 → 6.0.2

package/src/components/__tests__/theme-axes-integration.test.tsx

@@ -1,242 +0,0 @@
-import { readFileSync } from "node:fs";
-import { dirname, join } from "node:path";
-import { fileURLToPath } from "node:url";
-import { describe, expect, it } from "vitest";
-import { screen } from "@testing-library/react";
-import { Button } from "../general/button";
-import { Input } from "../data-entry/input";
-import { Textarea } from "../data-entry/textarea";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "../data-entry/select";
-import { Checkbox } from "../data-entry/checkbox";
-import { Switch } from "../data-entry/switch";
-import { Badge } from "../data-display/badge";
-import { StatusBadge } from "../data-display/status-badge";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "../data-display/table";
-import { Pagination } from "../navigation/pagination";
-import { Calendar } from "../data-entry/calendar";
-import { renderWithTheme } from "@/test/theme-test-utils";
-import {
-  controlMultilineClass,
-  tableRowHeightClass,
-  toneInfoClass,
-  toneSuccessClass,
-  toneWarningClass,
-} from "@/lib/control-styles";
-
-const componentsDir = join(dirname(fileURLToPath(import.meta.url)), "..");
-
-function readComponent(relative: string): string {
-  return readFileSync(join(componentsDir, relative), "utf8");
-}
-
-function statusBadgeRoot(label: string): HTMLElement {
-  const text = screen.getByText(label);
-  const root = text.parentElement;
-  expect(root).toBeTruthy();
-  return root!;
-}
-
-describe("theme axes integration (render + class contracts)", () => {
-  describe("density — ui-control on interactive primitives", () => {
-    it("Button default size uses semantic button size class", () => {
-      renderWithTheme(<Button>Save</Button>);
-      expect(screen.getByRole("button", { name: "Save" })).toHaveClass("ui-button--default-size");
-    });
-
-    it("Input uses ui-control", () => {
-      renderWithTheme(<Input aria-label="HAWB" />);
-      expect(screen.getByRole("textbox", { name: "HAWB" })).toHaveClass("ui-control");
-    });
-
-    it("Textarea uses ui-control-multiline", () => {
-      renderWithTheme(<Textarea aria-label="Notes" />);
-      expect(screen.getByRole("textbox", { name: "Notes" })).toHaveClass("ui-control-multiline");
-      expect(controlMultilineClass.split(" ")[0]).toBe("ui-control-multiline");
-    });
-
-    it("SelectTrigger uses ui-control flex layout", () => {
-      renderWithTheme(
-        <Select defaultValue="a">
-          <SelectTrigger aria-label="Hub">
-            <SelectValue />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectItem value="a">A</SelectItem>
-          </SelectContent>
-        </Select>,
-      );
-      const trigger = screen.getByRole("combobox", { name: "Hub" });
-      expect(trigger).toHaveClass("ui-control");
-      expect(trigger.className).toContain("flex");
-    });
-
-    it.each(["compact", "default", "comfortable"] as const)(
-      "renders Input under ui-density-%s",
-      (density) => {
-        renderWithTheme(<Input aria-label={`field-${density}`} />, { density });
-        expect(screen.getByRole("textbox", { name: `field-${density}` })).toHaveClass("ui-control");
-      },
-    );
-  });
-
-  describe("semantic badges — token tone classes (no raw palette)", () => {
-    it("Badge success variant uses success token", () => {
-      renderWithTheme(<Badge variant="success">Cleared</Badge>);
-      const el = screen.getByText("Cleared");
-      expect(el.className).toContain("success");
-      expect(el.className).not.toMatch(/green-/);
-    });
-
-    it("StatusBadge pending uses warning token", () => {
-      renderWithTheme(<StatusBadge status="pending" />);
-      const el = statusBadgeRoot("Chờ xử lý");
-      expect(el.className).toContain("warning");
-      expect(el.className).not.toMatch(/amber-/);
-    });
-
-    it("StatusBadge scheduled uses info token", () => {
-      renderWithTheme(<StatusBadge status="scheduled" />);
-      const el = statusBadgeRoot("Đã lên lịch");
-      expect(el.className).toContain("info");
-      expect(el.className).not.toMatch(/blue-/);
-    });
-
-    it("StatusBadge active uses success token", () => {
-      renderWithTheme(<StatusBadge status="active" />);
-      const el = statusBadgeRoot("Đang hoạt động");
-      expect(el.className).toContain("success");
-    });
-
-    it("tone class constants match expected token names", () => {
-      expect(toneSuccessClass).toContain("success");
-      expect(toneWarningClass).toContain("warning");
-      expect(toneInfoClass).toContain("info");
-    });
-  });
-
-  describe("table density tokens", () => {
-    it("TableHead references --table-row-height", () => {
-      renderWithTheme(
-        <Table>
-          <TableHeader>
-            <TableRow>
-              <TableHead>HAWB</TableHead>
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            <TableRow className={tableRowHeightClass}>
-              <TableCell>GX-1</TableCell>
-            </TableRow>
-          </TableBody>
-        </Table>,
-      );
-      expect(screen.getByRole("columnheader", { name: "HAWB" }).className).toContain(
-        "var(--table-row-height)",
-      );
-    });
-  });
-
-  describe("primary brand — checkbox/switch", () => {
-    it("Checkbox uses centralized semantic class", () => {
-      renderWithTheme(<Checkbox defaultChecked aria-label="ok" />);
-      expect(screen.getByRole("checkbox", { name: "ok" })).toHaveClass("ui-checkbox");
-    });
-
-    it("Switch uses centralized semantic class", () => {
-      renderWithTheme(<Switch defaultChecked aria-label="notify" />);
-      expect(screen.getByRole("switch", { name: "notify" })).toHaveClass("ui-switch");
-    });
-  });
-
-  describe("Preview-equivalent theme globals on wrapper", () => {
-    it("fontSize sm sets --font-size-sm on root", () => {
-      const { container } = renderWithTheme(<span>x</span>, { fontSize: "sm" });
-      const root = container.firstElementChild as HTMLElement;
-      expect(root.style.getPropertyValue("--font-size-sm")).toBe("0.8125rem");
-    });
-
-    it("fontSize lg sets --font-size-sm on root", () => {
-      const { container } = renderWithTheme(<span>x</span>, { fontSize: "lg" });
-      const root = container.firstElementChild as HTMLElement;
-      expect(root.style.getPropertyValue("--font-size-sm")).toBe("0.9375rem");
-    });
-
-    it("primaryColor logistics sets primary + accent + ring", () => {
-      const { container } = renderWithTheme(<span>x</span>, { primaryColor: "logistics" });
-      const root = container.firstElementChild as HTMLElement;
-      expect(root.style.getPropertyValue("--primary")).toBe("173 80% 36%");
-      expect(root.style.getPropertyValue("--accent")).toBe("173 80% 94%");
-      expect(root.style.getPropertyValue("--ring")).toBe("173 80% 36%");
-    });
-
-    it.each(["brand", "crm", "partner", "slate"] as const)(
-      "primaryColor %s sets matching accent foreground pair",
-      (primaryColor) => {
-        const { container } = renderWithTheme(<span>x</span>, { primaryColor });
-        const root = container.firstElementChild as HTMLElement;
-        const primary = root.style.getPropertyValue("--primary");
-        const accent = root.style.getPropertyValue("--accent");
-        expect(primary.length).toBeGreaterThan(0);
-        expect(accent.length).toBeGreaterThan(0);
-        expect(primary).not.toBe(accent);
-      },
-    );
-  });
-
-  describe("pagination + calendar avoid legacy hardcoded sizes", () => {
-    it("pagination prev button uses semantic compact icon class", () => {
-      renderWithTheme(
-        <Pagination current={2} total={100} pageSize={20} onChange={() => undefined} />,
-      );
-      const prev = screen.getByRole("button", { name: /trang trước/i });
-      expect(prev.className).not.toMatch(/\bsize-8\b/);
-      expect(prev).toHaveClass("ui-button--compact-icon");
-    });
-
-    it("calendar day button uses var(--control-height)", () => {
-      renderWithTheme(<Calendar mode="single" />);
-      const dayButton = screen.getByRole("grid").querySelector("button");
-      expect(dayButton?.className ?? "").toContain("var(--control-height)");
-      expect(dayButton?.className ?? "").not.toMatch(/\bsize-9\b/);
-    });
-  });
-});
-
-describe("theme axes — control-styles import contracts", () => {
-  const requiredImports: { file: string; exportName: string }[] = [
-    { file: "data-entry/select.tsx", exportName: "controlTriggerClass" },
-    { file: "data-entry/textarea.tsx", exportName: "controlMultilineClass" },
-    { file: "data-entry/command.tsx", exportName: "controlIconLeadingClass" },
-    { file: "data-entry/calendar.tsx", exportName: "controlIconSmClass" },
-    { file: "data-entry/color-picker.tsx", exportName: "controlIconClass" },
-    { file: "data-entry/upload.tsx", exportName: "controlIconClass" },
-    { file: "data-display/badge.tsx", exportName: "toneSuccessClass" },
-    { file: "data-display/table.tsx", exportName: "tableHeadHeightClass" },
-    { file: "data-display/data-table.tsx", exportName: "tableRowHeightClass" },
-    { file: "data-display/status-badge.tsx", exportName: "toneSuccessClass" },
-    { file: "navigation/steps.tsx", exportName: "controlIconClass" },
-    { file: "feedback/skeleton.tsx", exportName: "tableRowHeightClass" },
-  ];
-
-  it.each(requiredImports)(
-    "$file imports $exportName from control-styles",
-    ({ file, exportName }) => {
-      const content = readComponent(file);
-      expect(content, `${file} must import from control-styles`).toContain("control-styles");
-      expect(content, `${file} must use ${exportName}`).toContain(exportName);
-    },
-  );
-});

package/src/components/admin/index.ts

@@ -1,76 +0,0 @@
-// Backward-compatible admin barrel.
-export type { BreadcrumbItemProp as BreadcrumbItem } from "../../props/vocabulary/navigation.prop";
-export type {
-  PageContainerProp,
-  PageContainerProp as PageContainerProps,
-} from "../../props/components/layout.prop";
-
-export { PageHeader } from "../navigation/page-header";
-/* eslint-disable-next-line @typescript-eslint/no-deprecated -- backward-compat export */
-export type { PageHeaderProp } from "../../props/components/layout.prop";
-
-export { PageContainer } from "../layout/page-container";
-export { Stack, Inline } from "../layout";
-export type { StackProp, InlineProp } from "../../props/components/layout.prop";
-
-export { EmptyState } from "../data-display/empty-state";
-export { StatusBadge } from "../data-display/status-badge";
-export { FormField } from "../data-entry/form-field";
-export { KeyValueGrid } from "../data-display/key-value-grid";
-export { SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonCard } from "../feedback/skeleton";
-export {
-  DataState,
-  MutationFeedback,
-  QueryRefetchButton,
-  InfiniteQueryState,
-  flattenItemPages,
-  PrefetchLink,
-} from "../query";
-export {
-  Alert,
-  AlertTitle,
-  AlertContent,
-  AlertDescription,
-  AlertActions,
-  AlertQueryError,
-} from "../feedback/alert";
-export { SearchInput } from "../data-entry/search-input";
-export {
-  Upload,
-  collectUploadCommitActions,
-  createUploadItem,
-  useUploadDraft,
-} from "../data-entry/upload";
-export { Cascader } from "../data-entry/cascader";
-export { TreeSelect } from "../data-entry/tree-select";
-export { Transfer } from "../data-entry/transfer";
-export {
-  Pagination,
-  Steps,
-  TabsItems,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-} from "../navigation";
-export { FilterBar, FilterGroup } from "../navigation/filter-bar";
-export {
-  Dialog,
-  DialogTrigger,
-  DialogContent,
-  DialogHeader,
-  DialogFooter,
-  DialogTitle,
-  DialogDescription,
-  DialogConfirm,
-} from "../feedback/dialog";
-export { DataTable } from "../data-display/data-table";
-export type { ColumnDef, Density } from "../data-display/data-table";
-export { Toaster } from "../feedback/sonner";
-export { toast, useToast } from "../feedback/use-toast";
-export type { LegacyToastOptions } from "../feedback/use-toast";
-export { useDebouncedValue, useTimeoutFlag } from "../../lib/hooks";
-export { formatDate, formatBytes, formatCurrency, shortId, humanError } from "../../lib/format";
-/* eslint-disable @typescript-eslint/no-deprecated -- backward-compatible admin barrel re-exports legacy helpers. */
-export { formatDateTime, formatDateLong, formatRelative } from "../../lib/format";
-/* eslint-enable @typescript-eslint/no-deprecated */

package/src/components/data-display/__tests__/card-table.test.tsx

@@ -1,328 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { readFileSync } from "node:fs";
-import { join } from "node:path";
-import { renderWithUi, screen } from "@/test/render";
-import {
-  Card,
-  CardAction,
-  CardContent,
-  CardCover,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardStat,
-  CardTitle,
-} from "../card";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table";
-
-describe("Card layout governance", () => {
-  it("keeps all slot padding in card-layout.css (not card.tsx)", () => {
-    const cardTs = readFileSync(join(__dirname, "../card.tsx"), "utf8");
-    expect(cardTs).not.toMatch(/ui-card-shell/);
-    expect(cardTs).not.toMatch(/ui-card-section-gap/);
-    expect(cardTs).not.toMatch(/padding-(top|bottom|inline)/);
-
-    const layoutCss = readFileSync(join(__dirname, "../../../styles/card-layout.css"), "utf8");
-    expect(layoutCss).toMatch(/\[data-slot="card-header"\]/);
-    expect(layoutCss).toMatch(/\[data-slot="card-content"\]/);
-    expect(layoutCss).toMatch(/\[data-slot="card-footer"\]/);
-    expect(layoutCss).toMatch(/--card-space-inset/);
-    expect(layoutCss).toMatch(/--card-space-header-y/);
-    expect(layoutCss).toMatch(/--card-space-body-y/);
-  });
-});
-
-describe("Card", () => {
-  it("renders header, content, and footer", () => {
-    renderWithUi(
-      <Card>
-        <CardHeader>
-          <CardTitle>HAWB detail</CardTitle>
-          <CardDescription>Osaka → HCM</CardDescription>
-        </CardHeader>
-        <CardContent>2.4 kg</CardContent>
-        <CardFooter>Footer</CardFooter>
-      </Card>,
-    );
-    expect(screen.getByRole("heading", { name: "HAWB detail" })).toBeInTheDocument();
-    expect(screen.getByText("Osaka → HCM")).toBeInTheDocument();
-    expect(screen.getByText("2.4 kg")).toBeInTheDocument();
-    expect(screen.getByText("Footer")).toBeInTheDocument();
-  });
-
-  it("renders CardAction in header row", () => {
-    renderWithUi(
-      <Card>
-        <CardHeader className="flex flex-row justify-between">
-          <CardTitle>Section</CardTitle>
-          <CardAction>
-            <button type="button">Edit</button>
-          </CardAction>
-        </CardHeader>
-      </Card>,
-    );
-    expect(screen.getByRole("button", { name: "Edit" })).toBeInTheDocument();
-  });
-
-  it("renders separated footer with data-separated flag", () => {
-    renderWithUi(
-      <Card>
-        <CardHeader>
-          <CardTitle>Form</CardTitle>
-        </CardHeader>
-        <CardContent data-testid="content">Body</CardContent>
-        <CardFooter separated data-testid="footer">
-          <button type="button">Save</button>
-        </CardFooter>
-      </Card>,
-    );
-    const footer = screen.getByTestId("footer");
-    expect(footer).toHaveAttribute("data-separated", "");
-    expect(footer).toHaveAttribute("data-slot", "card-footer");
-    expect(screen.getByTestId("content")).toHaveAttribute("data-slot", "card-content");
-  });
-
-  it("renders banded header with data attribute", () => {
-    renderWithUi(
-      <Card>
-        <CardHeader banded data-testid="header">
-          <CardTitle>Section</CardTitle>
-        </CardHeader>
-        <CardContent>Body</CardContent>
-      </Card>,
-    );
-    const header = screen.getByTestId("header");
-    expect(header).toHaveAttribute("data-banded", "");
-    expect(header.className).toMatch(/ui-card-header--banded/);
-  });
-
-  it("banded header exposes chrome band flags only (padding in CSS)", () => {
-    renderWithUi(
-      <Card data-testid="card">
-        <CardHeader banded data-testid="header">
-          <CardTitle>Audit events</CardTitle>
-          <CardDescription>Realm internal · last 24h</CardDescription>
-        </CardHeader>
-        <CardContent data-testid="content">Body copy</CardContent>
-      </Card>,
-    );
-    const header = screen.getByTestId("header");
-    expect(header).toHaveAttribute("data-banded", "");
-    expect(header.className).toMatch(/ui-card-header--banded/);
-    expect(header.className).not.toMatch(/ui-card-shell/);
-    expect(screen.getByRole("heading", { name: "Audit events" })).toHaveAttribute(
-      "data-slot",
-      "card-title",
-    );
-    expect(screen.getByTestId("content")).not.toHaveAttribute("data-tight");
-  });
-
-  it("renders banded header with title and description slots", () => {
-    renderWithUi(
-      <Card>
-        <CardHeader banded>
-          <CardTitle>Audit events</CardTitle>
-          <CardDescription>Realm internal · last 24h</CardDescription>
-        </CardHeader>
-        <CardContent>Prop banded trên CardHeader.</CardContent>
-      </Card>,
-    );
-    expect(screen.getByRole("heading", { name: "Audit events" })).toBeInTheDocument();
-    expect(screen.getByText("Realm internal · last 24h")).toHaveAttribute(
-      "data-slot",
-      "card-description",
-    );
-    expect(screen.getByText("Prop banded trên CardHeader.")).toBeInTheDocument();
-  });
-
-  it("renders banded header with CardAction for toolbar layout", () => {
-    renderWithUi(
-      <Card>
-        <CardHeader banded data-testid="header">
-          <div>
-            <CardTitle>Lô gom hôm nay</CardTitle>
-            <CardDescription>Osaka Hub · cut-off 17:00 JST</CardDescription>
-          </div>
-          <CardAction>
-            <button type="button">Export CSV</button>
-          </CardAction>
-        </CardHeader>
-        <CardContent flush tight>
-          <Table>
-            <TableBody>
-              <TableRow>
-                <TableCell>GX-001</TableCell>
-              </TableRow>
-            </TableBody>
-          </Table>
-        </CardContent>
-      </Card>,
-    );
-    const header = screen.getByTestId("header");
-    expect(header.querySelector('[data-slot="card-action"]')).toBeTruthy();
-    expect(screen.getByRole("button", { name: "Export CSV" })).toBeInTheDocument();
-    expect(screen.getByRole("cell", { name: "GX-001" })).toBeInTheDocument();
-    expect(screen.getByRole("cell", { name: "GX-001" }).closest("[data-flush]")).toBeTruthy();
-  });
-
-  it("plain header has no banded flag; banded header does", () => {
-    renderWithUi(
-      <div>
-        <Card>
-          <CardHeader data-testid="plain">
-            <CardTitle>Plain header</CardTitle>
-          </CardHeader>
-        </Card>
-        <Card>
-          <CardHeader banded data-testid="banded">
-            <CardTitle>Banded header</CardTitle>
-          </CardHeader>
-        </Card>
-      </div>,
-    );
-    expect(screen.getByTestId("plain")).not.toHaveAttribute("data-banded");
-    expect(screen.getByTestId("banded")).toHaveAttribute("data-banded", "");
-  });
-
-  it("flush tight content sets layout modifier flags", () => {
-    renderWithUi(
-      <Card>
-        <CardHeader banded>
-          <CardTitle>Table section</CardTitle>
-        </CardHeader>
-        <CardContent flush tight data-testid="content">
-          <Table>
-            <TableBody>
-              <TableRow>
-                <TableCell>HAWB</TableCell>
-              </TableRow>
-            </TableBody>
-          </Table>
-        </CardContent>
-      </Card>,
-    );
-    const content = screen.getByTestId("content");
-    expect(content).toHaveAttribute("data-tight", "");
-    expect(content).toHaveAttribute("data-flush", "");
-    expect(content.className).not.toMatch(/ui-card-/);
-  });
-
-  it("banded card pairs with separated footer band", () => {
-    renderWithUi(
-      <Card>
-        <CardHeader banded>
-          <CardTitle>Lô gom hôm nay</CardTitle>
-        </CardHeader>
-        <CardContent flush tight>
-          Table body
-        </CardContent>
-        <CardFooter separated data-testid="footer">
-          3 / 12 kiện
-        </CardFooter>
-      </Card>,
-    );
-    expect(screen.getByTestId("footer")).toHaveAttribute("data-separated", "");
-    expect(screen.getByText("3 / 12 kiện")).toBeInTheDocument();
-  });
-
-  it("uses section top for toolbar header with CardAction", () => {
-    renderWithUi(
-      <Card>
-        <CardHeader data-testid="header" className="flex flex-row justify-between">
-          <CardTitle>Providers</CardTitle>
-          <CardAction>
-            <button type="button">Cancel</button>
-          </CardAction>
-        </CardHeader>
-        <CardContent>Body</CardContent>
-      </Card>,
-    );
-    expect(screen.getByTestId("header")).toHaveAttribute("data-slot", "card-header");
-    expect(
-      screen.getByRole("button", { name: "Cancel" }).closest("[data-slot=card-action]"),
-    ).toBeTruthy();
-  });
-
-  it("renders cover + meta with card-cover slot", () => {
-    renderWithUi(
-      <Card>
-        <CardCover data-testid="cover">Cover</CardCover>
-        <CardHeader data-testid="header">
-          <CardTitle>Meta</CardTitle>
-        </CardHeader>
-      </Card>,
-    );
-    expect(screen.getByTestId("cover")).toHaveAttribute("data-slot", "card-cover");
-    expect(screen.getByTestId("header")).toHaveAttribute("data-slot", "card-header");
-  });
-
-  it("marks tight content for symmetric header band spacing", () => {
-    renderWithUi(
-      <Card>
-        <CardHeader data-testid="header">
-          <CardTitle>Table</CardTitle>
-        </CardHeader>
-        <CardContent tight flush data-testid="content">
-          Body
-        </CardContent>
-      </Card>,
-    );
-    expect(screen.getByTestId("content")).toHaveAttribute("data-tight", "");
-    expect(screen.getByTestId("header")).toHaveAttribute("data-slot", "card-header");
-  });
-
-  it("renders solo content with data-solo flag", () => {
-    renderWithUi(
-      <Card>
-        <CardContent solo data-testid="content">
-          Only body
-        </CardContent>
-      </Card>,
-    );
-    expect(screen.getByTestId("content")).toHaveAttribute("data-solo", "");
-  });
-
-  it("CardStat uses compact stat slot token path", () => {
-    renderWithUi(
-      <CardStat
-        label="Đơn hôm nay"
-        value={128}
-        delta={<span data-testid="delta">+12%</span>}
-        data-testid="stat"
-      />,
-    );
-    const card = screen.getByTestId("stat");
-    expect(card).toHaveAttribute("data-size", "compact");
-    expect(card).toHaveAttribute("data-stat-card", "");
-    expect(card).toHaveAttribute("data-stat-layout", "stacked");
-    expect(screen.getByText("Đơn hôm nay")).toHaveAttribute("data-slot", "card-stat-label");
-    expect(screen.getByText("128")).toHaveAttribute("data-slot", "card-stat-value");
-    expect(screen.getByText("128")).toBeInTheDocument();
-    expect(screen.getByTestId("delta")).toBeInTheDocument();
-    expect(card.querySelector("[data-slot='card-stat-value-row']")).toBeTruthy();
-  });
-});
-
-describe("Table", () => {
-  it("renders semantic table structure", () => {
-    renderWithUi(
-      <Table>
-        <TableHeader>
-          <TableRow>
-            <TableHead>HAWB</TableHead>
-            <TableHead>Status</TableHead>
-          </TableRow>
-        </TableHeader>
-        <TableBody>
-          <TableRow>
-            <TableCell>GX-001</TableCell>
-            <TableCell>In transit</TableCell>
-          </TableRow>
-        </TableBody>
-      </Table>,
-    );
-    expect(screen.getByRole("table")).toBeInTheDocument();
-    expect(screen.getByRole("columnheader", { name: "HAWB" })).toBeInTheDocument();
-    expect(screen.getByRole("cell", { name: "GX-001" })).toBeInTheDocument();
-  });
-});