Overview
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.
Details
- Version1.0.1
- UpdatedNovember 19, 2025
- Size25.21KiB
- LanguagesEnglish
- Developer
Email
dmytro.nebelskyi@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
