P
💻DeveloppementIntermediaireClaude

Prompt Claude pour créer des tests E2E

Les tests end-to-end (E2E) sont essentiels pour garantir que votre application fonctionne correctement du point de vue de l'utilisateur final. Cependant, leur rédaction est souvent chronophage et répétitive : il faut simuler des parcours utilisateurs complets, gérer les sélecteurs, les attentes asynchrones et les assertions sur l'état de l'interface. Claude excelle dans cette tâche en générant des tests E2E structurés, maintenables et couvrant les cas nominaux comme les cas limites. En lui fournissant le contexte de votre application — stack technique, framework de test, structure des pages — Claude produit des suites de tests prêtes à exécuter avec Playwright, Cypress ou tout autre outil. Il comprend les bonnes pratiques comme l'utilisation de data-testid, le pattern Page Object Model, et la gestion des états de chargement. Que vous partiez de zéro ou que vous complétiez une couverture existante, Claude transforme une description fonctionnelle en tests robustes en quelques secondes, vous permettant de vous concentrer sur la logique métier plutôt que sur la plomberie technique.

Coller dans votre IA

Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.

Tu es un ingénieur QA senior spécialisé en tests end-to-end. Génère une suite de tests E2E complète pour la fonctionnalité suivante :

Application : [Décris ton application et sa stack technique]
Framework de test : [Playwright / Cypress / autre]
Fonctionnalité à tester : [Décris le parcours utilisateur]
URL de base : [URL locale ou staging]

Pour chaque test, applique ces règles :

  1. Utilise des sélecteurs robustes (data-testid en priorité, puis rôles ARIA, jamais de sélecteurs CSS fragiles)
  2. Implémente le pattern Page Object Model pour la réutilisabilité
  3. Gère explicitement les attentes asynchrones (attendre les éléments visibles avant d'interagir)
  4. Couvre le parcours nominal (happy path), les cas d'erreur (formulaire invalide, timeout réseau), et les cas limites (champs vides, caractères spéciaux)
  5. Ajoute des commentaires expliquant la logique métier testée
  6. Isole chaque test (pas de dépendance entre tests, setup/teardown propre)
  7. Nomme chaque test avec le format : "devrait [action attendue] quand [condition]"

Génère le code complet avec les imports, la configuration, les page objects et les fichiers de test.

Personnaliser ce prompt avec Léa

Réponds à 3 questions, Léa adapte le prompt à ta situation.

Pourquoi ce prompt fonctionne

Ce prompt fonctionne parce qu'il attribue un rôle expert précis à Claude (ingénieur QA senior), ce qui active ses connaissances spécialisées en testing. Les sept règles numérotées agissent comme des contraintes structurantes qui éliminent les anti-patterns courants (sélecteurs fragiles, tests couplés, assertions faibles). En demandant explicitement le contexte technique (framework, stack, URL), le prompt force une réponse adaptée à l'environnement réel plutôt qu'un code générique.

Cas d'usage

Creer Des Tests E2E

Variantes

Résultat attendu

Vous obtiendrez une suite de tests E2E complète et organisée : des fichiers Page Object encapsulant les interactions avec chaque page, des fichiers de test couvrant le happy path et les cas d'erreur, ainsi qu'une configuration de base pour le framework choisi. Chaque test sera nommé de manière descriptive, isolé des autres, et accompagné de commentaires expliquant le scénario métier vérifié.

Questions fréquentes

Quel framework de test E2E Claude gère-t-il le mieux ?

Claude maîtrise tous les frameworks majeurs — Playwright, Cypress, Selenium et Puppeteer — mais produit les meilleurs résultats avec Playwright et Cypress grâce à l'abondance de données d'entraînement. Playwright est recommandé pour les projets modernes car Claude génère naturellement du code utilisant ses fonctionnalités avancées : auto-waiting, sélecteurs par rôle ARIA, et exécution multi-navigateurs. Précisez toujours votre framework dans le prompt pour obtenir du code idiomatique plutôt que générique.

Comment faire en sorte que Claude génère des tests qui ne cassent pas à chaque modification de l'interface ?

La clé est d'instruire Claude sur la stratégie de sélecteurs dans votre prompt. Demandez explicitement d'utiliser des attributs data-testid plutôt que des sélecteurs CSS ou XPath liés à la structure du DOM. Vous pouvez aussi lui fournir votre convention de nommage existante (ex: data-testid="login-submit-btn") pour qu'il reste cohérent. Le pattern Page Object Model, demandé dans les variantes intermédiaire et avancée, centralise les sélecteurs en un seul endroit, ce qui limite les modifications en cascade quand l'interface évolue.

Claude peut-il générer des tests E2E à partir d'une user story ou d'une maquette ?

Oui, et c'est l'un de ses points forts. Vous pouvez coller une user story Jira, une spécification fonctionnelle ou même décrire une maquette en langage naturel, et Claude en déduira les parcours à tester. Pour les maquettes visuelles, utilisez la capacité multimodale de Claude en joignant une capture d'écran : il identifiera les éléments interactifs, les formulaires et les flux de navigation pour générer des tests correspondants. Plus votre description est précise (champs du formulaire, messages d'erreur attendus, redirections), plus les tests générés seront fidèles au comportement souhaité.

Améliorez ce prompt

Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.

Améliore ce prompt avec l'Optimiseur

Commentaires

  • LéaIA

    Ajoutez une configuration de fixtures (ex. avec `test.use` dans Playwright) pour injecter des données mockées API, évitant ainsi les dépendances à un backend instable tout en gardant les tests isolés et reproductibles.

📬 Recevez de nouveaux prompts chaque semaine

Rejoignez notre newsletter et ne manquez aucun prompt.

Pour aller plus loin

Prompts similaires

💻DeveloppementIntermediaireAll AIs

Test d'idées d'activation

Générer des idées d'expériences d'activation

0146
💻DeveloppementDebutantAll AIs

Révision du code à la recherche de bugs

Revue de code automatisée

0130
💻DeveloppementIntermediaireChatGPT

Prompt ChatGPT pour générer du code JavaScript

ChatGPT est devenu un outil incontournable pour les développeurs JavaScript, qu'ils soient débutants ou expérimentés. Grâce à sa capacité à comprendre des instructions en langage naturel, il permet de générer du code JavaScript fonctionnel en quelques secondes : fonctions utilitaires, manipulation du DOM, appels API, algorithmes complexes ou encore composants interactifs. Mais la qualité du code produit dépend directement de la précision du prompt utilisé. Un prompt vague donnera un résultat générique, tandis qu'un prompt structuré — précisant le contexte, les contraintes techniques, le style de code attendu et les cas limites à gérer — produira un code propre, maintenable et prêt à intégrer dans votre projet. Dans ce guide, vous trouverez un prompt principal optimisé pour la génération de code JavaScript avec ChatGPT, ainsi que trois variantes adaptées à votre niveau. Que vous cherchiez à prototyper rapidement une fonctionnalité, à apprendre de nouvelles syntaxes ES6+ ou à produire du code production-ready avec gestion d'erreurs et typage JSDoc, ces prompts vous feront gagner un temps considérable tout en vous aidant à progresser.

0133
💻DeveloppementIntermediaireAll AIs

Network policies pour micro-segmentation

Isoler les workloads avec des network policies

0139