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