istanbul-coverage-display
Advanced tools
React component which can be added to instrumentation build to display coverage report of testing.
React component which can be added to instrumentation build to display coverage report of testing.
To install
npm install istanbul-coverage-display
It has a peer dependency of React 16. This component should be part of the test build only. In the test build, you should be using babel-plugin-istanbul
to instrument the source code. This component has a peer (indirect) dependency on istanbul-lib-coverage installed by babel-plugin-istanbul.
import { CoverageSummary } from 'istanbul-coverage-display';
This component adds a button to one of the four corner of the browser window to show coverage report. The position prop accepts four values: one of bottomLeft, topLeft, bottomRight, topRight. By default, the button is at the bottomLeft.
import { CoverageDetail } from 'istanbul-coverage-display';
This shows the detailed coverage report in a tree-table format.
If you just want the coverage object as a processed JSON object for consumption, use
import { getCoverage } from 'istanbul-coverage-display';
There is a demo project for this package. And there is a blog post with more details about why we need this.
Screenshot of the component display coverage report:
FAQs
React component which can be added to instrumentation build to display coverage report of testing.
The npm package istanbul-coverage-display receives a total of 0 weekly downloads. As such, istanbul-coverage-display popularity was classified as not popular.
We found that istanbul-coverage-display demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Socket CEO Feross Aboukhadijeh discusses open source security challenges, including zero-day attacks and supply chain risks, on the Cyber Security Council podcast.
Security News
Research
Socket researchers uncover how threat actors weaponize Out-of-Band Application Security Testing (OAST) techniques across the npm, PyPI, and RubyGems ecosystems to exfiltrate sensitive data.
Security News
Research
A malicious npm campaign is targeting Ethereum developers by impersonating Hardhat plugins and the Nomic Foundation, stealing sensitive data like private keys.