Locator Lens

About

Locator Lens helps QA engineers and test automation developers build reliable locators without guessing.

**Pick and inspect**
- Click the extension icon or press `Alt+Shift+P` to start the element picker.
- Hover to preview targets; click to open the on-page locator panel.
- Selected elements stay highlighted while you compare candidates.

**Framework-ready output**
- Playwright (`getByTestId`, `getByRole`, CSS, XPath)
- Cypress (`cy.get`, `cy.contains`, chained queries)
- Selenium (By.cssSelector, By.xpath)
- Raw CSS and XPath for any stack

**Quality you can trust**
- Match state: Unique visible, Multiple visible, Hidden only, Mixed, No matches
- Quality badges: excellent, good, ok, fragile
- Reason chips explain why a locator is strong or risky
- Highlight action shows all DOM matches on the page

**QA workflow**
- Sticky **Copy best** for the top candidate
- Framework preset: All, Playwright, Cypress, Selenium, or CSS/XPath only
- Language preset for Page Object snippets: JavaScript, TypeScript, Python
- Configurable test-id attributes: `data-testid`, `data-test`, `data-cy`, `data-qa`
- Session history with readable auto-names
- Page Object Builder: rename entries, multi-select, export snippet to clipboard
- Context-aware scoped locators for repeated actions inside stable containers
- Keyboard shortcuts: `Alt+Shift+P` (pick), `Alt+Shift+C` (copy best), `Esc` (cancel)

**Who it is for**
Manual QA, automation engineers, and developers writing E2E tests who need practical locators fast.

No account required. No data sent to external servers.