Search⌘ K

Tools for Testing

Discover how to use React Developer Tools to inspect the virtual DOM, improve debugging, and speed up development. Learn to write automated tests for client logic using Jest and render components in different states with Storybook. Understand how snapshot testing helps verify UI changes effectively.

Testing frameworks we will use

In this chapter, we begin by looking at React’s in-browser development tools that allow us to interactively inspect React’s virtual DOMDOM stands for the Document Object Model, which tracks the pieces of a web page and their hierarchical relationships.. This can be useful for getting a better understanding of what our code produces. A good testing framework facilitates automatically running tests. For this, we use Jest, which is especially good at testing the core logic of our client application. To look at the presentation of the application, we want to ...