T
Playwright Test Results
Chrome Extension • QA tooling
NEW • Built for QA teams

See your Playwright test results right in Chrome.

This extension reads your Playwright JSON report directly from GitHub and shows a pass/fail summary in a clean popup, with a predictive badge that shows pass/fail counts (e.g. 42/1).

42 / 1 Live pass/fail counts • Auto-refreshes every 5 minutes
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.
  • 🌐
    Pulls from GitHub
    Optimized for GitHub raw URLs. Securely fetches the JSON report you configure.
  • 🧩
    No project changes required
    Just enable Playwright’s JSON reporter and point the extension at the generated file.
  • 🔁
    Auto-refresh every 5 minutes
    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. 1
    Enable the JSON reporter
    In playwright.config.ts:
    reporter: [ ['html'], ['json', { outputFile: 'tests/test-results.json' }] ]
  2. 2
    Expose the JSON via a public URL
    Commit the file or let CI upload it. On GitHub, this often looks like:
    https://raw.githubusercontent.com/<user>/<repo>/main/tests/test-results.json
  3. 3
    Paste the URL into the extension popup
    Click the extension icon, paste your URL, hit Save. The summary will appear immediately.

If your pipeline skips uploading test-results.json when tests fail, the extension will keep showing the last successful run. To see failures, make sure the report is updated even on failed builds.

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 5 minutes, 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.