fix: Trigger onPointerEnter/Leave when calling pointerEnter/Leave (#784)

src/__tests__/events.js

@@ -197,6 +197,26 @@ test('onChange works', () => {
   expect(handleChange).toHaveBeenCalledTimes(1)
 })
 
+test('calling `onPointerEnter` directly works too', () => {
+  const handlePointerEnter = jest.fn()
+  const handlePointerLeave = jest.fn()
+  const {container} = render(
+    <div>
+      <button
+        onPointerEnter={handlePointerEnter}
+        onPointerLeave={handlePointerLeave}
+      />
+    </div>,
+  )
+  const button = container.firstChild.firstChild
+
+  fireEvent.pointerEnter(button)
+  expect(handlePointerEnter).toHaveBeenCalledTimes(1)
+
+  fireEvent.pointerLeave(button)
+  expect(handlePointerLeave).toHaveBeenCalledTimes(1)
+})
+
 test('calling `fireEvent` directly works too', () => {
   const handleEvent = jest.fn()
   const {

src/fire-event.js

@@ -24,6 +24,17 @@ fireEvent.mouseLeave = (...args) => {
   return fireEvent.mouseOut(...args)
 }
 
+const pointerEnter = fireEvent.pointerEnter
+const pointerLeave = fireEvent.pointerLeave
+fireEvent.pointerEnter = (...args) => {
+  pointerEnter(...args)
+  return fireEvent.pointerOver(...args)
+}
+fireEvent.pointerLeave = (...args) => {
+  pointerLeave(...args)
+  return fireEvent.pointerOut(...args)
+}
+
 const select = fireEvent.select
 fireEvent.select = (node, init) => {
   select(node, init)