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
Demo
Built by testers, for testers - TestGear is a TMS that truly unites manual and automated testing, adapts to any testing framework, and is designed for flexibility, clarity, and collaboration to improve team performance and release better software, faster.
Squash is a suite of tools to design, automate, run and industrialize your tests.
Fast, easy and reliable testing for anything that runs in a browser, Cypress is the new standard in front-end testing that every developer and QA engineer needs.
With servers in >250 cities around the world, check your site for localization problems, broken GDPR banners, etc.
Bring intelligent testing to every pull requests with autonomous static analysis and unit testing.
How are teams like yours balancing speed, quality, security, and AI in 2026? Download your copy and get real insights.
Catch the on-demand session with gaming legend John Romero and see how we’re redefining software quality at AI speed.
