Element ID Highlighter

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

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.