⚡ ThunderCode - Guide complet d'intégration
Un cheminement pas à pas depuis la création de votre premier projet jusqu'à 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://thundercode.ai>Cliquez sur Suivant.
🧠 Ce qui se passe ensuite:
ThunderCode 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 des 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"
Marché cible - B2C, B2B PME, B2B Entreprise ou Gouv.
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 technologique
Donnez à ThunderCode 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 Soumettre.
🧪 Partie 3 : Créer votre premier scénario de test
🔹 Étape 3.1 - Page du projet de test
Après avoir soumis, vous atterrissez sur le tableau de bord de votre projet:
Onglets pour :
Cas de test
Exécutions de tests
Environnements
Cliquez sur "Add a Test Case".
🔹 É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
ThunderCode 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
lesré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 démarrer le test.
ThunderCode 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 l'agent IA fait : 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), ThunderCode 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 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.
🔵 F aible - Information ou cosmétique (par exemple, un petit changement de mise en page).
→ Le test passe mais enregistre le problème en tant qu'avis.
Pour tout échec, ThunderCode 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 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.