Test Coverage Heatmap

Visual UI coverage tracker for manual testing sessions — see what's been tested and what hasn't

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.