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
Puppeteer is a Node.js library which provides a high-level API to control Chrome/Chromium over the DevTools Protocol.
Integrate systems. Automate work. Accelerate your digital transformation with a single platform for integration and business process automation.
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.
Take the complexity out of testing graphical user interfaces (GUIs) and human-machine interfaces (HMIs)
There are countless ways to show up and contribute. Which one will you try today?
Better than a generic video, see YOUR test, live, ready to show you what matters most: quality at scale.
BearQ continuously tests your app, reducing test maintenance and uncovering gaps scripted tests can miss.
ACCELQ builds tests in plain English, no code, cuts maintenance 70%. Book a demo to see it across your entire stack!
