The Professional Choice.

The Playwright Browser Extension (v1.8) is a powerful, 100% free tool that eliminates context switching. Monitor your tests directly from your toolbar with live status badges, failed test details, and dark mode support.

42 / 1 Live pass/fail counts • Auto-refreshes every 1 minute

Install from Chrome Web Store Try with sample repo

Works with any CI/CD that produces a Playwright JSON report – you only need a public URL to the JSON file.

Why this extension

Turn raw JSON into a readable test dashboard.

Stop digging through CI logs or opening full HTML reports just to see whether your tests passed. This extension gives you a fast, visual summary:

✅
Live badge counts
The badge shows a Passed/Failed count (e.g. 42/1). Color reflects status: green when all tests pass, red when any test fails.
📝
Failed test details
See exactly which tests failed directly in the popup, without opening the full report.
🌗
Automatic Dark/Light Mode
The popup beautifully adapts to your browser's theme.
🌐
Pulls from GitHub, AWS S3, or GitHub Pages
Securely fetches the 1KB summary JSON report from your configured source.
🔁
Auto-refresh every 1 minute
Keeps your badge and popup in sync with your latest CI run.
🔒
Minimal permissions
Only fetches the JSON you configure. It does not inspect your tabs or browse history.

Tip: many teams pin this extension in their toolbar so the current test status is always visible while coding or reviewing PRs.

Quick setup

Connect your Playwright project in 3 steps.

Assuming you already run Playwright in CI, setup usually takes just a few minutes:

1
Create the Summary Reporter
Create a custom reporter to convert heavy reports into a lightweight 1KB JSON. See the setup guide for the code.
2
Expose the JSON via a public URL
Let CI commit the file or deploy it to GitHub Pages/AWS S3. On GitHub, a raw link looks like:
https://raw.githubusercontent.com/<user>/<repo>/main/test-summary.json
3
Paste the URL into the extension popup
Click the extension icon, paste your URL, hit Save. The summary will appear immediately.

Latest Update: Version 1.8 — Removed license requirements. Added detailed failed test names in popup and automated HTML dashboard support.

For a complete step-by-step guide on setting up the summary reporter and configuring GitHub Actions, check out our detailed blog post.

Under the hood

How it works behind the scenes.

The extension stays intentionally simple so you can trust what you see:

1. Fetch On load and every 1 minute, the extension fetches your configured JSON URL using a standard HTTP GET request.

2. Parse It reads the Playwright JSON report, counts passed and failed tests, and calculates the total.

3. Display The popup updates its summary, and the badge color changes based on whether a failure is detected.

Chrome Web Store ↗ Sample test project Try it instantly

FAQ & troubleshooting

Common questions.

Why does the badge still show green after a failed run? If your CI pipeline doesn’t upload or commit test-results.json on failure, the extension will keep showing the last successful result. Make sure the JSON is updated even when tests fail.

The popup doesn’t show my latest changes. Chrome can cache extension code aggressively. Try disabling and re-enabling the extension from chrome://extensions, or fully remove and re-load it as unpacked during development.

What permissions does it use? Only the minimum needed to fetch the URL you provide. It does not read page content, cookies, or other browsing data.