Fire events the same way the user does. user-event tries to simulate the real events that would happen in the browser as the user interacts with it. For example userEvent.click(checkbox) would change the state of the checkbox. user-event is a companion library for Testing Library that simulates user interactions by dispatching the events that would happen if the interaction took place in a browser. fireEvent dispatches DOM events, whereas user-event simulates full interactions, which may fire multiple events and do additional checks along the way. Testing Library's built-in fireEvent is a lightweight wrapper around the browser's low-level dispatchEvent API, which allows developers to trigger any event on any element. The problem is that the browser usually does more than just trigger one event for one interaction.
Features
- user-event allows you to describe a user interaction instead of a concrete event
- Write tests with userEvent
- We recommend invoking userEvent.setup() before the component is rendered
- Testing Library's built-in fireEvent is a lightweight wrapper around the browser's low-level dispatchEvent API
- fireEvent dispatches DOM events
- It adds visibility and interactability checks along the way and manipulates the DOM
Project Samples
