Playwright Test Results B

Playwright Test Results Badge – Monitor Automated Test Status from Your Browser

Tired of constantly checking CI dashboards to see if your E2E tests passed? Playwright Test Results Badge is a lightweight, privacy-first Chrome extension that lets developers, QA engineers, and DevOps teams instantly monitor automated Playwright test results directly from the browser toolbar.

Whether you're running end-to-end (E2E) tests in a CI/CD pipeline, monitoring GitHub Actions, or using continuous integration workflows, this extension displays a live status badge so you know exactly when your automated tests pass or fail.

🚀 KEY FEATURES & BENEFITS

• 🚦 Instant Test Status: A live badge right on your toolbar shows real-time test results without needing to open logs or CI dashboards.
- 🟩 Green Badge (e.g., 42/0) → All tests passed.
- 🟥 Red Badge (e.g., 41/1) → One or more tests failed.
- ⬜ Gray Badge (?) → No results detected or pipeline crashed.
• 📊 Detailed Popup Dashboard: Click the extension icon to view a quick summary of total, passed, failed, and flaky tests.
• 🚨 Failed Test Names (NEW): See exactly which tests failed directly inside the popup—no need to dig through logs!
• 🔄 Auto-Refresh: Automatically polls your test summary every 60 seconds to keep your data in sync with your CI/CD pipeline.
• 🌗 Dark/Light Mode (NEW): Automatically adapts to your system's theme for optimal visibility.
• ☁️ Flexible Deployment: Host your Playwright test summary JSON file anywhere. Fully supports GitHub Pages, AWS S3, and public JSON endpoints.
• 🔒 Privacy-First: No accounts, no analytics tracking, no external servers. Data stays in your browser.

🛠️ QUICK SETUP GUIDE

The extension reads a lightweight JSON summary file generated by your Playwright reporter.

1. Generate a test summary JSON file using our custom Playwright reporter.
2. Deploy the JSON file using your CI/CD pipeline (e.g., GitHub Actions to GitHub Pages or AWS S3).
3. Paste the raw JSON URL into the extension popup.

That's it! The extension will automatically start monitoring your E2E testing status.

📖 FULL DOCUMENTATION & EXAMPLES

For step-by-step setup instructions, including the Playwright reporter code, GitHub Actions workflow configuration, and AWS S3 deployment steps, visit:
https://faruk-hasan.com/blog_post/playwright_browser_extension_test_result.html

Test it out with our working example repository:
https://github.com/faruklmu17/browser_extension_test

Simplify your QA automation workflow and never miss a failing test again with the Playwright Test Results Badge!