What are the best practices for testing async code with React Testing Library?

What are the best practices for testing async code with React Testing Library?

When testing async code with React Testing Library, it's important to use waitFor, findBy, and avoid using act directly.

Can you explain how to use waitFor in my tests?

Sure! waitFor allows you to wait for a specific condition to be met before proceeding with your assertions. It's useful for waiting for elements to appear or change.

What about using findBy? How does it differ from getBy?

findBy is used for async queries and returns a promise, while getBy is for synchronous queries and throws an error if the element isn't found immediately.

Are there any common pitfalls to avoid when testing async code?

Yes, avoid using act directly with async code, and ensure your tests are not relying on fixed timeouts, as they can lead to flaky tests.