From 98e13eb9e511a1b56c8f6e0d326dcedcd6a9fd59 Mon Sep 17 00:00:00 2001
From: Nick McCurdy <nick@nickmccurdy.com>
Date: Thu, 19 May 2022 03:25:11 -0400
Subject: [PATCH 1/3] chore: upgrade to Jest 27 (#40)

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4436388..a595faa 100644
--- a/package.json
+++ b/package.json
@@ -75,7 +75,7 @@
     "eslint-plugin-simple-import-sort": "^5.0.3",
     "eslint-plugin-standard": "^4.0.1",
     "husky": "^4.2.5",
-    "jest": "^26.0.1",
+    "jest": "^27.0.6",
     "jest-watch-typeahead": "^0.6.0",
     "lint-staged": "^10.2.11",
     "preact": "^10.0.0-rc.1",
@@ -114,6 +114,7 @@
     ]
   },
   "jest": {
+    "testEnvironment": "jsdom",
     "watchPlugins": [
       "typeahead/filename",
       "typeahead/testname"

From 0f19120c01ee22411428e5d4c9fa4e5148cdfaef Mon Sep 17 00:00:00 2001
From: Niklas Mischkulnig <4586894+mischnic@users.noreply.github.com>
Date: Thu, 19 May 2022 10:35:40 +0200
Subject: [PATCH 2/3] Align dom-testing-library wrappers with react (#31)

* test: add test

* fix: align dom-testing-library wrappers with react

Co-authored-by: Niklas Mischkulnig <mischnic@users.noreply.github.com>
---
 src/__tests__/events.js | 18 +++++++++++++-----
 src/pure.js             |  4 ++--
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/__tests__/events.js b/src/__tests__/events.js
index ff0d4e2..15b7d8e 100644
--- a/src/__tests__/events.js
+++ b/src/__tests__/events.js
@@ -146,7 +146,7 @@ eventTypes.forEach(({
           })
         )
 
-        fireEvent[eventName](ref.current, init)
+        expect(fireEvent[eventName](ref.current, init)).toBe(true)
 
         expect(spy).toHaveBeenCalledTimes(1)
       })
@@ -161,24 +161,32 @@ test('onInput works', () => {
     (<input type="text" onInput={handler} />)
   )
 
-  fireEvent.input(input, { target: { value: 'a' } })
+  expect(fireEvent.input(input, { target: { value: 'a' } })).toBe(true)
 
   expect(handler).toHaveBeenCalledTimes(1)
 })
 
 test('calling `fireEvent` directly works too', () => {
-  const handleEvent = jest.fn()
+  const handler = jest.fn()
 
   const { container: { firstChild: button } } = render(
-    (<button onClick={handleEvent} />)
+    (<button onClick={handler} />)
   )
 
-  fireEvent(
+  expect(fireEvent(
     button,
     new Event('MouseEvent', {
       bubbles: true,
       cancelable: true,
       button: 0
     })
+  )).toBe(true)
+})
+
+test('`fireEvent` returns false when prevented', () => {
+  const { container: { firstChild: button } } = render(
+    (<button onClick={(e) => { e.preventDefault() }} />)
   )
+
+  expect(fireEvent.click(button)).toBe(false)
 })
diff --git a/src/pure.js b/src/pure.js
index c5d809e..cd7ae73 100644
--- a/src/pure.js
+++ b/src/pure.js
@@ -10,9 +10,9 @@ configureDTL({
     })
     return result
   },
