Problème résolu
Utilisez les commandes de clic, frappe, attente et captures ciblées pour interagir avec une page web.
Fonctionnalité
Interactions avec la page web
Automatisez les actions navigateur avant la capture pour que les SPA, les modales et les contenus protégés s'affichent dans le bon état.
Notes d’implémentation
- • Utilisez les actions clic, frappe, attente et défilement.
- • Capturez des éléments ciblés via des sélecteurs CSS.
- • Créez des flux déterministes pour les tests et le reporting.
Exemple en direct
Interagir avec des éléments dynamiques
Déclencher des infobulles sur graphiques, lancer des recherches, développer des arbres, ouvrir des tiroirs — tout ce qu’un utilisateur réel ferait. Capturez l’état exact dont vous avez besoin, pas seulement le chargement initial.
Commandes d’étape
Commandes d’interaction disponibles
Chaque entrée du tableau steps correspond à une action navigateur. Combinez-les dans l’ordre voulu pour atteindre l’état souhaité avant la capture.
click Cliquer sur un élément via sélecteur CSS.
{ "command": "click", "selector": "#accept-btn" } type Saisir du texte dans un champ ou une zone de texte.
{ "command": "type", "selector": "#search", "value": "term" } wait Pause d’une durée fixe en millisecondes.
{ "command": "wait", "value": 1.5 } scroll Faire défiler la page ou amener un élément dans la zone visible.
{ "command": "scroll", "selector": "#section" } screenshot Capturer immédiatement, éventuellement limité à une cible CSS.
{ "command": "screenshot", "target": ".chart-container" } Cas d’usage
Quand utiliser les interactions page
Contenu protégé par connexion
Renseigner les identifiants, valider le formulaire et capturer le tableau de bord authentifié — le tout dans un seul job.
États de graphiques et de données
Survoler des points de données, changer d’onglet sur un graphique ou choisir une plage de dates avant de capturer les tableaux de bord.
Parcours modaux et tiroirs
Ouvrir des boîtes de dialogue, panneaux latéraux ou listes déroulantes pour documenter des états d’interface invisibles au chargement.
Résultats de recherche et filtres
Saisir une requête, attendre les résultats, puis capturer — utile pour la régression visuelle des interfaces de recherche.
Assistants multi-commandes
Avancer dans un tunnel d’achat ou d’onboarding pour capturer n’importe quelle étape pour le QA et la conformité.
Preuve vidéo des interactions
Combinez les commandes avec video=true pour enregistrer une relecture complète de l’interaction en mp4, webm ou gif.
Options API associées
- steps
- target
- delay
- max_wait
Voir les exemples de requêtes et le détail des points de terminaison dans la documentation API.