Playwright Test Results

View Playwright test results from a local file or GitHub repository

Playwright Test Results Badge is a lightweight Chrome extension that helps you quickly see your Playwright test status directly from your browser toolbar. Instead of opening CI logs or dashboards, you get an instant visual summary of your test results that is always visible and always up to date. This extension is ideal for: Developers QA engineers Students learning testing or CI/CD Anyone using Playwright with JSON reports Why install this extension? Instantly know if your tests passed or failed Saves time by avoiding CI dashboards Automatically refreshes every 5 minutes Beginner-friendly setup (great for students) Privacy-first: no accounts, no tracking, no servers What the extension does Live badge on the Chrome toolbar The extension icon shows a live test summary: Green 42/0 means all 42 tests passed Red 41/1 means 1 test failed Question mark means no file or URL is configured yet This lets you see test health at a glance, even while browsing other sites. Detailed popup view Click the extension icon to open a popup that shows: Total number of tests Passed tests Failed tests Flaky tests Last updated timestamp Manual refresh button Everything is presented in a simple, easy-to-read format. Automatic refresh The extension automatically checks your test report every 5 minutes in the background and updates the badge if results change. You can also refresh manually at any time. How to use it Step 1 — Generate a Playwright JSON report In your Playwright project, make sure tests produce a JSON report. In playwright.config.ts, add: reporter: html json with outputFile set to tests/test-results.json Run your tests so the JSON file is created. Step 2 — Choose where your JSON file is stored Option A: Public GitHub repository (recommended) Upload test-results.json to a public GitHub repo Open the file on GitHub Click Raw Copy the raw URL, for example: https://raw.githubusercontent.com/username/repo/main/tests/test-results.json No GitHub login or token is required. Option B: Local file on your computer Keep test-results.json on your computer Use a file path such as: file:///Users/yourname/project/tests/test-results.json Enable file access for the extension in Chrome when prompted This option is ideal for local development and learning. Step 3 — Connect the extension Click the extension icon in Chrome Paste your GitHub raw URL or local file path Click Save The badge updates immediately Important notes about CI/CD This extension displays only what exists in your JSON report. If your CI/CD pipeline fails and does not upload the JSON file, the extension will continue showing the last successful result. Recommendation: Configure your CI pipeline (for example, GitHub Actions) to always upload the JSON report, even if tests fail. This ensures the badge always reflects the latest run. Privacy and security Privacy-first design: No accounts No tracking No analytics No external servers The extension fetches the JSON file directly in your browser. Permissions explained: storage: used to save your JSON file URL or local path alarms: used to auto-refresh test results every 5 minutes file access (optional): only needed for local file usage No other permissions are requested. Beginner friendly This extension is intentionally simple and suitable for: High school students Beginners learning Playwright First-time CI/CD users No advanced setup, tokens, or configuration required. Typical use cases: Check test status while coding Monitor CI results during pull request reviews Teach Playwright testing in class Learn how test reporting works Keep test health visible during development License: MIT License