Locators Lab logo

Locators Lab

Freemium

Browser extension for generating, validating, and comparing CSS and XPath selectors for test automation.

Visit website

Pricing

Freemium

Type

Manual

// VERDICT

Reach for Locators Lab when you want a quick in-browser helper to generate, test and compare CSS/XPath selectors for automation. Skip it when your framework's codegen already produces resilient locators or you want a full test-authoring tool.

Best for

A browser extension for working with selectors - generating, validating and comparing CSS and XPath locators for test automation, so you build resilient locators faster.

Avoid when

Your framework already generates good locators (Playwright Codegen), you want a full authoring tool, or you don't write selector-based tests.

CI/CD fit

Browser extension - authoring aid, not a CI tool

Team fit

SDETs/QA writing selectors · Selenium/Playwright/Cypress users · Manual testers learning locators

Setup

Easy

Maintenance

Low

Learning

Beginner

Licence

Freemium

// BEST FOR

  • Generating CSS and XPath selectors in the browser
  • Validating that a selector matches the intended element
  • Comparing CSS vs XPath options for resilience
  • Speeding up locator authoring for automation
  • Learning selector strategy hands-on
  • Reducing brittle-locator trial and error

// AVOID WHEN

  • Your framework's codegen already generates good locators
  • You want a full test-authoring tool
  • You don't write selector-based tests
  • You prefer accessibility-id-first locating without tooling
  • A browser extension doesn't fit your workflow
  • Minimal tooling is the goal

// QUICK START

Install the Locators Lab browser extension -> open a page -> generate/validate/
compare CSS and XPath selectors -> use the resilient ones in your automation.

// ALTERNATIVES TO CONSIDER

ToolChoose it when
Playwright CodegenYou use Playwright and want recommended locators while recording.
SeleniumYou want the framework whose locators you're building.
Cypress StudioYou use Cypress and want to record steps with selectors.

// FEATURES

  • Generates CSS and XPath selectors from clicked elements
  • Validates selector uniqueness against the live DOM
  • Compares multiple selector candidates side by side
  • Highlights matches in the page for confidence checks
  • Copy-ready output for Playwright, Cypress, and Selenium

// PROS

  • Faster authoring than handwriting selectors from DevTools
  • Catches non-unique selectors before they reach test code
  • Works alongside DevTools without disrupting flow
  • Lightweight — adds value with little setup

// CONS

  • Chrome-only — no Firefox or Safari port
  • Quality of suggested selectors depends on page markup
  • Doesn't replace good test-id discipline in the codebase

// EXAMPLE QA WORKFLOW

  1. Install the Locators Lab extension

  2. Open the page under test

  3. Generate CSS/XPath selectors

  4. Validate they match the intended element

  5. Compare options for resilience

  6. Use stable locators in your automation

// RELATED QA.CODES RESOURCES