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

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

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