monocart-coverage-reports

Monocart Coverage Reports

Code coverage tool to generate V8 or Istanbul coverage reports.

Preview Reports

• V8
• V8 Minify
• V8 to Istanbul
• Istanbul
• Integration with Monocart Reporter - Playwright test report

Usage

const CoverageReport = require('monocart-coverage-reports');
const options = {
    outputDir: './coverage-reports',
    reports: "v8"
}
const coverageReport = new CoverageReport(options);
await coverageReport.add(coverageData1);
await coverageReport.add(coverageData2);
const report = await coverageReport.generate();

• example for v8
• example for istanbul

Default Options

• lib/default/options.js

Compare Reports

	Istanbul	V8	V8 to Istanbul
Input	Istanbul (Object)	V8 (Array)	V8 (Array)
Output	Istanbul HTML report	V8 HTML report	Istanbul HTML report
Indicators	Covered Lines, Branches, Statements and Functions, Execution Counts	Covered Bytes, Lines❔, Execution Counts	Covered Lines, Branches❔, Statements and Functions, Execution Counts
CSS coverage	❌	✅	✅
Minified code	N/A	✅	❌
Code formatting	N/A	✅	❌

❔ - Partial or conditional support

Compare Workflows

• Istanbul Workflows

  • 1, Only for source code: instrumenting code with babel-plugin-istanbul，see webpack.config-istanbul.js, or using nyc.
  • 2, Collecting coverage data from browser window.__coverage__, see example.
  • 3, Generating coverage report.

• V8 Workflows

  • 1, For any runtime code: nothing to do. For source code: building code with development mode and sourcemap support, see webpack.config-v8.js.
  • 2, Collecting coverage data with Chromium Coverage API, see example.
  • 3, Generating coverage report.

Chromium Coverage API

• V8 coverage report - Native support for JavaScript code coverage to V8. (Chromium only)
• Puppeteer Coverage Class
• Playwright Coverage Class
• DevTools Protocol for Coverage

Istanbul Coverage

• Istanbul coverage report - Instrumenting source codes and generating coverage reports
• babel-plugin-istanbul
• istanbul-reports
• Code Coverage Introduction