Interaction Testing with React Testing Library

Testing is complicated. I’ve certainly never been good at it. For the longest time, I’ve only been focused on basic function input-output unit tests. Why? Because they were easy — you didn’t need to render HTML, you didn’t need to query DOM elements, you didn’t need to interact with said DOM elements. But of course, React component testing is a necessity for any mature codebase. And it finally came time for me to sit down and figure it out. A window into React component testing. Interaction Testing with React Testing Library

Testing is complicated. I’ve certainly never been good at it. For the longest time, I’ve only been focused on basic function input-output unit tests. Why? Because they were easy — you didn’t need to render HTML, you didn’t need to query DOM elements, you didn’t need to interact with said DOM elements. But of course, React component testing is a necessity for any mature codebase. And it finally came time for me to sit down and figure it out.

That’s when I discovered React Testing Library. And suddenly, everything seemingly became much simpler. All the complexities that I’ve encountered, but not understood, that made me put off React component testing disappeared. Hopefully, the same will happen for you.

react-testing-library unit-testing react jest interaction-testing

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Testing Library's UserEvent Library builds on top of Testing Library's FireEvent API to better simulate browser interactions and makes it even ...

We will introduce you to unit testing by showing you how to test your Gatsby site with Jest and the React Testing Library. Testing is a crucial piece when it comes to building websites or apps.

Learn how to test React applications with Jest and React Testing Library. Jest is a JavaScript testing framework that allows developers to run tests on JavaScript and TypeScript code and integrates well with React. React Testing Library is a JavaScript testing utility built specifically for testing React components.

Jest Snapshots are increasingly being used to test React Components. Snapshots are generally testing the initial rendering of a component, while DOM style testing is to be used for more interactive and manipulative testing.