Multiple Cucumber HTML Reporter

May 4, 2026 · View on GitHub

Generate beautiful, interactive, and customizable HTML reports for Cucumber runs.

Multiple Cucumber HTML Reporter Hero

🌟 Why this reporter?

Multiple Cucumber HTML Reporter is a robust reporting module that transforms standard Cucumber JSON output into stunning, feature-rich HTML reports. Unlike generic reporters, it is designed for scale and clarity.

✨ Key Features

📊 Interactive Dashboard: Scored overview of all tested features and scenarios.
🌓 Dark Mode Support: Built-in support for light and dark themes for better accessibility.
🔄 Multiple Runs: Consolidate multiple runs of the same feature (e.g., across different browsers or devices).
📱 Rich Metadata: Automatically display browser, device, platform, and app version details.
🔍 Advanced Filtering: Easily search, filter, and sort through large test suites.
🎨 Fully Customizable: Add custom data blocks, brand colors, and additional CSS styles.

🚀 Quick Start

1. Install

pnpm add multiple-cucumber-html-reporter --save-dev

2. Generate Report

Add this to your test teardown or a separate reporting script:

const report = require("multiple-cucumber-html-reporter");

report.generate({
  jsonDir: "./path-to-your-json-output/",
  reportPath: "./path-where-the-report-needs-to-be/",
  metadata: {
    browser: {
      name: "chrome",
      version: "latest",
    },
    device: "Local test machine",
    platform: {
      name: "osx",
      version: "Sonoma",
    },
  },
  customData: {
    title: "Run info",
    data: [
      { label: "Project", value: "My Awesome Project" },
      { label: "Release", value: "1.0.0" },
    ],
  },
});