// @vitest-environment jsdom

import { render, screen } from "@testing-library/react";
import { describe, expect, it } from "vitest";

import { Button } from "../../src/presentation/components/ui/button.ts";
import { Card } from "../../src/presentation/components/ui/card.ts";

describe("design-token fixture", () => {
  it("uses static semantic primitive classes", () => {
    render(
      <Card title="Design token fixture">
        <Button>Token action</Button>
      </Card>,
    );
    expect(screen.getByRole("article")).toHaveClass("ui-card");
    expect(screen.getByRole("button")).toHaveClass("ui-button");
  });
});