Conditions préalables
Avant d'ajouter une étape de navigation, vous devez avoir un scénario de test existant.
Qu'est-ce qu'une étape de navigation ?
Une étape de navigation est une commande explicite d'automatisation de la navigation que vous définissez avec :
une action (ce qu'il faut faire)
un Sélecteur (ce sur quoi l'action doit être effectuée)
une Valeur optionnelle (ce qu'il faut taper ou sélectionner, si nécessaire)
Utilisez-la lorsque vous avez besoin d'un contrôle total sur des pages délicates.
Quand l'utiliser
Ciblage complexe : Les éléments sont difficiles à décrire en texte clair.
Structure instable : Le texte et le contenu des éléments changent d'une visite à l'autre.
Chemins critiques : Vous voulez un comportement prévisible et reproductible.
Ajouter une étape de navigation
Ouvrez votre scénario de test.
Cliquez sur Ajouter une nouvelle étape.
Dans Type d'étape, sélectionnez Étape de navigation.
Configurez l'étape
Action : Choisissez ce qu'il faut faire (par exemple : cliquer, taper, sélectionner, vérifier, survoler, faire défiler, attendre que ce soit visible).
Sélecteur : Collez un sélecteur CSS ou un XPath complet pour l'élément à cibler.
Valeur : Fournissez une valeur si l'action en a besoin (par exemple, le texte à taper).
Comment obtenir un sélecteur
À l'aide des outils de développement du navigateur
Cliquez avec le bouton droit de la souris sur l'élément et choisissez Inspecter.
Dans le panneau Éléments, cliquez avec le bouton droit de la souris sur le code HTML mis en évidence.
Choisissez Copier → Copier le sélecteur (CSS) ou Copier → Copier le XPath complet.
Collez-le dans le champ Sélecteur de l'étape du navigateur.
Conseils pour des sélecteurs fiables
Dans la mesure du possible, préférez les sélecteurs CSS aux XPath.
Ciblez des attributs stables (par exemple,
data-testid,aria-label, noms de classe persistants).Évitez les ID dynamiques ou les chemins profondément imbriqués susceptibles de changer.
Faites en sorte que le sélecteur soit propre à un élément.