import { render, screen } from "@testing-library/react";

import { PageToolbar } from "@/components/ui/page-toolbar";
import { Input } from "@/components/ui/input";
import { Select } from "@/components/ui/select";

test("renders a dense toolbar row with compact controls", () => {
  render(
    <PageToolbar>
      <Input aria-label="search" />
      <Select
        aria-label="status"
        options={[{ value: "all", label: "全部状态" }]}
        value="all"
      />
    </PageToolbar>,
  );

  expect(screen.getByLabelText("search").className).toContain("h-9");
  expect(screen.getByRole("combobox", { name: "status" }).className).toContain("h-9");
});