Thunders – Guide d'intégration complet
Un guide étape par étape, de la création de votre premier projet à la génération de cas de test avec l'IA.
Partie 1 : Création d'un nouveau projet
Cliquez sur « Nouveau projet » dans le menu latéral Projets ou en cliquant sur le raccourci vers les projets → coin supérieur gauche de votre écran
Suivez ensuite ces étapes pour créer votre projet
Partie 2 : Configuration du projet
Une fois votre projet créé, vous pouvez le personnaliser
Cliquez sur « Paramètres du projet » dans le menu de la barre latérale gauche
Étape 2.1 – Paramètres généraux
Vous pouvez modifier les informations suivantes :
Nom du projet – par exemple « Tests de connexion »
URL du projet – par exemple «https://auth.thunders.ai»
Description du projet
Étape 2.2 – Configuration
Cliquez sur l'onglet «Configuration» pour ajouter des informations supplémentaires sur votre projet
Marché cible – B2C, PME B2B, Entreprise B2B ou Administration
Utilisateurs cibles – Ajoutez des rôles tels que « invité », « administrateur » ou « utilisateur premium »
Portée et spécifications :
- Objectifs des tests – 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 :
Normes de test :
- Normes de qualité – par exemple, ISO 25010
- Normes de sécurité – par exemple, RGPD, ISO 27001
- Normes d'accessibilité – par exemple, WCAG 2.1
- Normes en matière d'IA – par exemple, équité, explicabilité
-Autres normes – Ajoutez les vôtres si nécessaire
Outils:
-Framework – React, Angular, Vue, Django…
-Plateforme d'hébergement – Vercel, Heroku, AWS…
-Contrôle de version – GitHub, GitLab, Bitbucket…
Cliquez sur Enregistrer.
Étape 2.3 – Paramètres de stabilité de la page
Le formulaire «Paramètres de stabilité de la page » ( ) del' contient quatre champs configurables :
Délai d'expiration de la navigation (ms)
Durée maximale d'attente avant le lancement de la navigation (par défaut : 20 000 ms)
Délai d'inactivité du réseau (ms)
Durée d'inactivité réseau avant de considérer la page comme stable (par défaut : 500 ms)
Fonction: attend que les requêtes réseau se calment
Exemple: entrez
3000pour les sites à chargement rapide ou8000pour les pages riches en contenu
Délai d'attente maximal par URL (ms)
Durée maximale d'attente pour le chargement de la page après un changement d'URL (par défaut : 5000 ms)
Durée d'attente totale maximale (ms)
Durée totale maximale d'attente pour la stabilisation de la page (par défaut : 10 000 ms)
Temps d'attente minimum (ms)
Durée minimale d'attente avant de vérifier la stabilité de la page (par défaut : 200 ms)
Cliquez sur Enregistrer.
Étape 2.4 – Variables du projet
Cliquez sur l'onglet « Variables » pour ajouter des variables au niveau du projet que vous pourrez utiliser dans tous vos cas de test au sein du projet, quel que soit l'environnement appelé.
Cliquez sur « Ajouter une variable »
Choisissez votre clé (qui doit toujours être en majuscules) et saisissez la valeur
Si votre variable est un identifiant qui doit rester confidentiel, vous pouvez cocher la case « Enregistrer comme identifiant sécurisé »
→ Vous pouvez consulter les articles ci-dessous pour obtenir des informations plus détaillées sur l'utilisation des variables :
Variables (Générer, Extraire, Appeler)
Étape 2.5 – Exportation au format PDF
Cliquez sur l'onglet « Exportationau format PDF »
Vous pouvez personnaliser les couleurs utilisées dans votre rapport PDF et choisir les sections à inclure ou non dans le rapport PDF.
Partie 3 : Création de votre premier scénario de test
Étape 3.1 – Page Cas de test
Une fois la soumission effectuée, vous accédez à votre espace Projet:
Votre menu de gauche contient :
Thunders Copilot : votre assistant avec lequel vous pouvez discuter pour créer votre cas de test (invite simple en langage naturel, navigation Web, à partir d'un ticket JIRA / Linear)
Plans de test : où vous pouvez créer un plan de test à partir de vos user stories ou de vos exigences fonctionnelles
Cas de test : où vous trouverez tous les cas de test créés dans votre projet
Ressources de test : où vous trouverez tous les fichiers téléchargés par vos cas de test
Ensembles de tests : où vous pourrez créer des groupes de cas de test
Exécutions de test : où vous pouvez suivre les exécutions de test
Environnements : où vous pouvez configurer les paramètres de vos environnements (variables, identifiants…)
Applications: où vous pouvez ajouter et configurer vos différentes applications et API
Personas: où vous pouvez personnaliser vos personas
Connaissances: où vous trouverez les différents outils que vous pouvez intégrer à votre compte Thunders (outils de gestion des tickets, CI/CD…)
Étiquettes: où vous pouvez ajouter et modifier vos étiquettes
Paramètres du projet : où vous pouvez modifier votre projet (URL, langage d'exécution, nom, paramètres de chargement de la page…)
Cliquez sur « Nouveau cas de test ».
Vous pouvez cliquer sur la première option «Commencer avec Thunders Copilot » pourpermettre à notre copilote de créer un test pour vous à partir d'une simple invite telle que « Aller à l'URL et se connecter ».
Vous pouvez également choisir l'option« Enregistrer les étapes »si vous ne souhaitez pas saisir de consigne ; effectuez simplement vos actions comme si vous testiez manuellement et laissez-nous transformer vos actions en étapes de test ré-exécutables
Vous pouvez également choisir de «Créer un cas de test vide »si vous préférez rédiger vos étapes de test vous-même
Étape 3.2 – Copilot
Lorsque vous choisissez de commencer avec Copilot (recommandé), vous pouvez :
Saisir une phrase simple telle que :
« Vérifier que la page d'accueil est en français. »
« Créer un test de connexion »
Vous pouvez également activer « Navigation Web » pour permettre à Thunders de naviguer sur votre URL afin d'obtenir plus de contexte et de pouvoir créer les étapes
Vous pouvez également connecter Thunders à vos outils de gestion des tickets (Jira, Linear), lui fournir un numéro de ticket et lui demander de créer un scénario de test à partir des informations du ticket (étapes de reproduction, comportement attendu…)
Cliquez sur « Générer les étapes de test ».
Partie 4 : Création des étapes de test
Une fois que Thunders a généré une liste d'étapes de test claires et structurées en fonction de votre description, vous pouvez toujours modifier ces étapes :
1 - Modifier avec Thunders Copilot : vous pouvez demander n'importe quoi à Copilot, ajouter (différents types d'étapes : IA, API, étapes conditionnelles, étapes de navigateur…), réorganiser, dupliquer, désactiver ou supprimer des étapes
2 - Modifier manuellement : vous pouvez également effectuer manuellement toutes les actions que Copilot peut réaliser pour vous
Partie 5 : Exécution et analyse des résultats
Étape 5.1 – Lancer le test
Une fois que vous êtes satisfait des étapes et des paramètres d'exécution (environnement, navigateur, appareil, emplacement, persona…), cliquez sur Exécuter pour lancer le test.
Thunders ouvre un navigateur en direct à droite et commence à exécuter chaque étape en temps réel.
Chaque étape est mise en évidence au fur et à mesure de son exécution.
Vous pouvez voir exactement ce que fait l'agent IA : visiter des pages, cliquer sur des boutons ou remplir des champs.
É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 :
« Vérifier que le contenu de la page d'accueil s'affiche en français. »
Chaque résultat d'assertion est classé par gravité :
🔴 Critique – Problème bloquant.
Une fonctionnalité majeure est défaillante et le test ne peut pas continuer.
→ 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 marqué comme ayant échoué.
🟡 Moyen – Problème mineur (par exemple, incohérence de l'interface utilisateur).
→ Le test se poursuit et est marqué comme réussi avec un avertissement.
🔵 Faible – Problème d'ordre informatif ou esthétique (par exemple, léger décalage de mise en page).
→ Le test est réussi, mais le problème est consigné sous forme d'avertissement.
Pour tout échec, Thunders fournit :
Une capture d'écran au moment exact où le problème s'est produit
Une explication générée par l'IA sur ce qui n'a pas fonctionné
Partie 6 : Conseils bonus et recommandations
✍️ Rédigez des instructions claires et précises
Utilisez des phrases courtes et directes qui décrivent exactement ce que vous souhaitez 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 « Modifier le mot de passe » »
❌ « Réinitialisez vos identifiants »
🚫 Évitez les termes vagues
N'utilisez pas de mots tels que « naviguer » ou « interagir ».
Préférez :
« Cliquez », « Allez à », « Sélectionnez », « Saisissez »
✂️ Rédigez des instructions concises
Divisez les instructions longues en plusieurs parties plus courtes.
Cela aide l'IA à générer des étapes de test de meilleure qualité et plus précises.
📦 Veillez à ce que les étapes de test restent ciblées
Une étape de test = une action / un objectif.
Évitez de mélanger plusieurs flux ou fonctionnalités dans un même test.