Quand vous créez des tests, il est fréquent de répéter les mêmes séquences (connexion, déconnexion, navigation, configuration, etc). Avec les composants réutilisables, vous pouvez désormais définir ces séquences une seule fois et les réutiliser partout. Modifiez-les à un seul endroit, et la mise à jour s’applique automatiquement à tous les tests (et moniteurs) qui les utilisent — pour une suite de tests plus modulaire, cohérente et facile à maintenir.
1. Créer un composant réutilisable
a. À partir d’un test existant
Commencez par ouvrir un test existant qui contient une séquence utilisée fréquemment — par exemple, un flow de connexion.
Ouvrez le test dans l’éditeur.
Identifiez le groupe d’étapes que vous souhaitez réutiliser (par exemple : saisie des identifiants et clic sur Se connecter).
Cliquez sur « Créer un composant réutilisable ».
Donnez-lui un nom (par exemple Scénario de connexion) et ajoutez-le à votre bibliothèque de composants réutilisables.
Une fois cette opération effectuée, votre composant est disponible dans la bibliothèque des tests produits — prêt à être ajouté à d’autres tests.
--
b. Depuis zéro
Vous pouvez également créer un composant réutilisable sans partir d’un test existant.
Allez dans Tests → Composants réutilisables, puis cliquez sur « + Créer un composant ».
À partir de là, vous pouvez construire un composant de zéro, exactement comme vous le feriez lors de la création d’un test.
Dans cet onglet, vous pouvez également :
Parcourir tous vos composants réutilisables en un seul endroit.
Voir où chaque composant est utilisé dans vos tests.
Faire le ménage en supprimant les composants inutilisés pour garder un espace de travail organisé.
💡 Astuce
Vous pouvez créer des composants pour tout type de séquence répétitive : connexions, navigations, initialisations ou actions de nettoyage.
2. Insérer un composant réutilisable dans un test
Voyons maintenant comment utiliser votre nouveau composant.
Créez ou ouvrez un test web.
Dans l’éditeur, cliquez sur « Créer un nouveau groupe » ou « Insérer un composant réutilisable ».
Recherchez votre composant (par exemple Scénario de connexion).
Insérez-le à l’endroit souhaité dans votre scénario de test.
Le bloc importé se comporte comme un groupe d’étapes classique : vous pouvez exécuter, prévisualiser et monitorer votre test normalement.
En arrière-plan, il reste lié à sa définition d’origine — ce qui garantit qu’il sera toujours à jour automatiquement.
3. Mettre à jour et publier un composant
C’est là que réside toute la puissance des composants réutilisables : modifiez une fois, mettez à jour partout.
Retournez sur votre composant et apportez les modifications nécessaires — par exemple, ajustez un sélecteur ou ajoutez une étape de validation.
Une fois prêt, cliquez sur Publier.
Tous les tests (et moniteurs) utilisant ce composant seront automatiquement mis à jour vers la nouvelle version.
Fini les copier-coller et les mises à jour manuelles dans chaque test : vos changements s’appliquent globalement et en toute sécurité.
💡 Astuce
Le versioning garantit la stabilité. Les tests continuent de pointer vers l’ancienne version jusqu’à ce que vous publiiez la nouvelle, ce qui vous permet de tester vos changements avant de les déployer.
Conclusion
Les composants réutilisables apportent une approche plus modulaire et maintenable aux tests web.
Ils vous permettent de modifier une seule fois, de propager les changements partout, d’éliminer le travail répétitif et de garder votre suite de tests parfaitement cohérente.
La prochaine fois que vous vous surprenez à recréer les mêmes étapes, transformez-les en composant réutilisable — et constatez à quel point votre flux de travail devient plus fluide.