Playwright HTML

Generates a complete HTML report for your playwright test runs.

Install

``sh
npm i -D playwright-html-reporter
`

Usage

Add reporter to your playwright.config.ts configuration file

`typescript
// 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: true,
}]
],
}
`

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 |

$3

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

`sh
-------------------------------------

⏺ 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.