P
💻DeveloppementIntermediaireAll AIs

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 :

  1. 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)

  2. 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

  3. Un fichier de fixtures (test-data.ts) contenant les données de test réutilisables.

  4. 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.describe pour regrouper les tests par fonctionnalité
  • Privilégie locator avec 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

Bootstrapper une suite de tests E2E sur un projet existant sans couverture de testsStandardiser les pratiques de test dans une équipe de développementPréparer une application pour un déploiement en CI/CD avec des tests automatisés fiablesFormer des développeurs juniors aux bonnes pratiques de test Playwright

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'Optimiseur

Commentaires

  • 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

ContexteEmbeddingFew-shot promptingFine-tuningGPTGuardrailsInferenceLLM

📬 Recevez de nouveaux prompts chaque semaine

Rejoignez notre newsletter et ne manquez aucun prompt.

Pour aller plus loin

Améliore ce prompt avec l'Optimiseur

Analyse le prompt, renforce le contexte et obtiens une version plus précise.

Prompt Engineering

Les principes transverses pour écrire des prompts plus fiables.

Prompts similaires

💻DeveloppementAvanceAll AIs

Concevoir un cadre de conformité en tant que code

Automatiser les contrôles de conformité

0288
💻DeveloppementAvanceAll AIs

Stratégie de scheduling avancée

Optimiser le placement des pods

0328
💻DeveloppementDebutantAll AIs

Concevoir une stratégie de journalisation

Concevoir une journalisation centralisée

0279
💻DeveloppementDebutantAll AIs

Documenter du code existant

Documenter rapidement du code existant non documenté

0321