Ortoni Report by Koushik

A visually appealing HTML report generator for Playwright tests.

Ortoni Report Preview

Key Features

  • Organization & Grouping: Hierarchical grouping, test history, advanced filtering.
  • Detailed Reporting: Test details, attachments, status display.
  • Visualization & Insights: Summary statistics, charts, colorful dashboard.
  • Customization: Themes, custom logos, flexible report paths.
  • User Experience: Search, filters, hide skipped tests, shareable reports.

Installation & Setup

npm install -D ortoni-report

Configure in playwright.config.ts

            
  import { defineConfig } from "@playwright/test";
import { OrtoniReportConfig } from "ortoni-report";

const reportConfig: OrtoniReportConfig = {
  open: process.env.CI ? "never" : "always",
  folderPath: "report-db",
  filename: "index.html",
  title: "Ortoni Test Report",
  projectName: "Ortoni-Report",
  preferredTheme: "light"
};

export default defineConfig({
  reporter: [["ortoni-report", reportConfig]]
});

Using the Ortoni Report CLI

Command:show-report

npx ortoni-report show-report

Example with custom options:

npx ortoni-report show-report --dir custom-folder --file my-report.html --port 3000

Support

If you'd like to support this project, you can donate via UPI:

Buy me coffee

UPI Payment