Les Scénarios - Simuler les Parcours Utilisateurs
Qu'est-ce qu'un scénario ?
Un scénario est une séquence d'actions (clics, saisies de texte, etc.) enregistrée et automatisée pour simuler un parcours utilisateur sur votre site.
Les scénarios sont essentiels pour :
- Tester les événements de tracking. Vérifier qu'un événement
addToCartse déclenche correctement avec les bonnes données au moment du clic sur le bouton "Ajouter au panier". - Atteindre des pages non accessibles par un simple crawl. Les pages de confirmation de commande, les pages de l'espace client ou les étapes intermédiaires d'un formulaire ne sont souvent pas accessibles via des liens directs. Un scénario peut les atteindre pour les analyser.
- Définir des Modes de Crawl. Un scénario peut être utilisé comme "scénario préparatoire" pour mettre le navigateur dans un état particulier avant le début du crawl. Par exemple, un scénario qui se connecte à un compte client est la base du mode de crawl "visiteur identifié".
Créer et configurer un scénario
Vous pouvez créer un scénario de deux manières : manuellement dans l'interface, ou plus rapidement en l'enregistrant avec l'extension de navigateur.
Création manuelle :
- Allez dans Site > Scenarios et cliquez sur Ajouter un scénario.
- Découpez votre parcours en étapes logiques (ex: "Ouverture page", "Saisie formulaire", "Validation").
- Pour chaque étape, ajoutez une ou plusieurs actions.
Les différents types d'actions :
- Ouverture d'URL : Commence le scénario en chargeant une page spécifique.
- Clic : Simule un clic sur un élément identifié par son sélecteur CSS.
- Saisie de texte : Remplit un champ de formulaire. Vous pouvez utiliser du texte fixe, aléatoire ou même encrypter des données sensibles comme un mot de passe.
- Scroll : Fait défiler la page jusqu'à un élément ou des coordonnées précises.
- Changement de frame : Permet d'interagir avec des éléments situés à l'intérieur d'une
iframe. - Javascript : Exécute un code JavaScript personnalisé, offrant une flexibilité maximale pour des actions conditionnelles ou complexes.
- Déplacement de curseur : Simule le survol d'un élément par la souris.
- Glisser / déposer : Simule un drag-and-drop.
- ... et d'autres actions spécifiques (pression de touche, clavier virtuel).
Conseil crucial : les Pauses
Entre deux actions, il est souvent nécessaire d'ajouter une pause pour laisser à la page le temps de réagir et de charger les nouveaux éléments. Un scénario qui échoue est souvent dû à des pauses mal configurées.
- Attendre un délai : Pause fixe en millisecondes.
- Attendre l'apparition d'un élément : La meilleure option. Le scénario attend qu'un élément spécifique (défini par son sélecteur CSS) devienne visible avant de continuer.
- Attendre l'apparition d'une ressource : Attend qu'un tag ou un script spécifique soit chargé.
Inclure un scénario dans un autre : Pour éviter de recréer sans cesse les mêmes étapes (comme la connexion), vous pouvez inclure un scénario existant (ex: "Connexion") au début d'un autre scénario (ex: "Consulter mes commandes").
Test du scénario : Utilisez toujours le bouton Vérifier pour lancer le scénario dans une fenêtre et vous assurer que toutes les étapes s'exécutent correctement avant de le sauvegarder.