Playwright Test Results Monitor & Badge

Description

Monitor automated Playwright E2E test results from your Chrome toolbar. Live CI/CD status tracking for QA engineers. Instantly monitor Playwright test results from your browser toolbar. Now with a built-in AI setup prompt and custom polling intervals — configure your repo in seconds using any AI assistant. 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. 🎯 WHO IS THIS FOR? - QA Automation Engineers looking for a quick E2E testing monitor. - DevOps Teams needing a reliable GitHub actions test reporter or AWS S3 CI/CD pipeline tracker. - Frontend Developers who want a Playwright automation dashboard without leaving the browser. 🚀 KEY FEATURES & BENEFITS • ⏱️ Custom Polling Interval (NEW in v1.13): Set your own background refresh rate — anywhere from 1 to 1440 minutes — directly from the settings panel. No more fixed 60-second cycle; dial in the exact cadence that matches your CI/CD pipeline speed. • 🎛️ 2-Step Settings Redesign (NEW in v1.13): The settings panel now guides you through a clean, focused two-step flow — enter your URL first, then fine-tune your polling frequency — making initial configuration faster and less cluttered than ever. • 🤖 AI-Powered Setup (v1.11): Copy a single prompt directly from the extension settings panel and paste it into any AI assistant (Cursor, GitHub Copilot, Claude, ChatGPT). The AI will automatically create the reporter file, configure your workflow, and tell you the exact URL to paste — no manual reading required. • 🚦 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: 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: 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: 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: 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. • 💡 Zero-Config Demo Mode: Instantly previews the extension with pre-loaded showcase test results upon installation. No initial setup required to see how it works! • 🏷️ Repo & Branch Metadata: Dynamically parses and displays the repository owner, name, and current branch (or custom host) directly in the popup header. • 📖 Manual Setup Guide: A built-in setup card in the settings panel linking to full documentation for public, private, and organization repos. • 🔄 Live Polling: Automatically polls your raw test summary in the background at your chosen interval (default: 1 minute, configurable up to 1440 minutes) 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 (3 OPTIONS) Option 1 — AI Setup (Fastest, recommended): 1. Open the extension → click the ⚙️ gear icon. 2. Click "🤖 Set Up With AI" to silently copy the AI prompt. 3. Paste it into any AI assistant (Cursor, Claude, ChatGPT, Copilot). 4. The AI will ask if your repo is public, private, or org — then set everything up automatically and give you the exact URL to paste into the extension. Option 2 — Manual Setup: 1. Generate a test summary JSON file using our custom Playwright reporter. 2. Deploy the JSON file using your CI/CD pipeline (GitHub Actions to GitHub Pages for private repos, or raw commit for public repos). 3. Paste the raw JSON URL into the collapsible extension settings panel (⚙️). 📖 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!

Details & SEO