Smart Locator Inspector

Browser-native automation toolkit

From element to maintainable test code.

Smart Locator Inspector helps QA engineers and developers inspect the DOM, compare locator strategies, and turn the strongest option into reusable automation code.

Explore features How it works

Designed for Playwright, Selenium, and Cypress workflows.

Locator recommendations
Smart Locator Inspector showing recommended text, CSS, relative XPath, and absolute XPath locators
Smart Locator Inspector popup with Start inspecting, Record test, and Build Method actions
Works across your stack
▲ Playwright
◆ Selenium
◒ Cypress
Smart Locator Inspector — Inspect, Record, Build, Generate

Inspection toolkit

One workflow, from DOM to durable automation.

Replace tab-switching and hand-built selectors with a focused path from element discovery to reusable code.

Inspect

See the element clearly

Inspect an element in the browser, review its HTML, attributes, and DOM structure, then test suggestions with the Live Selector Test.

Evaluate

Compare locator quality

Review scored Role, Label, Placeholder, Text, CSS, and appropriate XPath strategies. Production Mode narrows the list to stronger options.

Translate

Switch frameworks

See equivalent syntax for Playwright, Selenium, and Cypress without rebuilding the selector logic from scratch.

Build

Create reusable methods

Parameterize menus, tabs, key-value layouts, lists, tables, grids, dropdowns, nested navigation, and common row actions.

Record and generate

Turn browser actions into a working starting point

Record interactions and generate Page Objects, tests, assertions, reusable actions, environment references, and runtime test-data configuration.

export class SettingsPage {
  saveButton = this.page
    .getByRole('button', {
      name: 'Save changes'
    });

  async save() {
    await this.saveButton.click();
  }
}

Configure

Use runtime test data

Represent names, email addresses, phone numbers, addresses, postal codes, country formats, and custom values as configurable data.

Reuse

Save, copy, and export

Keep supported workspaces in browser storage, reopen Smart Methods and recorded flows, copy output, download files, and revisit inspection history.

The workflow

A direct route from page to test suite.

  1. 01

    Inspect

    Select the element and review its DOM context.

  2. 02

    Evaluate locators

    Compare strategies by clarity and maintainability.

  3. 03

    Generate methods

    Shape the locator into a reusable action.

  4. 04

    Export code

    Copy or download code for your framework.

Built for daily test work

Spend less time reconstructing the same automation patterns.

Choose with context

Compare locator options alongside the selected element instead of guessing from a raw DOM tree.

Keep code reusable

Move repeatable actions into parameterized methods and Page Objects from the beginning.

Stay framework-flexible

Translate locator intent across Playwright, Selenium, and Cypress workflows.

Ready to inspect?

Start with the element. Leave with reusable code.

Read the getting-started guide