Locator Lens

Pick elements on any page and generate QA-friendly locators for Playwright, Cypress, Selenium, CSS, and XPath.

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.