onBeforeInput not triggering with userEvent.type

• @testing-library/user-event version: 13.5.0

• Testing Framework and version: jest 26.6.0

• DOM Environment: jsdom 16.5.1

• Node version: 15.12.0

Relevant code or config

// Does not pass
it("should trigger onBeforeInput", () => {
  const mockOnBeforeInput = jest.fn();
  render(<App onBeforeInput={mockOnBeforeInput} inputTestId="test-input" />);
  const inputElem = screen.getByTestId("test-input");
  userEvent.type(inputElem, "hello input");
  // onBeforeInput is not triggered at all when calling userEvent.type
  expect(mockOnBeforeInput).toBeCalledTimes(11);
});

What you did: use userEvent.type in a test to type ‘hello input’ into an input text field

What happened: onBeforeInput is not triggered when calling userEvent.type

Reproduction repository: https://codesandbox.io/s/sad-feather-8rbd7k?file=/src/App.test.js

I don’t know if this issue is solvable since I assume userEvent.type is only concerned with triggering key events (whereas onBeforeInput and onInput are specific to input elements), but I’m just raising this in the hopes that there is a possible fix 🙏

[ph-fritsche]

The configure function is invoked and reexported from @testing-library/dom by @testing-library/react. If it just were imported by your setup, that would make no difference to importing anything else from @testing-library/react. However, if it is invoked, the configuration by @testing-library/react already took place and you might override the asyncWrapper and/or eventWrapper.

[jwarykowski]

Hey @ph-fritsche, thanks for the feedback, I’ve had a quick look and noticed that we import this in quite a few places so I’ll update and try again. Thanks for your help, greatly appreciated 🙇