playwright-ui-coverageUI coverage for Playwright tests

See which buttons, links and inputs your E2E tests actually touch, on screenshots of your app with green (tested) and red (untested) overlays.

Get started

What is UI coverage?

GitHub

The UI coverage report: views with coverage %, and a screenshot of the /users page with green boxes on tested elements and red boxes on untested ones

Every page, every control

Each page your tests visit, with every interactive element marked tested or untested, a coverage % per view, and the tests that covered each element.

One config line to try it

Import playwright-ui-coverage/register in playwright.config.ts, or merge the uiCoverage fixture. No changes to your tests either way.

Step through every test

Go through each state a page reached, or replay a test action by action, with the Playwright call, its spec line and a screenshot of the element it used.

Write the missing tests faster

A ready-to-paste Playwright locator for every untested element, a test skeleton per view, and informational accessibility hints.

Stable element identity

Elements are matched by attributes and position, never by visible text, so copy changes and translations don't create new elements.

Gates for CI

Thresholds per view, a baseline that fails only on new gaps, run-to-run comparison and sticky PR comments.

Change the rules, not the run

Filters, views and identity rules are applied when the report is built. Rebuild the report from stored data without running the tests again.