Question 1

How to set up React Testing Library with Jest?

Accepted Answer

Install it as a dev dependency along with @testing-library/dom, then configure Jest to include setup files. The README provides basic examples using render and fireEvent to test components, and recommends @testing-library/jest-dom for enhanced assertions.

Question 2

React Testing Library vs Enzyme: which is better for new projects?

Accepted Answer

RTL is better for user-focused, maintainable tests that avoid implementation details, while Enzyme allows deeper access to component instances. For modern React apps, RTL is preferred due to its resilience to refactors, though Enzyme might be needed for legacy codebases.

Question 3

How to test forms with React Testing Library?

Accepted Answer

Use fireEvent to simulate user inputs and queries like getByLabelText to find form elements. The complex login example demonstrates filling out a form, submitting it, and handling async responses with findByRole for alerts.

Question 4

Can I use React Testing Library with TypeScript?

Accepted Answer

Yes, it has built-in TypeScript support, and the types are included in the package. This allows for type-safe queries and assertions, reducing errors in test code and improving developer experience.

Question 5

What's the difference between getBy and queryBy in React Testing Library?

Accepted Answer

getBy functions throw an error if the element isn't found, making them ideal for assertions, while queryBy returns null, useful for checking absence. This is explained in the basic example with comments on query* vs get* functions.

Question 6

How to mock HTTP requests in React Testing Library tests?

Accepted Answer

The library recommends using Mock Service Worker (MSW) to declaratively mock API calls, as shown in the login example. This approach avoids stubbing window.fetch directly and provides more realistic network behavior.

react testing library

What is react testing library?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions