LocatorLens – Smart Locator Automation 作者: Yogesh
Inspect any element and instantly get ranked, copy-ready Playwright, Selenium, and Cypress locators. Built for QA engineers who want stable, maintainable test automation selectors — not brittle XPaths.
11 位使用者11 位使用者
擴充套件後設資料
關於此擴充套件
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.
⚡ 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.
由 1 位評論者給出 0 分
權限與資料
更多資訊