Locator Lens

About

Locator Lens is a lightweight, high-performance developer tool designed specifically for QA engineers, automation testers, and developers. Stop wasting time manually inspecting elements or dealing with fragile, auto-generated framework IDs. Locator Lens scans your active web page and builds a robust repository of stable, production-ready locators in seconds.

Whether you rely on Selenium, Playwright, Cypress, or pytest-bdd, Locator Lens exports perfectly formatted code modules tailored directly to your test automation frameworks.

🔥🔥 KEY FEATURES 🔥🔥

🔹 Multi-Format Support
Instantly generate and switch between three major locator formats with a single click:
• Optimized XPaths (leveraging human-authored attributes, stable text, and ARIA labels).
• Clean CSS Selectors.
• Native Playwright Locators (using text, role, placeholders, labels, and test IDs).

🔹 Intelligent Framework Guardrails
Tired of dynamic IDs breaking your test suites? Locator Lens features an intelligent, multi-layered filter that auto-detects and eliminates unstable, framework-generated IDs and hashes from popular modern UI libraries, including:
• React (including useId hooks)
• Angular & Vue
• Ant Design (custom fallback patterns for forms, inputs, and selectors)
• Mantine, Chakra UI, Radix UI, and Headless UI
• Generic UUIDs and random trailing counter suffixes

🔹 Privacy & Security First
Locator Lens runs entirely on your local machine using Chrome's local storage capabilities. No analytics tracking, no external server pings, and zero data collection.

💡 HOW TO USE IT:
1. Navigate to the web application page you wish to test.
2. Click the Locator Lens icon in your toolbar.
3. Click "Extract Locators" to instantly parse the page.
4. Open the full-page portal to review, filter, copy, or export your production-ready automation locators!

Note: Due to browser security guardrails, extension scripting is restricted on native Chrome system pages (chrome://), the Chrome Web Store, and Google account login screens.