Prompt GitHub Copilot pour créer des tests E2E
Les tests end-to-end (E2E) sont essentiels pour valider le bon fonctionnement d'une application dans son ensemble, mais leur rédaction est souvent chronophage et répétitive. GitHub Copilot, intégré directement dans votre éditeur de code, peut accélérer considérablement ce processus en générant des scénarios de test complets à partir de descriptions en langage naturel. Que vous utilisiez Playwright, Cypress ou Selenium, Copilot comprend le contexte de votre projet — composants, routes, sélecteurs — pour produire des tests réalistes et maintenables. L'enjeu est de formuler des prompts suffisamment précis pour obtenir des tests qui couvrent les parcours utilisateur critiques, gèrent les états d'attente et les assertions de manière robuste, tout en respectant les bonnes pratiques de votre framework de test. Dans ce guide, vous trouverez un prompt principal optimisé ainsi que des variantes adaptées à votre niveau d'expérience pour tirer le meilleur parti de GitHub Copilot dans la création de vos tests E2E.
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Génère une suite de tests end-to-end avec Playwright en TypeScript pour le parcours utilisateur suivant : [décrire le parcours, ex: inscription, connexion, ajout au panier, paiement]. Pour chaque étape du parcours, crée un test indépendant dans un describe block. Utilise les bonnes pratiques suivantes : sélecteurs accessibles (getByRole, getByText, getByTestId), attentes explicites avec expect et toBeVisible/toHaveText, gestion des états de chargement avec waitForLoadState, fixtures pour l'authentification réutilisable, et le pattern Page Object Model pour encapsuler les interactions avec chaque page. Ajoute des assertions sur les URLs, le contenu affiché et les états visuels. Inclus un fichier de configuration playwright.config.ts avec baseURL, retries, et reporter HTML. Commente chaque section pour expliquer la logique du test.
Personnaliser ce prompt avec Léa
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
Pourquoi ce prompt fonctionne
Ce prompt fonctionne car il spécifie le framework (Playwright), le langage (TypeScript) et le parcours utilisateur concret, ce qui élimine l'ambiguïté pour Copilot. Il impose des patterns architecturaux précis comme le Page Object Model et les sélecteurs accessibles, guidant la génération vers du code maintenable. Enfin, il demande explicitement la configuration, les assertions et les commentaires, ce qui produit un livrable complet et prêt à exécuter.
Cas d'usage
Variantes
Résultat attendu
Copilot génère une suite de tests E2E structurée avec un fichier de configuration Playwright, des classes Page Object pour chaque page du parcours, et des tests organisés par describe/test couvrant chaque étape. Chaque test inclut des sélecteurs robustes, des assertions explicites sur le DOM et les URLs, ainsi que la gestion des états asynchrones. Le code est commenté et directement exécutable avec npx playwright test.
Questions fréquentes
Comment GitHub Copilot gère-t-il les sélecteurs dynamiques dans les tests E2E ?
Copilot analyse le contexte de votre projet pour suggérer les sélecteurs les plus stables. Si vous avez des attributs data-testid dans votre code source, il les privilégiera automatiquement. Pour de meilleurs résultats, précisez dans votre prompt le type de sélecteurs souhaité (getByRole, getByTestId, getByText) et Copilot s'y conformera. Évitez les sélecteurs CSS fragiles basés sur les classes en le mentionnant explicitement dans votre instruction.
Copilot peut-il générer des tests E2E pour Cypress ou Selenium en plus de Playwright ?
Oui, GitHub Copilot supporte tous les frameworks de test E2E majeurs. Il suffit de remplacer 'Playwright' par 'Cypress' ou 'Selenium WebDriver' dans votre prompt. Copilot adaptera automatiquement la syntaxe : cy.visit() et cy.get() pour Cypress, driver.findElement() et driver.get() pour Selenium. Pour de meilleurs résultats, ouvrez un fichier de test existant du framework cible avant de formuler votre prompt, afin que Copilot capte le contexte.
Comment intégrer les tests E2E générés par Copilot dans une pipeline CI/CD ?
Les tests générés par Copilot sont directement compatibles avec les pipelines CI/CD. Demandez dans votre prompt d'inclure la configuration CI (GitHub Actions, GitLab CI) en plus des tests. Copilot peut générer un workflow YAML complet avec l'installation des dépendances, le lancement d'un serveur de développement, l'exécution des tests avec retries, et la publication des rapports et artefacts (screenshots, traces). Assurez-vous de demander la gestion des variables d'environnement via des secrets CI pour les credentials.
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'OptimiseurCommentaires
- LéaIA
Pour des tests plus robustes, précisez vos data-testid dans le prompt et demandez à Copilot de les utiliser systématiquement. Pensez aussi à spécifier les fixtures d'authentification (ex. storageState) pour éviter les logins répétés. Enfin, générez le prompt par parcours, pas en bloc : Copilot sera plus précis.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Mise en œuvre de la CSP avec des nonces
Prévenir les XSS avec une CSP stricte
Prompt DALL-E pour générer du code JavaScript
DALL-E, le modèle de génération d'images développé par OpenAI, n'est pas conçu pour produire du code JavaScript exécutable. Cependant, il peut jouer un rôle complémentaire précieux dans le workflow d'un développeur JavaScript. DALL-E excelle dans la création de visuels liés au développement : maquettes d'interfaces utilisateur, diagrammes d'architecture, schémas de flux de données, ou encore des illustrations pour documenter votre code. En formulant des prompts précis, vous pouvez obtenir des représentations visuelles de concepts JavaScript complexes comme les closures, le event loop ou les design patterns. Ces visuels servent ensuite de référence pour implémenter votre code, créer de la documentation technique attractive, ou concevoir des supports pédagogiques. L'approche consiste à utiliser DALL-E comme un outil de prototypage visuel rapide : générez une maquette d'interface, puis traduisez-la en composants JavaScript. Cette méthode accélère la phase de conception et réduit les allers-retours entre designers et développeurs. Dans ce guide, nous vous proposons des prompts optimisés pour tirer le meilleur parti de DALL-E dans votre processus de développement JavaScript, du prototypage d'UI à la documentation visuelle de votre code.
Créer un système de cache Redis performant et scalable
Un prompt complet pour concevoir et implémenter un système de cache Redis avec stratégies d'invalidation, gestion des erreurs et monitoring.
Prompt pour créer des Serverless Functions optimisées
Prompt complet pour concevoir des serverless functions production-ready sur Vercel ou AWS Lambda, couvrant le code, la sécurité, les performances et le déploiement.