Locators: la base de todo, lección 4 de 17
getByRole: el locator recomendado
Video de la lección en producción
Mientras tanto, la lección y el ejercicio ya están disponibles.
Un usuario no ve clases CSS: ve botones, links, campos y títulos. getByRole busca elementos por su rol accesible y su nombre visible, así que tus tests se parecen a cómo usa la app una persona.
Ejemplo: page.getByRole('button', { name: 'Ingresar' }). Por defecto el nombre se compara sin distinguir mayúsculas y alcanza con una parte; con exact: true tiene que coincidir completo.
Bonus: si getByRole no encuentra algo que sí ves en pantalla, probablemente encontraste un problema de accesibilidad. Eso también es un bug.
Practica
Encuentra el elemento · 1 de 3
Encuentra el botón «Ingresar».
Tienda del Dojo (app de práctica) resultado