En este video aprenderás a localizar elementos web utilizando clases pseudo de selector CSS especiales.
Playwright incluye una serie de pseudo-clases CSS para localizar elementos:
- `:has-text()` coincide con cualquier elemento que contenga el texto especificado en algún lugar, posiblemente en un elemento hijo o descendiente. La coincidencia no distingue entre mayúsculas y minúsculas, elimina espacios en blanco y busca una subcadena.
- La pseudo-clase `:text()` coincide con el elemento más pequeño que contiene el texto especificado. La coincidencia no distingue entre mayúsculas y minúsculas, elimina espacios en blanco y busca una subcadena.
- Pseudo-clase `:visible`. Por ejemplo, css=button coincide con todos los botones en la página, mientras que css=button:visible solo coincide con los botones visibles. Esto es útil para distinguir elementos que son muy similares pero difieren en visibilidad.
- A veces, la página contiene varios elementos similares, y es difícil seleccionar uno en particular. `:nth-match(:text("Comprar"), 3)` se puede usar para seleccionar un elemento basado en su posición/orden.
Playwright es una herramienta moderna, rápida y confiable de automatización de navegadores de Microsoft que permite pruebas y automatización en todos los navegadores modernos, incluyendo chromium, firefox y webkit.