test(web): cover select disclosure icon
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
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)
|
||||
})
|
||||
})
|
||||
Reference in New Issue
Block a user