Align dom-testing-library wrappers with react (#31)

* test: add test

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

Co-authored-by: Niklas Mischkulnig <[email protected]>

Author: mischnic

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)
 })

src/pure.js

@@ -10,9 +10,9 @@ configureDTL({
     })
     return result
   },
-  eventWrapper: async cb => {
+  eventWrapper: cb => {
     let result
-    await act(() => {
+    act(() => {
       result = cb()
     })
     return result