Playwright
Playwright enables reliable end-to-end testing for modern web apps.
Content
![Selectors: User-Centric Locators
Prefer locators that reflect how a user perceives the UI, in this order of preference:
getByRole() — most preferred; matches semantic HTML roles
getByLabel() — for form fields
getByText() — for visible text content
getByTestId() — when a data-testid attribute exists
CSS attribute selectors (e.g., input[name="email"]) — only when no user-centric option is available
CSS class or XPath selectors — avoid entirely unless there is no other option
```
// Preferred
this.page.getByRole('button', { name: 'Save' })
this.page.getByLabel('Email address')
this.page.getByText('No results found')
// Acceptable fallback
this.page.locator('input[name="email"]')
// Avoid
this.page.locator('.btn-primary')
this.page.locator('//button[@class="save"]')](https://d8iqbmvu05s9c.cloudfront.net/vs2gcnpjiny4qm7zoubxk0uxqycd)
Similar Tools
Sonic is a platform that integrates remote control debugging and automated testing of mobile devices, and strives to create a better user experience for global developers and test engineers.
No-code automation testing tool to supercharge your quality assurance. Automation testing but with a simple, intuitive, and fun drag-and-drop user interface.
SelectorsHub is the Next Gen XPath Plugin & Selectors tool. It supports all kinds of XPath, locators, shadow dom, iframe, svg, dynamic elements, multi selectors generation and xpath error handling. It is a Free community product.
SmartBear's vision for using AI agents to support application integrity and software quality
With servers in >250 cities around the world, check your site for localization problems, broken GDPR banners, etc.
Test complex APIs and microservices smarter—with confidence.
Manage your entire QA lifecycle in one place. Sync Jira, automate scripts, and use AI to accelerate your testing.
