Playwright Test Results - Browser Extension

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

Instantly monitor Playwright test results from your browser toolbar. Perfect for QA engineers and CI/CD E2E testing workflows. Playwright Test Results Badge – Monitor Automated Test Status from Your Browser Tired of constantly checking CI/CD pipelines or waiting on dashboards to see if your end-to-end (E2E) tests passed? Playwright Test Results Badge is a lightweight, privacy-first, and ultra-compact Chrome extension that lets E2E QA engineers, developers, and DevOps teams instantly monitor automated Playwright test results directly from the browser toolbar. Whether you're running nightly E2E suites, tracking GitHub Actions runs, or using AWS S3 continuous integration, this extension displays a live color-coded status badge so you know exactly when your automated tests pass or fail without breaking your focus. 🚀 KEY FEATURES & BENEFITS • 🚦 Instant Test Status: A live badge right on your browser toolbar shows real-time test counts so you're alerted immediately. - 🟩 Green Badge (e.g., 42/0) → All tests passed. - 🟥 Red Badge (e.g., 41/1) → One or more E2E tests failed. - ⬜ Gray Badge (?) → No tests detected or test suite crashed. • 📊 Detailed Popup Dashboard: Click the extension icon to view a quick visual summary of total, passed, failed, and flaky tests. • 🚨 Failed Test Names: Spot exactly which specs failed directly inside the popup—no digging through E2E pipeline logs! • 🕒 Previous Runs History: Automatically tracks and displays a timeline of the last 10 unique test runs in local storage to easily spot failing trends. • ⚡ Instant Cache Bypass (NEW): Manual refreshes and popup loads now query the GitHub REST API contents endpoint under the hood, completely bypassing the Fastly CDN's 5-minute raw file cache. You get absolute real-time updates as soon as your tests finish! • 🗜️ Ultra-Compact & High-Density UI (NEW): A brand-new space-saving design with tight margins, smaller font scales, and a collapsible URL settings panel. The settings panel stays hidden by default, expanding via a sleek settings gear and collapsing automatically when saved. • 🎛️ Sleek Control Row (NEW): We moved and packed all control actions (Refresh, Settings Gear, and Theme Toggle) into a clean horizontal row of icons in the header, maximizing screen real-estate for your test dashboard. • 🔒 Robust Private Repo Support (NEW): The URL parser automatically strips temporary session tokens from private raw URL paths, falling back silently and gracefully from API-to-Raw on rate-limiting or private 404 errors. • 🔄 Live Polling: Automatically polls your raw test summary in the background every 60 seconds to keep the toolbar badge perfectly in sync. • 🌗 Dark/Light Mode: Adapts automatically to your system's light or dark theme for optimal E2E dashboard visibility. • ☁️ Flexible Deployment: Host your `test-summary.json` anywhere! Fully supports GitHub Pages, AWS S3, and public JSON endpoints. • 🔒 Privacy-First: No accounts, no analytics tracking, no external servers. Your E2E 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 collapsible extension settings panel (⚙️). 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!