LocatorLens – Smart Locator Automation Autor: Yogesh

LocatorLens is a precision developer tool built for QA engineers and automation testers. Hover over any element on any webpage, click to capture it, and instantly get ranked, copy-ready locators for Playwright, Selenium, and Cypress — all from one sidebar panel.

⚡ How It Works

Click "Start Inspecting" from the popup or sidebar.
Hover over any element — a live overlay highlights it with tag and attribute info.
Click to capture — ranked locators appear instantly in the sidebar panel.
Copy the best one with a single click. Done.
🛡️ Stability-Ranked Locators Not all locators are equal. LocatorLens automatically ranks every suggestion: • ★ BEST — getByTestId(), getByRole(), getByLabel() — survive UI redesigns. • ✓ GOOD — getByPlaceholder(), getByText(), getByAltText() — reliable with caveats. • ~ OK — CSS ID selectors, name attributes — acceptable fallbacks. • ✗ AVOID — Auto-generated class names (styled-components, MUI, etc.) — flagged with warnings.

🛰️ Multi-Framework Support Switch between Playwright, Selenium, and Cypress with a single dropdown. Locators translate instantly into the correct syntax for your chosen framework.

🧬 Shadow DOM X-Ray LocatorLens pierces Shadow DOM boundaries automatically. The Deep-Trace Engine detects Shadow Roots and generates working locators for encapsulated Web Components that other tools can't reach.

🕹️ DOM Navigation Use Arrow Up/Down keys to traverse parent and child elements — even across Shadow DOM boundaries. Navigate the full DOM tree without leaving the inspector.

🔬 Selector Validation Lab Paste any CSS selector or XPath into the built-in lab. It validates against the live DOM, highlights matching elements, and reports the match count — perfect for debugging flaky selectors.

💡 Why This Exists Brittle locators are the #1 cause of flaky test automation. LocatorLens solves this by always recommending the most stable, semantic locator first — the same way Playwright's own documentation recommends.

🔒 Privacy No data is collected, transmitted, or stored externally. Everything runs locally in your browser. Zero telemetry, zero tracking.