Dans cette vidéo, vous apprendrez à localiser des éléments web en utilisant des pseudo-classes de sélecteurs CSS spéciales.
Playwright inclut un certain nombre de pseudo-classes CSS pour localiser des éléments :
- `:has-text()` correspond à tout élément contenant le texte spécifié quelque part à l'intérieur, éventuellement dans un élément enfant ou un élément descendant. La correspondance est insensible à la casse, supprime les espaces et recherche une sous-chaîne.
- La pseudo-classe `:text()` correspond au plus petit élément contenant le texte spécifié. La correspondance est insensible à la casse, supprime les espaces et recherche une sous-chaîne.
- Pseudo-classe `:visible`. Par exemple, css=button correspond à tous les boutons de la page, tandis que css=button:visible ne correspond qu'aux boutons visibles. Cela est utile pour distinguer des éléments très similaires mais différents en visibilité.
- Parfois, la page contient un certain nombre d'éléments similaires, et il est difficile de sélectionner un en particulier. `:nth-match(:text("Acheter"), 3)` peut être utilisé pour sélectionner un élément en fonction de sa position/ordre.
Playwright est un outil moderne, rapide et fiable d'automatisation de navigateur de Microsoft qui permet des tests et de l'automatisation sur tous les navigateurs modernes, y compris Chromium, Firefox et WebKit.