β¨ Slik Report β Advanced HTML Reporting for Playwright
Slik Report is a
modern, compact, and insight-driven HTML report for Playwright test runs.
It goes beyond pass/fail and focuses on
test stability, flakiness, trends, and execution confidence β all in a single, readable report.
π NPM: https://www.npmjs.com/package/slik-report
---
π Why Slik Report?
Most Playwright reports answer only one question:
> Did tests pass or fail?
Slik Report answers better questions:
- How
stable is my system?
- Are failures
flaky or reproducible?
- Is quality improving over time?
- Where is execution time actually going?
And it does this without breaking UI at lower zoom levels or cluttering the screen.
---
π§ What Makes Slik Report Different?
$3
The Overview page provides
system-level confidence metrics, not just counts:
- Total / Passed / Failed / Skipped
- Pass Rate
- Stability Score (0β100)
- Flaky Test Percentage
- Retry Dependency
- Failure Reproducibility
- Risk Level (STABLE / UNSTABLE / HIGH RISK)
This turns raw test data into
decision-ready insights.
---
$3
The report includes clearly separated views:
-
Overview β KPIs, confidence & metadata
-
Categories β Failure grouping (when applicable)
-
Suites β Expandable suites β tests β logs
-
Execution View β Visual execution flow
-
Graphs β Trends, duration distribution, pass rate history
-
Timeline β Sequential execution timeline
-
Historical Runs β Quality trend across runs
-
Tags β Tag-based analysis (auto-enabled)
-
External HTML β Embed Playwrightβs native report
All sections are available from a fixed sidebar for fast navigation.
---
$3
Slik Report includes visual analytics out of the box:
- Pass / Fail / Skip distribution
- Test duration histogram
- Pass-rate trend across runs
- Historical regression detection
- Execution timeline chart
No external tools required.
---
$3
Tests are automatically marked
flaky when history indicates instability.
You get:
- Flaky percentage
- Historical status tracking
- Retry dependency metrics
- Visual flaky indicators
This helps teams fix
root causes, not just rerun failures.
---
$3
Each test can expose:
- Request / response logs
- Headers and payloads
- Execution duration
- Status history
- Retry behavior
Ideal for
API automation and backend workflows.
---
$3
- Light and dark themes
- Layout remains readable at
80β90% zoom
- Designed for laptops, CI artifacts, and shared screens
---
$3
One-click export:
- HTML
- CSV
- JSON
Perfect for audits, sharing, or offline analysis.
slik-report
A powerful and interactive Playwright reporter designed for deep test analysis, flakiness tracking, and historical trend visualization.
Features
- π
Advanced KPI Tracking: Monitor Pass Rate Consistency (Standard Deviation), Flaky Test Percentage, and Failure Reproducibility.
- π―
Stability Scoring: A dedicated algorithm calculates an overall stability score (0-100) and risk level for your test suite.
- π·οΈ
Tag Analysis: Automated breakdown of metrics by test
@tags, providing pass rates and duration insights for categorized tests.
- π
Historical Trends: Visualize test performance over time to identify regressions and flakiness patterns across last 20+ runs.
- π
Failure Categorization: Auto-groups failed tests into
Bugs (Assertion failures) and
Script Issues (Timeouts/Logic errors).
- π
Execution Flow: A hierarchical graph (powered by Cytoscape) that visualizes the flow from Suites to Files to individual Test cases.
- π
Interactive Dashboard: Modern UI with Dark Mode, Global Search (across suites, tests, and logs), and smooth animations.
- πΎ
Multi-Format Export: One-click downloads for your summary data in
HTML,
CSV, or
JSON formats.
- π
External Report Linking: Seamlessly jump to Playwright's detailed HTML portal for traces, videos, and network logs.
Installation
``
bash
npm install slik-report --save-dev
`
How to Use
Configure slik-report
in your playwright.config.ts
:
`
typescript
// playwright.config.ts
import { defineConfig } from '@playwright/test';
export default defineConfig({
reporter: [
['json', { outputFile: 'playwright-report/report.json' }],
['slik-report', {
input: 'playwright-report/report.json', // Source JSON from Playwright
output: 'slik-report.html', // Output path for Slik report
history: './slik_history', // History storage directory
externalHtml: './playwright-report/index.html' // Optional: Link to Playwright HTML report
}]
],
});
`
Configuration Options
| Option | Type | Description | Default |
| :--- | :--- | :--- | :--- |
| input
| string
| Path to the JSON report file generated by the Playwright 'json' reporter. | playwright-report/report.json
|
| output
| string
| Destination path where the Slik HTML dashboard will be generated. | summary-report.html
|
| history
| string
| Directory path where historical run data (JSON) will be stored. | ./reports/reports_history
|
| externalHtml
| string
| Path to Playwright's standard HTML report for linking traces and logs. | ./playwright-report/reports/index.html` |
License
ISC