-  eventWrapper: async cb => {
+  eventWrapper: cb => {
     let result
-    await act(() => {
+    act(() => {
       result = cb()
     })
     return result

From d5477001487642ed0c487d8c086c26d9b154e731 Mon Sep 17 00:00:00 2001
From: Mike Robinson <mikerob215@protonmail.com>
Date: Tue, 24 May 2022 17:31:25 -0400
Subject: [PATCH 3/3] fix(tests and events): resolves unsupported events and
 passing tests (#57)

* fix(tests and events): resolves unsupported events and passing tests

* Update src/pure.js

Co-authored-by: Jovi De Croock <decroockjovi@gmail.com>

* Update src/file-event.js

Co-authored-by: Jovi De Croock <decroockjovi@gmail.com>

* fix(tests and events): rename file

* Update src/fire-event.js

typo

Co-authored-by: Jovi De Croock <decroockjovi@gmail.com>

Co-authored-by: Jovi De Croock <decroockjovi@gmail.com>
---
 src/__tests__/events.js | 23 +++++++++++++----------
 src/fire-event.js       | 18 ++++++++++++++++++
 src/pure.js             |  7 +++++--
 3 files changed, 36 insertions(+), 12 deletions(-)
 create mode 100644 src/fire-event.js

diff --git a/src/__tests__/events.js b/src/__tests__/events.js
index 15b7d8e..921c0b6 100644
--- a/src/__tests__/events.js
+++ b/src/__tests__/events.js
@@ -125,15 +125,18 @@ const eventTypes = [
     type: 'Transition',
     events: ['transitionEnd'],
     elementType: 'div'
+  },
+  {
+    type: 'Pointer',
+    events: ['pointerEnter', 'pointerLeave'],
+    elementType: 'div'
   }
 ]
 
-eventTypes.forEach(({
-  type, events, elementType, init
-}) => {
+eventTypes.forEach(({ type, events, elementType, init }) => {
   describe(`${type} Events`, () => {
     events.forEach((eventName) => {
-      const eventProp = `on${eventName.toLowerCase()}`
+      const eventProp = `on${eventName[0].toUpperCase() + eventName.slice(1)}`
 
       it(`triggers ${eventProp}`, () => {
         const ref = createRef()
@@ -157,9 +160,9 @@ eventTypes.forEach(({
 test('onInput works', () => {
   const handler = jest.fn()
 
-  const { container: { firstChild: input } } = render(
-    (<input type="text" onInput={handler} />)
-  )
+  const {
+    container: { firstChild: input }
+  } = render(<input type="text" onInput={handler} />)
 
   expect(fireEvent.input(input, { target: { value: 'a' } })).toBe(true)
 
@@ -169,9 +172,9 @@ test('onInput works', () => {
 test('calling `fireEvent` directly works too', () => {
   const handler = jest.fn()
 
-  const { container: { firstChild: button } } = render(
-    (<button onClick={handler} />)
-  )
+  const {
+    container: { firstChild: button }
+  } = render(<button onClick={handler} />)
 
   expect(fireEvent(
     button,
diff --git a/src/fire-event.js b/src/fire-event.js
new file mode 100644
index 0000000..69d6a66
--- /dev/null
+++ b/src/fire-event.js
@@ -0,0 +1,18 @@
+import { fireEvent as domFireEvent, createEvent } from '@testing-library/dom'
+
+// Similar to RTL we make are own fireEvent helper that just calls DTL's fireEvent with that
+// we can that any specific behaviors to the helpers we need
+export const fireEvent = (...args) => domFireEvent(...args)
+
+Object.keys(domFireEvent).forEach((key) => {
+  fireEvent[key] = (elem) => {
+    // Preact registers event-listeners in lower-case, so onPointerStart becomes pointerStart
+    // here we will copy this behavior, when we fire an element we will fire it in lowercase so
+    // we hit the Preact listeners.
+    const eventName = `on${key.toLowerCase()}`
+    const isInElem = eventName in elem
+    return isInElem
+      ? domFireEvent[key](elem)
+      : domFireEvent(elem, createEvent(key[0].toUpperCase() + key.slice(1), elem))
+  }
+})
diff --git a/src/pure.js b/src/pure.js
index cd7ae73..8f594aa 100644
--- a/src/pure.js
+++ b/src/pure.js
@@ -1,6 +1,7 @@
 import { getQueriesForElement, prettyDOM, configure as configureDTL } from '@testing-library/dom'
 import { h, hydrate as preactHydrate, render as preactRender } from 'preact'
-import { act, setupRerender } from 'preact/test-utils'
+import { act } from 'preact/test-utils'
+import { fireEvent } from './fire-event'
 
 configureDTL({
   asyncWrapper: async cb => {
@@ -106,5 +107,7 @@ function cleanup () {
   mountedContainers.forEach(cleanupAtContainer)
 }
 
+// eslint-disable-next-line import/export
 export * from '@testing-library/dom'
-export { render, cleanup, act }
+// eslint-disable-next-line import/export
+export { render, cleanup, act, fireEvent }