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
Monitor network requests and API failures with real-time insights
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.
AI-powered Test Automation Dashboard
Requestly is an open-source tool that simplifies API development, testing, mocking, and integration for developers and QAs.
With servers in >250 cities around the world, check your site for localization problems, broken GDPR banners, etc.
Better than a generic video, see YOUR test, live, ready to show you what matters most: quality at scale.
Is AI failing, or is it an API? Simulate your API environment in WireMock Cloud to run better tests, earlier
See autonomous QA in action with BearQ—from exploration to test generation. Trial access included.
