@naamedi/playwright-reporter

A custom reporter for Playwright with dashboard, detailed test results, and modern UI.

Installation

npm install @naamedi/playwright-reporter

Usage

In your playwright.config.ts:

import { defineConfig } from "@playwright/test";

export default defineConfig({
  reporter: [
    [
      "@naamedi/playwright-reporter",
      {
        outputDir: "./custom-report",
        title: "Test Report",
        open: "on-failure",
        name: "Nom du projet ou campagne",
        environment: "Preprod",
        version: "1.2.3",
        user: "Naamedi",
      },
    ],
  ],
});

Variables optionnelles

Les variables name, environment, version, user sont facultatives. Si renseignées, elles apparaîtront dans le dashboard du rapport sous le titre principal.

Features

• Interactive dashboard with metrics and charts
• Filterable test table with sorting
• Detailed test panels with videos/screenshots/traces
• Modern UI with dark/light mode
• Integrated trace viewer (no external dependencies)

CLI - Serveur de développement

Commande courte (recommandée)

# Auto-détection du répertoire de rapport
npx pw-serve

# Spécifier un répertoire
npx pw-serve ./custom-report

# Utiliser un port personnalisé
npx pw-serve -p 4000

Installation globale (encore plus court)

# Installation
npm install -g @naamedi/playwright-reporter

# Utilisation
pw-serve
pw-serve ./custom-report
pw-serve -p 4000

Commande complète (alternative)

npx @naamedi/playwright-reporter serve
npx @naamedi/playwright-reporter --help

License

MIT