1. jest-coverage-badges
Create a group of coverage badges from jest
jest-coverage-badges
Package: jest-coverage-badges
Created by: pamepeixinho
Last modified: Fri, 06 May 2022 12:23:32 GMT
Version: 1.1.2
License: MIT
Downloads: 99,706
Repository: https://github.com/pamepeixinho/jest-coverage-badges

Install

npm install jest-coverage-badges
yarn add jest-coverage-badges

Jest Coverage Badges

Create a group of coverage badge

License
npm

Creates a group of code coverage badges like the following:

Coverage badge gree Coverage badge gree Coverage badge gree

Currently just reads from Istanbul's JSON summary reporter and downloads a badge from https://shields.io/ for each jest coverage type (statement, branch, functions, lines). Like this:

Coverage lines
Coverage functions
Coverage branches
Coverage statements

This package is an extension of make-coverage-badge, but this one creates all the types of coverage.

Usage

  1. Install jest-coverage-badges in your project or global

    Project (in your project folder):

    npm install --save jest-coverage-badges

    Global:

    npm install --global jest-coverage-badges

  2. Configure Jest (in package.json):

    (optional: "text" and "lcov")

     "jest": {
      "coverageReporters": [
        "json-summary", 
        "text",
        "lcov"
      ]
    }
    

    If you installed in your project, you can create a script to run it, for example:

     "scripts": {
      "test:coverage": "npm test -- --coverage",
      "test:badges": "npm run test:coverage  && jest-coverage-badges"
    }
    
  3. Run npm test -- --coverage

  4. Run jest-coverage-badges (or just run: npm run test:badges)

    Resulting in badges:

    • ./coverage/badge-statements.svg
    • ./coverage/badge-lines.svg
    • ./coverage/badge-functions.svg
    • ./coverage/badge-branches.svg

CLI Options

  • input [default: ./coverage/coverage-summary.json] - the file (and its path) of the summary json that contains the coverage data
  • output [default: ./coverage] - the path to the directory where the svg files will be placed after download. If path doesn't exist it will be created.

Example:
$ jest-coverage-badges input "./cov" output "./badges"

After this you can add into Github readme (for example) :smiley:

Why use this package?

We have great companies like coveralls and codecov, but it's paid for private repositories. If this package we can add badges in our readme by creating the badges (this can be run at your build, upload to a store and consume in the readme or the website).

Author of adaptation of (make-coverage-badge)

© 2018 [Main Author of Adaptations] Pamela Peixinho [email protected] (https://pamepeixinho.github.io)

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin