Warning

This package is still in the experimental phase. You can expect new functionalities, but with this comes the possibility of more frequent errors

Installation

npm i -D coverage-pretty-html-reporteryarn add -D coverage-pretty-html-reporterpnpm add -D coverage-pretty-html-reporterbun add -D coverage-pretty-html-reporter

nyc --reporter=coverage-pretty-html-reporter mocha# ...c8 --reporter=coverage-pretty-html-reporter mocha# ...

/**@type {import('jest').Config} */constconfig={coverageReporters:['coverage-pretty-html-reporter'],};

import{defineConfig}from"vitest/config";exportdefaultdefineConfig({plugins:[],test:{coverage:{enabled:true,//@ts-expect-errorreporter:["coverage-pretty-html-reporter"],},},});

Iframe - theme support

typeCoverageThemeMessage={type:"coverage-theme";theme:"light"|"dark";};

<iframeid="coverage-report"src="/path/to/coverage/index.html"style="width: 100%; height: 100%; border: 0;"></iframe><script>constiframe=document.getElementById("coverage-report");functionsetCoverageTheme(theme){iframe?.contentWindow?.postMessage({type:"coverage-theme", theme},"*");}// Send initial theme once the iframe is loadediframe.addEventListener("load",()=>{constprefersDark=window.matchMedia("(prefers-color-scheme: dark)").matches;setCoverageTheme(prefersDark ?"dark" :"light");});// Example: hook into your own app theme systemwindow.addEventListener("app-theme-changed",(event)=>{setCoverageTheme(event.detail.theme);// "light" | "dark"});</script>

Contributing

Developer guide

git clone git@github.com:akcyp/coverage-pretty-html-reporter.gitcd coverage-pretty-html-reporter# Initbun ibun run build# Production testingbun run demo:nyc# or demo:c8bun run demo:preview# UI developmentcd packages/reporterbun run dev# Reporter development - only production testing# edit packages/reporter/node/index.tscd packages/examplebun run test:c8bun run test:nyc