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
Test, scrape, generate, and automate without the pain and expense of hosting your own headless browsers.
Test complex APIs and microservices smarter—with confidence.
Is AI failing, or is it an API? Simulate your API environment in WireMock Cloud to run better tests, earlier
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.
