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
HyperTest is a no-code test automation tool that regresses all your APIs by auto-generating integration tests using your network traffic, also giving a way to reproduce these failures inside actual user-journeys.
QA Sphere is an all-in-one test management tool for manual and automated testing. It offers features like test case management, issue tracking, and test planning, helping teams streamline testing processes and ensure software quality.
Low-code test automation tool for QA, developers and product managers. Ensure the quality of your web app or website without repetitive manual testing.
BearQ continuously tests your app, reducing test maintenance and uncovering gaps scripted tests can miss.
ACCELQ self-healing automation adapts to UI changes, cutting maintenance by 72%. Book a Demo to see it on your site.
There are countless ways to show up and contribute. Which one will you try today?
With servers in >250 cities around the world, check your site for localization problems, broken GDPR banners, etc.
