fireEvent used with pointerEnter and pointerLeave don't fire in React

[itaylor]

• @testing-library/react version: 11.0.2
• Testing Framework and version: Jest 26.4.2
• DOM Environment: jsdom

Relevant code or config:

https://codesandbox.io/s/react-testing-library-demo-forked-fkjt7?file=/src/__tests__/HoverTest.test.js
https://codesandbox.io/s/react-testing-library-demo-forked-fkjt7?file=/src/HoverTest.js

What you did:

I am trying to test PointerEvents that had been converted from MouseEvents. The pointerEnter pointerLeave don't work the same as the mouseEnter mouseLeave in testing library, but works fine in the browser.

What happened:

When I use fireEvent.pointerEnter in my test, my React component's onPonterEnter handler is not hit.

Reproduction:

https://codesandbox.io/s/react-testing-library-demo-forked-fkjt7?file=/src/__tests__/HoverTest.test.js

Problem description:

It's highly confusing that firing pointerEnter doesn't cause react onPointerEnter to fire.

Suggested solution:

In #588 mouseEnter/mouseLeave had special handlers added to deal with the fact that React doesn't attach the native event and instead uses mouseOver / mouseOut. I think the same fix should be made for pointerEnter / pointerLeave

You wan work around this by firing pointerOver / pointerOut, but this is not ideal, as it requires the user to understand React's event model.

[eps1lon]

In #588 mouseEnter/mouseLeave had special handlers added to deal with the fact that React doesn't attach the native event and instead uses mouseOver / mouseOut. I think the same fix should be made for pointerEnter / pointerLeave

Tested it quickly with firing pointerOver instead of pointerEnter and it does indeed seem to fix it.

A pull request would be much appreciated. Adding tests similar to the ones in #588 would be a good starting points. If you can't get the fix to work then feel free to open a PR with the test only. That would already help us a lot.

[karthick3018]

@eps1lon i've raised a PR https://github.com/testing-library/react-testing-library/pull/784 kindly check if that is ok

[eps1lon]

Closed in #784. We also uncovered another bug related got gotpointercapture and lostpointercaputre which got fixed with #786. @testing-library/react@^11.0.4 should have considerably better support for testing event handlers.