Chapitre 9 : Browser Tools

Écouter la leçon Lecture audio assistée par IA

Chapitre 9 : Tests automatisés dans le Navigateur

Antigravity ne se contente pas d'écrire du code ; il peut aussi vérifier qu'il fonctionne visuellement en pilotant un navigateur web.

L'Agent a un Regard sur le Web

L'agent peut ouvrir une instance de navigateur et simuler les interactions d'un utilisateur réel. C'est l'outil ultime pour le débogage visuel et les tests de bout en bout (E2E).

Actions possibles :
  • Cliquer sur des boutons / liens.
  • Remplir des formulaires.
  • Faire défiler la page.
  • Prendre des captures d'écran.
Vérifications possibles :
  • Le texte "Bienvenue" s'affiche-t-il après le login ?
  • Le bouton est-il bien rouge en mode erreur ?
  • Le panier se met-il à jour dynamiquement ?

Créer des scénarios de test

Au lieu de tester manuellement chaque modification, demandez à l'agent :

"Ouvre mon site sur `localhost:8000`, essaie de te connecter avec 'admin'/'password' et vérifie s'il y a des erreurs dans la console du navigateur."
Le Feedback Visuel
L'agent peut prendre des captures d'écran pour vous montrer exactement ce qu'il voit. Si un élément est caché ou mal positionné, il peut l'analyser et proposer un correctif CSS immédiatement.
Cas d'Étude
L'agent peut détecter qu'un bouton de soumission est désactivé parce qu'une validation de champ (ex: email) échoue silencieusement, ce qui est souvent difficile à voir sans tester manuellement.
Ateliers pratiques & Projets

Testez vos compétences avec nos exercices guidés et le tuteur IA.

Ateliers pratiques & Corrigés détaillés

Ateliers pratiques & Corrigés

#1 — Comprendre les notions
Atelier #1

Expliquez avec vos mots le concept central de ce chapitre.

Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Reportez-vous au cours */
#2 — Application guidée
Atelier #2

Reprenez l'exemple du cours et réalisez un cas pratique.

Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Comparez vos résultats avec les exemples */
#3 — Mini défi d'autonomie
Atelier #3

Concevez une mini-solution liée à ce chapitre.

Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Vérifiez la cohérence technique */
Besoin d'aide ?
Tuteur Virtuel
Bonjour ! Je suis votre tuteur virtuel. Comment puis-je vous aider avec ce cours aujourd'hui ?
Historique des conversations
Chargement...