Unable to check if spy has been called

[stevegreco]

I have a pretty basic test that I have not been able to get to pass, it has worked fine with RTL, but as I migrate, these are the main things that are failing.

import { describe, it, expect, vi } from "vitest";
import { render } from "vitest-browser-react";
import { page } from "@vitest/browser/context";
import { Button } from "../Button";

 it.only("should fire the onPress/onClick handler", async () => {
    const handler = vi.fn();
    const screen = await page.render(<Button onClick={handler}>Button</Button>);
    await screen.getByRole("button").click();
    await expect(handler).toHaveBeenCalled();
  });

[sheremet-va]

In your error message it says onPress, but in the reproduction it's onClick. What is inside your component? The regular HTML button works fine:

test('should fire the onPress/onClick handler', async () => {
  const handler = vi.fn()
  const screen = page.render(<button onClick={handler}>Button</button>)
  await screen.getByRole('button').click()
  expect(handler).toHaveBeenCalled()
})

[stevegreco]

Sorry! I pasted the wrong code snippet.

it.only("should fire the onPress/onClick handler", async () => {
    const handler = vi.fn();
    const screen = await page.render(<Button onPress={handler}>Button</Button>);
    await userEvent.click(screen.getByRole("button"));
    await expect(handler).toHaveBeenCalled();
  });

This is a Button component that comes from React Aria Components, it uses onPress instead of onClick.

https://react-spectrum.adobe.com/react-aria/Button.html

[sheremet-va]

Still not able to reproduce it:

import { expect, test, vi } from 'vitest'
import { page, userEvent } from '@vitest/browser/context'
import { Button } from 'react-aria-components'

test.only('should fire the onPress/onClick handler', async () => {
  const handler = vi.fn()
  const screen = page.render(<Button onPress={handler}>Button</Button>)
  await userEvent.click(screen.getByRole('button'))
  // await screen.getByRole('button').click()
  expect(handler).toHaveBeenCalled()
})

Both versions of click work for me in chromium, firefox and webkit with a playwright provider.

Please, create a minimal reproduction (a github repo)

[sheremet-va]

Closing because of the lack of a reproduction