Kobalte popover not opening in testing

I'm using a Kobalte popover component. It works just fine in the browser, but for some reason it isn't opening in testing:

test("Clicking the button opens the popover", async () => {
  const openButton = screen.getByRole("button", { name: "open popover" })
  await userEvent.click(openButton)
  expect(screen.getByRole("dialog"))
})

test("Clicking the button opens the popover", async () => {
  const openButton = screen.getByRole("button", { name: "open popover" })
  await userEvent.click(openButton)
  expect(screen.getByRole("dialog"))
})

test("Clicking the button opens the popover", async () => {
  const openButton = screen.getByRole("button", { name: "open popover" })
  await userEvent.click(openButton)
  expect(screen.getByRole("dialog"))
})

test("Clicking the button opens the popover", async () => {
  const openButton = screen.getByRole("button", { name: "open popover" })
  await userEvent.click(openButton)
  expect(screen.getByRole("dialog"))
})

The above fails for not finding a

dialog

dialog

dialog

dialog element.

Kobalte popover not opening in testing

Similar Threads

Similar Threads

Similar Threads