Locators & Web-First Assertions (Playwright + TypeScript, Ch.3)

This article discusses the importance of using Playwright locators in a specific order of preference to ensure reliable web testing. The recommended order is: getByRole, getByLabel, getByPlaceholder, getByText, and getByTestId. This approach helps to avoid brittle tests that break when the markup changes. The article also highlights the benefits of web-first assertions, which auto-wait and re-poll until the condition is true or a timeout hits, reducing the risk of flaky tests. Engineers should prioritize using locators in this order and leverage scoping to keep locators readable as pages grow.