import { describe, it, expect } from "vitest";
import { renderWithProviders, screen } from "@/test/render";
import { SiteCombobox } from "./site-combobox";

describe("SiteCombobox", () => {
  it("renders the search input with its placeholder", async () => {
    await renderWithProviders(<SiteCombobox value={null} onValueChange={() => {}} />, {
      waitForButton: false,
    });
    expect(await screen.findByPlaceholderText("Search sites...")).toBeInTheDocument();
  });

  it("disables the input when disabled", async () => {
    await renderWithProviders(<SiteCombobox value={null} onValueChange={() => {}} disabled />, {
      waitForButton: false,
    });
    expect(await screen.findByPlaceholderText("Search sites...")).toBeDisabled();
  });
});