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...