Test Coverage Heatmap

Tracking since May 24, 2026.

Changelog

• Jun 15, 2026
  description

  Test Coverage Heatmap brings code-coverage-style visibility to manual QA testing.
  
  Every time you click a button, fill a field, or interact with any UI element during a test session, the extension tracks it. When you're done, overlay a live heatmap directly on the page to instantly see your blind spots.
  
    ── HOW IT WORKS ──
  
    1. Click the extension icon and hit "Start Recording"
    2. Test your web app normally — click, type, navigate
    3. Click "Show Heatmap" at any time to see coverage overlaid on the live page
    4. Stop recording and export a full report
  
    ── WHAT YOU GET ──
  
    ▸ Coverage Mode — green highlights show tested elements, red shows everything you missed
    ▸ Frequency Mode — a blue→orange→red gradient shows which elements were hit most
    ▸ Live coverage badge — a floating "67% covered · 14/21" counter updates in real time as you test      
    ▸ Session history — all sessions saved locally, compare across runs
    ▸ HTML & JSON export — shareable coverage reports for your team or bug reports
  
    ── WHO IT'S FOR ──
  
    • QA engineers running manual test passes who want to track what they've actually covered
    • Developers doing exploratory testing on their own features
    • Team leads who need proof of test coverage without full automation
  
    ── PRIVACY ──
  
  All data is stored locally on your device using Chrome's built-in storage. Nothing is sent to any server. The extension only activates on pages where you explicitly start a recording session.
  
  Works on any website, including SPAs (React, Angular, Vue) with automatic detection of route changes.  
  
    ---
    A few things to also fill in on the store listing:
    - Category: Developer Tools
    - Language: English
    - Single purpose: "Tracks UI element interactions during manual testing sessions and visualizes        
    coverage as a heatmap overlay"

  Test Coverage Heatmap brings code-coverage-style visibility to manual QA testing.
  
  Every time you click a button, fill a field, or interact with any UI element during a test session, the extension tracks it. When you're done, overlay a live heatmap directly on the page to instantly see your blind spots.
  
    ── HOW IT WORKS ──
  
    1. Click the extension icon and hit "Start Recording"
    2. Test your web app normally — click, type, navigate
    3. Click "Show Heatmap" at any time to see coverage overlaid on the live page
    4. Stop recording and export a full report
  
    ── WHAT YOU GET ──
  
    ▸ Coverage Mode — green highlights show tested elements, red shows everything you missed
    ▸ Frequency Mode — a blue→orange→red gradient shows which elements were hit most
    ▸ Live coverage badge — a floating "67% covered · 14/21" counter updates in real time as you test      
    ▸ Session history — all sessions saved locally, compare across runs
    ▸ HTML & JSON export — shareable coverage reports for your team or bug reports
  
    ── WHO IT'S FOR ──
  
    • QA engineers running manual test passes who want to track what they've actually covered
    • Developers doing exploratory testing on their own features
    • Team leads who need proof of test coverage without full automation
  
    ── PRIVACY ──
  
  All data is stored locally on your device using Chrome's built-in storage. Nothing is sent to any server. The extension only activates on pages where you explicitly start a recording session.
  
  Works on any website, including SPAs (React, Angular, Vue) with automatic detection of route changes.

Permissions & access

Permissions

storageactiveTabtabs

Host access

None declared

Screenshots