Playwright HTML

Generates a complete HTML report for your playwright test runs.

Install

npm i -D @francisco-renteria/playwright-html

Usage

Add reporter to your playwright.config.ts configuration file

// playwright.config.ts
import { PlaywrightTestConfig } from '@playwright/test';

const config: PlaywrightTestConfig = {
  reporter: [
    ['playwright-html', { 
      testFolder: 'tests',
      title: 'Playwright HTML Report',
      project: 'QA Tests',
      release: '9.87.6',
      testEnvironment: 'DEV',
      embedAssets: true,
      embedAttachments: true,
      outputFolder: 'playwright-html-report',
      minifyAssets: true,
      startServer: false,
    }]
  ],
}

Options

| Name | Default Value | Mandatory | Description | |---|---|---|---| | testFolder | tests | no | Folder of the test files | | title | Playwright HTML Report | no | Title of the report that will be shown at the top of the page | | project || no | Project name | | release || no | Release version | | testEnvironment || no | Test environment of the execution | | embedAssets | true | no | Embed or not the assets to the HTML report file | | embedAttachments | true | no | Embed or not the attachments to the HTML report file | | outputFolder | playwright-html-report | no | Output folder where the HTML will be saved | | minifyAssets | true | no | Minify or not the assets | | startServer | true | no | Start or not the server to serve the HTML report |

Execution

Then run your tests with npx playwright test command and you'll see the result in console:

-------------------------------------
 
⏺  Starting the run with 22 tests
 
✅ Chromium | Simple test 10
✅ Chromium | More simple test
⛔ Chromium | Wrong image validation
✅ Chromium | Open playwright website many times
✅ Chromium | Simple test 2
✅ Chromium | Simple test
✅ Firefox | More simple test
✅ Firefox | Simple test 10
⛔ Firefox | Wrong image validation
✅ Firefox | Open playwright website many times
✅ Firefox | Simple test 4
✅ Firefox | Simple test
⛔ Firefox | Wrong text validation 
⛔ Webkit | More simple test
⛔ Webkit | Wrong image validation
⛔ Webkit | Open playwright website many times
🚫 Webkit | Wrong text validation 
⛔ Webkit | Simple test 10
⛔ Webkit | Simple test 3
🚫 Webkit | Simple test 7
🚫 Webkit | Simple test 6
🚫 Webkit | Simple test 4
 
-------------------------------------
 
Serving HTML report at http://localhost:8001. Press Ctrl+C to quit.

The port number may change

Open the URL in the browser to see the HTML report

Dasboard

Test List

Test Details

License

playwright-html is MIT licensed.