Playwright Test Results Badge

Instantly monitor Playwright test results from your browser toolbar. Perfect for QA engineers and CI/CD workflows.

PLAYWRIGHT TEST RESULTS BADGE – MONITOR PLAYWRRIGHT TEST STATUS FROM YOUR BROWSER Playwright Test Results Badge is a lightweight Chrome extension that lets developers, QA engineers, and DevOps teams monitor automated Playwright test results directly from the browser toolbar. Instead of opening CI dashboards, searching logs, or navigating build pipelines, this extension displays a live badge with your latest Playwright test results so you can instantly see whether tests passed or failed. This is especially useful when working with CI/CD pipelines, automated testing environments, or continuous integration workflows. The extension reads a small JSON summary file generated by Playwright tests and displays the results in your Chrome toolbar. KEY FEATURES INSTANT TEST STATUS IN THE BROWSER TOOLBAR The badge shows the latest test status without opening CI dashboards. Green badge → All tests passed Red badge → One or more tests failed Gray badge → No results detected Example badge display: 42 / 0 Meaning 42 tests passed and 0 failed. AUTOMATIC REFRESH The extension automatically refreshes the results every 60 seconds so you always see the latest test status. You can also manually refresh the results from the popup. DETAILED POPUP DASHBOARD Click the extension icon to view detailed information including: Total tests executed Passed tests Failed tests Flaky tests Last updated timestamp Manual refresh button FLEXIBLE DEPLOYMENT OPTIONS Your Playwright test results can be hosted anywhere as a JSON file. Supported options include: GitHub Pages AWS S3 Public JSON endpoints This makes it easy to integrate with CI/CD pipelines such as GitHub Actions or other automation workflows. QUICK SETUP Basic setup takes only a few minutes. Install Playwright npm init playwright@latest Run Playwright tests npx playwright test Generate a test summary JSON file Deploy the JSON file using GitHub Pages or AWS S3 Paste the results URL into the extension popup Once connected, the extension automatically monitors your test results. FULL SETUP GUIDE Complete step-by-step setup instructions are available here: https://faruk-hasan.com/blog_post/playwright_browser_extension_test_result.html The guide includes: Playwright reporter setup GitHub Actions workflow configuration AWS S3 deployment instructions Example JSON format Troubleshooting tips EXAMPLE REPOSITORY You can test the extension using this example project which includes sample Playwright tests and CI workflows: https://github.com/faruklmu17/browser_extension_test This repository demonstrates how to generate the test summary and deploy results automatically.