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

import { CollapsibleSection } from "@/components/ui/collapsible-section";
import { renderWithProviders } from "@/test/test-utils";

describe("CollapsibleSection", () => {
  it("renders the section title at the 14px body size token", () => {
    renderWithProviders(<CollapsibleSection label="Aveta Compliance">child</CollapsibleSection>, {
      withAuth: false,
    });

    const title = screen.getByRole("button", { name: /Aveta Compliance/i }).querySelector("span");
    expect(title).toHaveClass("text-[length:var(--text-base)]");
  });
});