https://github.com/mikhail-ev/coverage-inspector

GUI Inspector for Google Chrome's coverage report
https://github.com/mikhail-ev/coverage-inspector

Last synced: 3 days ago
JSON representation

GUI Inspector for Google Chrome's coverage report

• Host: GitHub
• URL: https://github.com/mikhail-ev/coverage-inspector
• Owner: mikhail-ev
• Created: 2021-05-08T12:20:53.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-10-25T20:14:21.000Z (about 3 years ago)
• Last Synced: 2025-01-02T03:53:31.929Z (6 days ago)
• Language: JavaScript
• Size: 1.47 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# coverage-inspector

GUI Inspector for Google Chrome's coverage report. Uses sourcemaps to link bundle's lines to their source in the project.

Based on [mozilla/source-map](https://github.com/mozilla/source-map).

### Features:

* Re-creates project's used file structure for a specific page.

* Gives side-by-side view of a file in the bundle and highlights its boundaries.

* Shows duplicates in the final bundle.

* Shows unused lines in the original, not-minified file

## Quickstart

### 1. Install CLI

```shell

npm i -g coverage-inspector

```

### 2. Get a coverage report

Create a coverage report using Chrome's `Coverage` tab. Please follow [its documentation](https://developer.chrome.com/docs/devtools/coverage/). And export the JSON afterwards:



### 3. Parse the report

```shell

    coverage-inspector parse -i  [-n ]

```

[Check out an example](https://htmlpreview.github.io/?https://github.com/mikhail-ev/coverage-inspector/master/examples/github/report.html) of an output generated for this page.

## Commands

### Parse

```shell

coverage-inspector parse

Parse a coverage file and generate a report

Options:

      --version                        Show version number             [boolean]

      --help                           Show help                       [boolean]

  -i, --input                          Path to a Chrome coverage report

                                                             [string] [required]

  -v, --verbosity                      Set level of verbosity

         [string] [choices: "debug", "warnings", "errors"] [default: "warnings"]

  -n, --filename                       Filename to replace automatically

                                       generated

                                       "coverage-report_${timestamp}.html"

                                                                        [string]

  -o, --output-dir                     Set output directory

                                                         [string] [default: "."]

      --search-start-in-lines, --ssil  In how many lines to search for the start

                                       if the sourcemap doesn't start with the

                                       first line of the source

                                                         [number] [default: 200]

```

## Contribution

TBD

## Roadmap

TBD