data-test highlighter

Extension Developer Tools6 users

Item media 1 (screenshot) for data-test highlighter

Overview

Finds elements by attribute name/value and highlights them on the page.

Chrome extension for QA engineers who rely on `data-test` markers in UI testing workflows. It helps quickly inspect whether test attributes are present and correctly assigned on real pages, reduces time spent searching elements in DevTools, and speeds up selector validation during manual checks and automated test debugging. The extension finds elements on the active page by: - attribute name (required) - attribute value (optional) Then it highlights matching elements with your selected color and lets you navigate through matched elements with built-in focus controls. It supports **live mode**: new matching elements added to DOM are highlighted automatically via `MutationObserver`.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.0.2
Updated
May 12, 2026
Flag concern
Offered by
arsenyganov
Size
36.94KiB
Languages
English
Developer
Email
arsenyganov@gmail.com
Non-trader
This 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

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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

Token Inspector

0.0

A Chrome extension to inspect and analyze design tokens and hard-coded CSS values on webpages.

CSS Inspector

0.0

The CSS Inspector extension outlines the elements on a page and displays their CSS properties when you hover over them.

Element Extractor

0.0

Extracts all elements from the current page.

Element Selector

0.0

Select and highlight elements on a webpage

GlowRIA 2.1.0

0.0

Visualize accessibility and analytics attributes on web pages

Framey

5.0

Highlight elements on your page with your chosen color & styles for easy inspection.

DOM Review

0.0

在网页元素上记录 UI 反馈，并导出给 AI 或开发处理。

PW Locator Inspector

0.0

Evaluate Playwright locator chains in the DevTools panel and inspect matched DOM elements

Meta Tag Preview Tool

0.0

Preview how a page title and description may appear in search results.

Element Inspector

0.0

Hover to inspect CSS properties of any element. Ideal for developers debugging and optimizing web styles.

Data Test Id Inspector

0.0

This extension helps you to inspect the 'data-test-id' attribute of the elements on the page.

QA OverFlow Picker

5.0

QA OverFlow Picker — Inspecione elementos e obtenha XPath, CSS Selector, ID, Class, Name e atributos para automação de testes.