React Testing using Jest along with code coverage report

Yogesh Chavan
The Startup
Published in
10 min readJan 28, 2020

--

Learn how to use Jest and Enzyme to easily test react applications

Photo by Ferenc Almasi on Unsplash

Writing test cases is an important part of React development. Each component should have a test case written correctly so by just running a single command we can make sure that our entire application works correctly no matter how big the application is.

So if some API call is failing because the server is down or there is some issue processing request we can easily catch it before the application is deployed to production by just running a single command.

Therefore writing unit tests in React is very important and every React developer should know how to write the test cases.

In this article, we will explore all of that.

So let’s get started

To start with, clone the todo list repository code from HERE which I created to demonstrate localStorage in this article

Once cloned, run the application using

1. npm install
2. npm start

Now we will start writing test cases using Jest Framework.

When using create-react-app, jest is already included so there is no need of installing it separately as in our case.

--

--