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
AI-powered Test Automation Dashboard
YEST is a visual-based tool for designing and automating functional tests. It implements a shift-left approach where functional knowledge is documented through visual representations and may be shared in Jira. In short, YEST is the tester’s IDE.
Monitor network requests and API failures with real-time insights
Bring intelligent testing to every pull requests with autonomous static analysis and unit testing.
Better than a generic video, see YOUR test, live, ready to show you what matters most: quality at scale.
With servers in >250 cities around the world, check your site for localization problems, broken GDPR banners, etc.
Join Testkube live. Real AI-driven testing. Real Kubernetes environments, real answers. May 21, 1pm ET.
