Summary

In this chapter, we created tests on a checklist component using Jest and React Testing Library. In addition, we learned about common Jest matchers in Jest’s core package and useful matchers for component testing in a companion package called jest-dom.

We used Jest’s test runner and used options to run certain tests. This is particularly useful on large code bases.

We learned about the wide variety of queries available in React Testing Library to select elements in different ways. We used the getByText query extensively in the checklist tests. We also created a test ID on list item checkboxes so that the getByTestId query could be used to select them uniquely.

We learned that the user-event package is an excellent way of simulating user interactions that are decoupled from the implementation. We used this to simulate a user clicking a list item checkbox.

We learned how to produce code coverage reports and understood all the statistics in the report...