-
Book Overview & Buying
-
Table Of Contents
-
Feedback & Rating

Learn React with TypeScript
By :

In this chapter, we created tests on a checklist component using Vitest and the React Testing Library. In addition, we learned about common matchers in Vitest’s core package and useful matchers for component testing in a companion package called Vitest-dom
.
We learned about the wide variety of queries available in the 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.
Finally, we learned how to produce code coverage reports and understood all the statistics in the report. The report included information about uncovered code, which we used to gain 100% coverage on the checklist...