Test de formulaires par agent IA
L'agent IA peut remplir et soumettre des formulaires — formulaires de contact, champs de recherche, inscriptions à des newsletters — en testant que vos formulaires fonctionnent de bout en bout sans écrire une seule ligne de code de test.
Ce que vous verrez
Lorsque vous créez un test de formulaire, l'interface affiche un éditeur dans lequel vous décrivez les données à saisir et le comportement attendu après soumission. Pendant l'exécution, vous pouvez observer l'agent remplir chaque champ en temps réel.
À la fin de l'exécution, les résultats indiquent pour chaque champ si la saisie a réussi, et pour la soumission si la réponse du serveur correspond à votre attente — message de confirmation visible, redirection, ou encore réponse API correcte (QuickMonitoring capture les appels réseau effectués lors de la soumission du formulaire).
Types de formulaires pris en charge
L'agent peut interagir avec tous les types de champs HTML standard et la majorité des composants de formulaires construits avec des frameworks JavaScript modernes :
- Champs de texte et zones de texte
- Menus déroulants (select natif et composants personnalisés)
- Cases à cocher et boutons radio
- Sélecteurs de date
- Champs de téléchargement de fichier (avec un fichier de test fourni par l'agent)
- Champs masqués (mot de passe)
- Éditeurs de texte enrichi (WYSIWYG)
Comment créer un test de formulaire
Étape 1 — Créer un nouveau test
Depuis la section Tests automatisés de votre site, cliquez sur Nouveau test.
Étape 2 — Choisir le type "Formulaire"
Sélectionnez le type Formulaire dans le formulaire de création.
Étape 3 — Décrire les données de test et les actions
Dans le champ Instruction, décrivez en langage naturel les données à saisir et les actions à effectuer. Précisez les valeurs réelles à utiliser pour chaque champ, ainsi que le résultat attendu après soumission.
Exemples d'instructions bien formulées :
Aller sur la page Contact, remplir le champ "Prénom" avec "Marie",
le champ "Nom" avec "Martin", le champ "Email" avec "marie.martin@test.com",
la zone "Message" avec "Bonjour, j'aimerais en savoir plus sur vos services.",
puis cliquer sur "Envoyer". Vérifier que le message "Merci, nous vous répondrons bientôt" apparaît.
Utiliser le formulaire de recherche en haut de page : saisir "chaussures de course"
dans le champ de recherche et appuyer sur Entrée.
Vérifier que les résultats s'affichent et qu'au moins un produit est listé.
Remplir le formulaire d'inscription à la newsletter avec l'adresse "test@exemple.com"
et cliquer sur "S'abonner". Vérifier que le message de confirmation est visible
et qu'aucune erreur ne s'affiche.
Étape 4 — Configurer la vérification post-soumission
Vous pouvez préciser comment le succès est défini après la soumission :
- Texte visible : un message de confirmation spécifique doit apparaître sur la page
- Redirection : l'utilisateur est redirigé vers une URL particulière après soumission
- Absence d'erreur : aucun message d'erreur ne doit être affiché
Si vous ne précisez pas de condition de vérification explicite, l'agent détermine automatiquement si la soumission a réussi en cherchant des indicateurs communs (messages de remerciement, disparition du formulaire, changement d'URL).
Étape 5 — Enregistrer et exécuter
Cliquez sur Enregistrer et exécuter. L'agent démarre l'exécution, remplit le formulaire avec les données spécifiées et tente la soumission.
Ce que QuickMonitoring capture lors d'un test de formulaire
En plus des captures d'écran habituelles, QuickMonitoring intercepte les requêtes réseau effectuées lors de la soumission du formulaire. Le visualiseur de résultats affiche :
- Le code de réponse HTTP de la requête de soumission (200, 422, 500, etc.)
- Le corps de la réponse, afin que vous puissiez voir exactement ce que le serveur a renvoyé
- Un indicateur API OK ou API Erreur en surimpression dans la capture d'écran
Cela vous permet de détecter les cas où l'interface affiche un message de succès mais que le serveur a en réalité renvoyé une erreur — une situation que les tests visuels classiques ne détectent pas.
Condition de réussite
Vous obtenez ce succès lorsque : vous avez créé un test de formulaire, l'agent a rempli et soumis le formulaire, et le résultat de l'exécution est Réussi — c'est-à-dire que la soumission s'est effectuée sans erreur et que la condition de vérification post-soumission est satisfaite.
Problèmes courants
L'agent ne trouve pas le champ de formulaire
Assurez-vous que le libellé que vous utilisez dans l'instruction correspond au label visible sur la page (texte du label HTML, placeholder ou aria-label). Si le champ n'a pas de label textuel, décrivez sa position : le premier champ de texte de la section Contactez-nous.
Le formulaire est soumis mais l'agent signale un échec
Vérifiez que la condition de vérification correspond exactement au texte affiché par votre site. Les guillemets typographiques (") peuvent différer des guillemets droits (") — copiez-collez le texte exact depuis la page.
L'agent soumet le formulaire mais une erreur de validation côté client bloque la soumission Si votre formulaire utilise une validation JavaScript avant soumission (champ requis, format email, etc.), assurez-vous que les valeurs fournies dans l'instruction passent ces validations. Utilisez une adresse email valide et des données cohérentes avec les règles de votre formulaire.
Le test échoue en raison d'un CAPTCHA Les formulaires protégés par un CAPTCHA (Google reCAPTCHA, hCaptcha) ne peuvent pas être soumis automatiquement par l'agent dans sa configuration standard. Désactivez le CAPTCHA dans votre environnement de test, ou configurez une clé de test bypass si votre fournisseur de CAPTCHA le propose.
La requête de soumission renvoie 422 ou 500 Le formulaire est soumis mais le serveur rejette les données. Consultez le corps de la réponse dans le visualiseur de résultats pour identifier la raison du rejet (champ manquant, format invalide, etc.) et adaptez vos données de test en conséquence.