Why Code Coverage in react app is empty? Tried using npm run test -- --coverage. But always showing empty code coverage

Question

I need help to find code coverage.

I have just created a new app using the latest create-react-app.

I am trying to find the code coverage using npm run test -- --coverage. this is showing empty code coverage. Can any please help me to find where I am missing.

 PASS  src/__tests__/App.test.js
  ✓ renders without crashing (2ms)

----------|----------|----------|----------|----------|-------------------|
File      |  % Stmts | % Branch |  % Funcs |  % Lines | Uncovered Line #s |
----------|----------|----------|----------|----------|-------------------|
All files |        0 |        0 |        0 |        0 |                   |
----------|----------|----------|----------|----------|-------------------|
Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        0.17s, estimated 1s
Ran all test suites.

Watch Usage: Press w to show more.

If you just created a new app and you're getting no code coverage it's most likely because no tests have been written. You need to actually write some tests to increase your code coverage. create-react-app comes with the necessary tools to start writing tests with no config. — Nifled
– Nifled, Commented Jul 15, 2019 at 7:03

Mikhail Shemenyov · Accepted Answer · 2019-09-17 07:06:28Z

40

https://github.com/facebook/create-react-app/issues/6888

Just add flag --watchAll=false to your npm run test -- --coverage

answered Sep 17, 2019 at 7:06

Mikhail Shemenyov

5907 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ms Designer Over a year ago

I am also getting the same issue but this command didn't helped me

MUHAMMAD SHAHID RAFI C P Over a year ago

Can you explain the difference with and without --watchAll=false. because watchAll flag is needed for real-time changes right ?

CyberAbhay · Accepted Answer · 2020-07-14 12:38:06Z

14

Try adding following to your package.json under scripts

"test:coverage": "npm test -- --coverage --watchAll=false",

Then u can run command to check coverage 'npm run test:coverage'

answered Jul 14, 2020 at 12:38

CyberAbhay

5346 silver badges18 bronze badges

Comments

Sunil Kumar Singh · Accepted Answer · 2023-04-13 05:40:43Z

1

I tried following solution given by other authors

"test": "npm test -- --coverage --watchAll=false"

But it failed for me, then I removed extra hyphens(--) and it worked

  "test:coverage": "npm test --coverage --watchAll=false"

Bonus point: Since running test with coverage takes time to generate coverages, so we can add two scripts one for normal test to know whether tests passed or failed and another to generate the coverage.

  "test": "npm test",
  "test:coverage": "npm test --coverage --watchAll=false",

Now you can run test or test with coverage based on the usecases:

npm run test
npm run test:coverage

answered Apr 13, 2023 at 5:40

Sunil Kumar Singh

3291 gold badge4 silver badges16 bronze badges

Collectives™ on Stack Overflow

Why Code Coverage in react app is empty? Tried using npm run test -- --coverage. But always showing empty code coverage

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related