⚡ Thunders - Guide complet d'intégration
Un cheminement pas à pas de la création de votre premier projet à la génération de cas de test avec l'IA.
🧭 Partie 1 : Créer un nouveau projet
🔹 Étape 1.1 - Accéder au tableau de bord des projets de test
Après vous être connecté, vous arrivez sur la page Projets de test.
Chaque carte indique :
Nom du projet
Capture d'écran (facultatif)
URL du site web
le nombre de cas de test, de suites de tests et de séries de tests.
Pour créer un nouveau projet, cliquez sur "Nouveau projet".
Étape 1.2 - Choisir le type de projet
Trois options s'offrent à vous :
✅ Projet Web - Disponible: Entrez une URL pour tester un site en direct.
📱 Projet mobile natif - Bientôt disponible
⚙️ Projet API - Prochainement
Cliquez sur Projet Web pour continuer.
🔹 Étape 1.3 - Entrer l'URL du site web
Sur la page de configuration du projet Web, saisissez l'URL complète de votre site Web.
Exemple
: <https://thunders.ai>Cliquez sur Suivant.
🧠 Ce qui se passe ensuite:
Thunders analyse automatiquement le site Web.
Il scrape la structure et identifie les éléments clés de l'interface utilisateur pour aider à la génération de tests.
📋 Partie 2 : Configuration du projet
🔹 Étape 2.1 - Aperçu du projet
Complétez les informations suivantes :
Nom du projet - par exemple "Tests de connexion"
Langue d'exécution : définit la langue que Thunders utilisera pour : interpréter vos requêtes, générer des résultats, créer des scénarios de test, écrire des bogues ou des rapports. etc...
Marché cible - B2C, B2B SMB, B2B Enterprise, ou Gov
Utilisateurs cibles - Ajoutez des rôles tels que "invité", "administrateur" ou "utilisateur premium".
Capture d'écran (facultatif) - Téléchargez un PNG/JPG (max 3MB)
Cliquez sur Suivant.
🔹 Étape 2.2 - Portée et spécifications
Définir l'objectif du projet :
Objectifs du test - par exemple, "Vérifier tous les flux de connexion".
Fonctionnalités clés - par exemple, "Panier, filtres, connexion, paiement"
Intégrations - par exemple, "Stripe, Firebase, Algolia".
Méthodologie de test - Cochez une ou plusieurs cases :
Agile
Manuel
CI
TDD / BDD
Cliquez sur Suivant.
🔹 Étape 2.3 - Définir les normes de test
Choisissez des normes pertinentes pour votre produit :
Normes de qualité - par exemple, ISO 25010
Normes de sécurité - par exemple, GDPR, ISO 27001
Normes d**'accessibilité** - par exemple, WCAG 2.1
Normes en matière d'intelligence artificielle - par exemple, équité, explicabilité
Autres normes - Ajoutez les vôtres si nécessaire
Cliquez sur Suivant.
🔹 Étape 2.4 - Outillage et pile technique
Donnez à Thunders le contexte de votre stack :
Framework - React, Angular, Vue, Django...
Plateforme d'hébergement - Vercel, Heroku, AWS...
Contrôle de version - GitHub, GitLab, Bitbucket...
Cliquez sur Suivant.
🔹 Étape 2.5 - Paramètres de chargement de la page
Le formulaire de Stratégie de chargement de pages contient quatre champs configurables:
NetworkIdle timeout (ms)
Ce qu'il fait: Attendre que les demandes de réseau se calment
Exemple: Entrez
3000pour les sites à chargement rapide ou8000pour les pages à fort contenu.
Délai LoadEvent (ms)
Ce qu'il fait: Attendre que toutes les ressources telles que les images et les scripts aient fini de se charger.
Exemple: Entrez
30000pour les sites avec moins de ressources ou60000pour les sites avec beaucoup de médias.
Délai DOMContentLoaded (ms)
Ce qu'il fait: Attendre que l'analyse HTML soit terminée et que le DOM soit prêt.
Exemple: Entrez
8000pour les pages simples ou15000pour les structures DOM complexes.
Temps d'attente (ms)
Ce qu'il fait: Temps d'attente supplémentaire après le chargement de la page
Exemple: Entrez
2000pour attendre 2 secondes supplémentaires pour les animations ou5000pour un contenu dynamique au rendu lent.
Cliquez sur Soumettre.
🧪 Partie 3 : Créer votre premier scénario de test
🔹 Étape 3.1 - Page du projet de test
Après avoir soumis, vous arrivez sur le tableau de bord de votre projet:
Votre menu de gauche contient :
Cas de Test : Où vous trouverez tous les cas de test créés dans votre projet.
Groupe de Tests : où vous pourrez créer des groupes de cas de test
Exécutions de Test : où vous pouvez suivre l'exécution des tests.
Environnements : Où vous pouvez configurer les paramètres de vos environnements (variables, informations d'identification...)
Paramètres du projet : Vous pouvez modifier votre projet (URL, langue d'exécution, nom, paramètres de chargement de la page...).
Plans de Test (si la fonctionnalité est activée) : Où vous pouvez créer un plan de test à partir de vos User Stories ou des exigences de la fonctionnalité.
Cliquez sur "Ajouter un cas de test".
🔹 Étape 3.2 - Décrire le scénario de test
Vous arrivez sur une page intitulée "Décrivez votre cas de test et cliquez sur Générer des étapes de test".
Saisissez une phrase simple comme :
"Vérifier que la page d'accueil est en français".
Cliquez sur "Générer des étapes de test".
🤖 Partie 4 : Création des étapes de test
🔹 Étape 4.1 - Examiner les étapes générées
Thunders génère une liste d'étapes de test claires et structurées à partir de votre description :
Chaque étape est :
Rédigée dans un langage clair et exploitable
Automatiquement numérotée et structurée dans l'ordre d'exécution
Vous pouvez :
Modifier les étapes
les réorganiser
Supprimer les étapes non désirées
Étape 4.2 - Utiliser le chat de l'IA
Sur le côté droit, vous verrez un panneau de discussion.
Vous pouvez :
demander à l'IA de clarifier des étapes
Demander des changements
Demander des modifications (par exemple, ajouter, supprimer, réorganiser des étapes)
Ajouter des détails supplémentaires
Exemple :
"Après l'étape 1, ajouter une étape pour attendre 10 secondes".
🧪 Partie 5 : Exécuter et analyser les résultats
🔹 Étape 5.1 - Exécuter le test
Cliquez sur Exécuter pour lancer le test.
Thunders ouvre un navigateur en direct sur la droite et commence à exécuter chaque étape en temps réel.
Chaque étape est mise en évidence au fur et à mesure qu'elle s'exécute.
Vous pouvez voir exactement ce que fait l'agent IA : visiter des pages, cliquer sur des boutons ou remplir des entrées.
Étape 5.2 - Assertions et vérifications
À la fin du test (ou pendant celui-ci), Thunders effectue des assertions pour vérifier si les éléments ou le contenu attendus sont présents.
Exemple : "Affirmer que le contenu de la page d'accueil est bien présent :
"Affirmer que le contenu de la page d'accueil est affiché en français".
Chaque résultat d'assertion est classé par gravité :
🔴 Critique - Problème bloquant.
Une fonctionnalité majeure est interrompue et le test ne peut pas se poursuivre.
→ Le test s'arrête et est marqué comme ayant échoué.
🟠 Élevé - Un élément important est manquant.
Le test se termine, mais le résultat n'est pas fiable.
→ Le test est considéré comme un échec.
🟡 Moyen - Problème mineur (par exemple, incohérence de l'interface utilisateur).
→ Le test se poursuit et est marqué comme réussi avec avertissement.
🔵 Faible - Information ou cosmétique (par exemple, un petit changement de mise en page).
→ Le test est réussi mais le problème est enregistré comme un avis.
Pour tout échec, Thunders fournit :
Une capture d'écran au moment exact du problème.
Une explication générée par l'IA de ce qui n'a pas fonctionné.
😉 Partie 6 : Conseils supplémentaires
✍️ Rédigez des messages-guides clairs et spécifiques
Utilisez des phrases courtes et directes qui décrivent exactement ce que vous voulez tester.
🔖 Utilisez les noms exacts des boutons et des pages
Faites référence aux éléments tels qu'ils apparaissent dans l'interface utilisateur.
✅ "Cliquez sur 'Changer le mot de passe'"
❌ "Réinitialisez vos informations d'identification"
Évitez les termes vagues
N'utilisez pas de mots comme "naviguer" ou "interagir".
Préférez :
"Cliquer", "Aller à", "Sélectionner", "Taper".
✂️ Veillez à ce que les instructions soient brèves
Décomposez les longues instructions en petits morceaux.
Cela permet à l'IA de générer des étapes de test plus précises et de meilleure qualité.
📦 Concentrez-vous sur les cas de test
Un test = un objectif.
Évitez de mélanger plusieurs flux ou fonctionnalités dans un seul test.