A maior alavanca da confiabilidade dos testes E2E é a forma de localizar elementos. Monte um localizador, veja quais elementos ele casa no app de exemplo e entenda por que localizadores por papel e rótulo sobrevivem a redesenhos que quebram seletores CSS.
Use junto com o guia Como projetar testes E2E confiáveis e a entrada do Playwright no Explorador de ferramentas.
App de exemplo: os elementos casados aparecem destacados
page.getByRole('button', { name: 'Entrar' })Casou 2 elementos
Casou com: Entrar, Entrar com o Google
recomendadoEspelha como as pessoas e as tecnologias assistivas encontram os elementos: resiste a mudanças na marcação.