events-compat.js

import { h } from 'preact' // required by render
import { fireEvent, render } from '..'
import 'preact/compat'

test('calling `fireEvent` with `preact/compat` and onChange works too', () => {
  const handler = jest.fn()

  // Preact only matches React's aliasing of `onChange` when `preact/compat` is used
  // This test ensures this is supported properly with `fireEvent.change()`
  const {
    container: { firstChild: input }
  } = render(<input type="text" onChange={handler} />)

  const targetProperties = { value: 'a' }
  const otherProperties = { isComposing: true }
  const init = {
    target: targetProperties,
    ...otherProperties
  }

  expect(fireEvent.change(input, init)).toBe(true)

  expect(handler).toHaveBeenCalledTimes(1)
  expect(handler).toHaveBeenCalledWith(expect.objectContaining(otherProperties))
})