Maitriser la localisation d'éléments Web avec CSS et XPath
L'automatisation des tests UI est devenue incontournable pour garantir la qualité des applications web. Cependant, la réussite de vos projets d'automatisation repose en grande partie sur votre capacité à localiser précisément les éléments sur une page web.
Cette formation intensive vous plonge au cœur des techniques de localisation d'éléments à l'aide de CSS et XPath, deux langages incontournables dans ce domaine. En une journée, vous acquerrez les bases solides nécessaires pour :
- Comprendre les mécanismes sous-jacents : décryptez la structure d'une page web et apprenez à identifier les différents types d'éléments.
- Maitriser les langages de ciblage : dominez les syntaxes de CSS et XPath pour sélectionner avec précision les éléments souhaités.
- Optimiser vos scripts d'automatisation : écrivez des scripts robustes et efficaces en ciblant les éléments de manière fiable.
Ce programme s'adresse à tous les testeurs ou développeurs Web souhaitant se lancer dans l'automatisation ou améliorer leurs compétences existantes. En maîtrisant ces concepts, vous gagnerez un temps précieux et réduirez considérablement les fausses alertes.
Objectifs
À la fin de cette formation, vous serez en mesure d’atteindre les objectifs de compétences suivants :
- comprendre le principe de la localisation d'éléments Web ;
- identifier et sélectionner tous types d'éléments HTML ;
- utiliser les sélecteurs CSS et XPath pour interagir avec des éléments d'une page Web ;
- utiliser des locators dans le cadre d’un test automatisé.
Programme
1. Introduction aux fondamentaux de la localisation
- Qu'est-ce que la localisation d'éléments Web ?
- Pourquoi est-ce crucial dans le développement et les tests automatisés ?
- Les sélecteurs :
- définition, rôle et différents types de sélecteurs.
- Les éléments HTML de base :
- la structure d'une page HTML ;
- les différents types d'éléments et leurs attributs.
2. Compréhension du langage de requête XPath
- Introduction à XPath :
- la syntaxe de base ;
- les différents types de nœuds ;
- les axes et les prédicats.
Travaux pratiques
- Localiser des éléments avec XPath pour s'entraîner à construire des expressions XPath efficaces.
- Résoudre des problèmes courants liés à XPath.
- Utiliser une extension Chrome/Firefox pour tester des expressions XPath en temps réel sur une page web.
3. Compréhension du langage de style CSS
- Introduction au CSS :
- les sélecteurs CSS ;
- les propriétés CSS ;
- la cascade.
Travaux pratiques
- Localiser des éléments avec CSS.
- Effectuer une comparaison avec XPath.
- Ecrire des sélecteurs CSS performants et maintenables et éviter les pièges courants.
- Utiliser une extension Chrome/Firefox pour tester des sélecteurs CSS en temps réel sur une page web.
Module 4 : Automatisation de test
Travaux pratiques
- Utiliser XPath et CSS pour automatiser des tests.
- Choisir un outil de test (Selenium, Cypress, etc.) et écrire des tests concrets.
Prérequis
Suivre cette formation ne nécessite aucun prérequis.
Public
Cette formation s'adresse aux publics suivants :
- les chefs de projet ;
- les testeurs fonctionnels ;
- les profils en reconversion vers la QA ;
- les business analyst et analyst QA.
Points forts
• Une initiation aux principes fondamentaux de l'automatisation des interfaces utilisateur.
• Une acquisition des connaissances de base indispensables pour poursuivre son parcours dans l'automatisation des tests.
• Une formation de base pour accéder à d'autres formation sur des outils et technologies de développement (Robot Framework, Cypress, etc.).
Objectifs
À la fin de cette formation, vous serez en mesure d’atteindre les objectifs de compétences suivants :
- comprendre le principe de la localisation d'éléments Web ;
- identifier et sélectionner tous types d'éléments HTML ;
- utiliser les sélecteurs CSS et XPath pour interagir avec des éléments d'une page Web ;
- utiliser des locators dans le cadre d’un test automatisé.
Programme
1. Introduction aux fondamentaux de la localisation
- Qu'est-ce que la localisation d'éléments Web ?
- Pourquoi est-ce crucial dans le développement et les tests automatisés ?
- Les sélecteurs :
- définition, rôle et différents types de sélecteurs.
- Les éléments HTML de base :
- la structure d'une page HTML ;
- les différents types d'éléments et leurs attributs.
2. Compréhension du langage de requête XPath
- Introduction à XPath :
- la syntaxe de base ;
- les différents types de nœuds ;
- les axes et les prédicats.
Travaux pratiques
- Localiser des éléments avec XPath pour s'entraîner à construire des expressions XPath efficaces.
- Résoudre des problèmes courants liés à XPath.
- Utiliser une extension Chrome/Firefox pour tester des expressions XPath en temps réel sur une page web.
3. Compréhension du langage de style CSS
- Introduction au CSS :
- les sélecteurs CSS ;
- les propriétés CSS ;
- la cascade.
Travaux pratiques
- Localiser des éléments avec CSS.
- Effectuer une comparaison avec XPath.
- Ecrire des sélecteurs CSS performants et maintenables et éviter les pièges courants.
- Utiliser une extension Chrome/Firefox pour tester des sélecteurs CSS en temps réel sur une page web.
Module 4 : Automatisation de test
Travaux pratiques
- Utiliser XPath et CSS pour automatiser des tests.
- Choisir un outil de test (Selenium, Cypress, etc.) et écrire des tests concrets.
Prérequis
Suivre cette formation ne nécessite aucun prérequis.
Public
Cette formation s'adresse aux publics suivants :
- les chefs de projet ;
- les testeurs fonctionnels ;
- les profils en reconversion vers la QA ;
- les business analyst et analyst QA.
Points forts
• Une initiation aux principes fondamentaux de l'automatisation des interfaces utilisateur.
• Une acquisition des connaissances de base indispensables pour poursuivre son parcours dans l'automatisation des tests.
• Une formation de base pour accéder à d'autres formation sur des outils et technologies de développement (Robot Framework, Cypress, etc.).