Playwright Locators: A Ranked Guide to Selectors That Survive Redesigns
A ranked guide to Playwright locators, with the way each one breaks and how to narrow a locator that matches too much.
Category
Locators and selectors
How to find elements in a way that survives redesigns: role and text locators, test ids, iframes and shadow DOM, in Playwright and Cypress.
data-testid Best Practices: Naming, Ownership and Shipping to Production
Test ids make selectors boring in the best way. A naming scheme, an ownership rule and the production question, answered.
Playwright iframes: frameLocator, Payment Forms and Nested Frames
How to reach elements inside iframes in Playwright, including card fields hosted by a payment provider.