QALabs
← Back to demos
Locators Demo · UI Automation Practice

Practice locator strategies.

This demo page is designed for practicing stable locator strategies including data-testid, IDs, names, CSS selectors, XPath, ARIA roles, nested elements, dynamic elements, and visible text.

Practice Area

Common locator targets.

Use these controls to practice locating elements by stable attributes, accessible names, visible text, form attributes, and DOM structure.

No action selected.

Status badge with CSS class

Ready for automation

Text and Role Locators

Select a tool.

Selected Tool

None

Nested Elements

Practice parent-child relationships.

Quality

  • Manual Testing
  • Automation Testing
  • Regression Testing

Development

  • Frontend
  • Backend
  • API

Operations

  • Monitoring
  • Deployments
  • Incident Response

Dynamic Elements

Add and clear dynamic content.

  • Initial dynamic item

Scenarios

Suggested checks for automation practice.

Locate element by data-testid

Locate input by ID

Locate input by name attribute

Locate button by visible text

Locate button by role and accessible name

Locate nested item inside a category

Locate element by CSS class

Locate dynamic item after creation

Validate empty state after clearing items

Validate aria-pressed selected state

Validate aria-expanded toggle state

Validate visible and hidden content