Element ID Highlighter icon

Element ID Highlighter

v1.0.1 Updated Nov 19, 2025 25.21KiB
CWS
12
Users
β˜… 0.00
0 reviews
#108709
of 194.3K
developer
#9394 of 17K

Description

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.
Element ID Highlighter screenshot 1Element ID Highlighter screenshot 2

Reviews

Loading reviews...

Permissions (2)

Permissions

activeTabβ„Ή Can access the current tab when you click the extension storageβ„Ή Can store data locally in your browser

Details

Version 1.0.1
Updated Nov 19, 2025
Size 25.21KiB
First Seen Mar 31, 2026