Element ID Highlighter

by dmytro.nebelskyi@gmail.com · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

Highlights HTML elements with specific attributes like data-testid for easier debugging and testing

Users

+1 in 30 days

Rating

0.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#120K

#100K among extensions

Version

1.0.1

updated 19 Nov 2025

Users

monthly, 11 months

Latest, 16 Oct 2026: 38 usersMove the mouse over the chart for any month

Ratings count

monthly, 11 months

Latest, 16 Oct 2026: 0 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Element ID Highlighter

TestID Highlighter is a simple and effective developer tool that automatically highlights all elements that contain the data-testid (or dasta-testid) attribute. This is especially useful for: QA Engineers Test Automation Engineers Developers working with UI tests Teams that use data-testid to mark testable UI elements ⭐ Features Draws a clear dashed outline around all elements with test IDs Automatically updates when the DOM changes (SPA support, React, Vue, Angular) Works on all websites Lightweight — no performance impact Zero configuration required 🔒 Privacy First This extension does not collect or transmit any data. It only modifies the appearance of elements locally in your browser. 🛠️ How it works A content script scans the page for elements with specific attributes and applies a CSS outline to make them visible for debugging or testing purposes. Perfect for debugging selectors, inspecting test coverage and validating markup.