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

describe("TabSwitcher", () => {
  it("makes every tab at least 44 px high for a thumb", () => {
    render(
      <TabSwitcher
        tabs={[
          { value: "a", label: "A" },
          { value: "b", label: "B" },
        ]}
        value="a"
        onChange={() => {}}
      />,
    );
    for (const tab of screen.getAllByRole("tab")) {
      expect(tab).toHaveClass("min-h-11", "pointer-fine:min-h-9");
    }
  });
});