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

import {
  Select,
  SelectTrigger,
  SelectValue,
} from "@workspace/ui/components/select"

afterEach(cleanup)

describe("SelectTrigger", () => {
  it("renders the disclosure icon without forwarding fallback children to its svg", () => {
    render(
      <Select items={[{ label: "System", value: "system" }]} value="system">
        <SelectTrigger>
          <SelectValue />
        </SelectTrigger>
      </Select>
    )

    const trigger = screen.getByRole("combobox")
    const icon = trigger.querySelector("[aria-hidden='true'] > svg")

    expect(icon).not.toBeNull()
    expect(icon?.childNodes.length).toBeGreaterThan(0)
  })
})