Prompt pour écrire des tests end-to-end avec Playwright
Génère une suite complète de tests end-to-end Playwright avec Page Object Model, scénarios nominaux et d'erreur, fixtures et configuration optimisée.
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 avec Playwright. Génère une suite de tests E2E complète pour l'application suivante :
- Type d'application : [TYPE_APPLICATION (ex: e-commerce, SaaS, blog, application bancaire)]
- Stack technique : [STACK_TECHNIQUE (ex: Next.js + API REST, Vue.js + GraphQL, React + Node.js)]
- Fonctionnalités à tester : [FONCTIONNALITES (ex: inscription, connexion, ajout au panier, paiement, tableau de bord)]
- URL de base : [URL_BASE (ex: http://localhost:3000)]
Pour chaque fonctionnalité, génère :
-
Un fichier de test Playwright (.spec.ts) avec :
- Des descriptions de test claires en français
- L'utilisation du Page Object Model pour isoler les sélecteurs
- Des assertions explicites avec
expect - La gestion des états (beforeEach, afterEach) pour l'isolation des tests
- Des data-testid pour les sélecteurs (pas de sélecteurs CSS fragiles)
-
Les scénarios suivants pour chaque fonctionnalité :
- Le parcours nominal (happy path)
- Au moins 2 cas d'erreur (champs vides, données invalides, timeout réseau)
- Un test de régression visuelle si pertinent
-
Un fichier de fixtures (test-data.ts) contenant les données de test réutilisables.
-
La configuration playwright.config.ts adaptée avec :
- Les navigateurs cibles (Chromium, Firefox, WebKit)
- Les timeouts appropriés
- Le base URL configuré
- Le reporter HTML activé
Respecte ces bonnes pratiques :
- Chaque test doit être indépendant et idempotent
- Utilise
test.describepour regrouper les tests par fonctionnalité - Privilégie
locatoravec des rôles ARIA ou data-testid - Ajoute des commentaires expliquant la logique métier testée
- Inclus des
await page.waitForLoadState()aux endroits critiques - Gère l'authentification via storageState pour éviter de se reconnecter à chaque 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
<p>Ce prompt vous permet de générer rapidement une suite de tests end-to-end professionnelle avec Playwright. En précisant le <strong>type d'application</strong> et la <strong>stack technique</strong>, l'IA adapte les tests au contexte réel de votre projet : sélecteurs adaptés, gestion d'état spécifique au framework, et scénarios métier pertinents.</p><p>Le prompt impose l'utilisation du <strong>Page Object Model</strong>, un pattern essentiel pour maintenir des tests lisibles et évolutifs. Les sélecteurs basés sur des <strong>data-testid</strong> et des rôles ARIA garantissent des tests robustes qui ne cassent pas au moindre changement de style CSS. L'inclusion systématique de cas d'erreur et de tests de régression visuelle assure une couverture complète.</p><p>Pour tirer le meilleur parti de ce prompt :</p><ul><li>Soyez précis sur les <strong>fonctionnalités à tester</strong> — listez les parcours utilisateur critiques plutôt que des pages génériques</li><li>Mentionnez les <strong>dépendances externes</strong> (API tierce, base de données) pour que l'IA propose des mocks ou intercepteurs réseau appropriés</li><li>Itérez en demandant d'ajouter des tests de performance ou d'accessibilité une fois la base en place</li></ul>
Cas d'usage
Résultat attendu
Une suite de fichiers TypeScript prêts à l'emploi comprenant les tests Playwright organisés par fonctionnalité, les Page Objects correspondants, un fichier de fixtures avec les données de test, et une configuration Playwright optimisée pour l'exécution multi-navigateurs.
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 un rendu plus robuste, demandez à Playwright de lancer l’application via `webServer` dans `playwright.config.ts` (commande npm, port, `reuseExistingServer`), et d’utiliser les fixtures natives (`test.beforeEach`) pour injecter les données de test plutôt qu’un simple fichier `test-data.ts`. Précisez aussi de mocker les appels réseau avec `page.route` pour rendre les tests indépendants d’un backend instable.
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 Mistral pour créer un prototype
Mistral, le modèle d'IA français de référence, s'impose comme un outil redoutable pour accélérer la création de prototypes. Que vous développiez une application web, une API ou un produit numérique, Mistral peut générer du code fonctionnel, structurer votre architecture et produire un prototype testable en quelques minutes. Contrairement à une approche traditionnelle où le prototypage nécessite plusieurs jours de développement, l'utilisation de Mistral permet de valider rapidement une idée en obtenant un squelette fonctionnel complet. Le modèle excelle particulièrement dans la génération de code structuré, la proposition d'architectures cohérentes et la création d'interfaces utilisateur basiques mais fonctionnelles. En formulant un prompt précis qui décrit votre vision produit, les fonctionnalités clés et les contraintes techniques, vous obtenez un prototype qui sert de base solide pour itérer. Cette approche est particulièrement prisée par les startups, les product managers et les développeurs indépendants qui cherchent à tester une hypothèse de marché sans investir des semaines de développement. Voici comment exploiter Mistral pour transformer votre idée en prototype concret.
Conformité PCI-DSS ou SOC2
Préparer une conformité réglementaire
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.