Aller au contenu principal

Académie

Scripts recette métier

Scripts recette métier ChatGPT pour projets web : Playwright, scénarios API et jeux de données. Brouillon accéléré avec relecture dev avant intégration CI.

Intermédiaire · 4 min

IACodeChatGPT

Prérequis

  • Spécifications fonctionnelles ou user stories avec critères d’acceptation
  • Stack de test connue (Playwright, Vitest, curl ou Postman)
  • Environnement de staging accessible pour exécuter les scénarios
  • Compte ChatGPT ; Cursor en complément pour intégrer les fichiers au dépôt

La recette fonctionnelle repose souvent sur des parcours répétitifs mal documentés. Les scénarios manuels se perdent entre PO et dev, et les régressions passent inaperçues. ChatGPT accélère la rédaction de scripts Playwright et de checklists exécutables — à valider par un développeur avant intégration CI.

Traduire la recette métier en scénarios testables

Partez de la checklist recette Notion ou ClickUp : listez les parcours critiques (inscription, paiement, soumission formulaire, recherche catalogue). Un scénario = un objectif métier mesurable.

Pour chaque parcours, documentez état initial, actions utilisateur, résultat attendu côté UI et effets de bord (e-mail, webhook CRM, entrée base). Ce contexte alimente le prompt ChatGPT.

Générer scripts UI et tests API

Demandez un script Playwright ou Cypress aligné sur vos conventions de nommage et dossiers (`e2e/`, `tests/`). Fournissez un extrait de DOM ou des data-testid existants pour limiter les sélecteurs CSS fragiles.

Pour les APIs, demandez des requêtes curl ou des tests Vitest avec jeux de données anonymisés. Précisez codes HTTP attendus et structure JSON de réponse.

Intégrer au dépôt et à la CI

Collez le script dans Cursor, lancez `@codebase` pour adapter imports et helpers existants. Exécutez localement sur staging avant PR.

Ajoutez les scénarios au pipeline CI sur environnement éphémère. Documentez dans le runbook : fréquence, données seed, responsable maintenance.

Erreurs fréquentes

Prompt sans framework imposé : code incompatible avec le repo.

Sélecteurs CSS sur classes Tailwind génériques : tests flaky dès le premier refactor.

Données de production copiées dans le prompt : fuite RGPD.

Scénarios trop larges couvrant dix parcours : échec difficile à diagnostiquer.

Oublier les états d’erreur (formulaire invalide, timeout API).

Ce qu’il faut retenir

ChatGPT accélère le brouillon ; le dev valide, adapte et maintient les scripts.

Un parcours métier = un scénario isolé avec assertions explicites.

Préférez data-testid et helpers du projet aux sélecteurs inventés.

Intégrez tôt en CI staging pour que la recette survive aux livraisons suivantes.

FAQ

ChatGPT pour le brouillon métier structuré ; Cursor pour l’intégration au dépôt via @codebase, le typage strict et l’exécution locale. Enchaînez les deux plutôt que de choisir.

Tunnel de conversion, formulaires avec webhook CRM et authentification. Ce sont les régressions les plus coûteuses en production.

Non recommandé en une passe : procédez par vague alignée sur les sprints, avec revue humaine à chaque lot. La couverture utile prime sur le volume.

Ces tutoriels pourraient vous intéresser

Travailler avec Agence Cosmos

Besoin d’aller plus loin qu’un tutoriel ? Nous cadrons, concevons et livrons des sites et produits digitaux mesurables.

Contact

Parlons d’une mission utile, réaliste et mesurable.

À partir du brief, vous recevez une proposition structurée : objectifs, périmètre, livrables, planning, risques et hypothèses. Nous priorisons la clarté dans les choix et la mise en production.

Vous préférez un message court ? utilisez le formulaire sur la page contact.

Étapes clés - projet web

  1. 01Brief & cadrage
  2. 02UX, UI & contenus
  3. 03Développement & intégration
  4. 04Recette, performance & qualité
  5. 05Mise en ligne & transfert

Ce que vous obtenez

Ressources

Notre agence met à disposition des ressources pour vous aider à monter en compétence sur vos outils favoris, quel que soit votre niveau.

Accéder à l’Académie
Agence Cosmos

Studio web à Bordeaux : design produit, développement sur mesure et IA utile pour des missions claires et mesurables.

Bordeaux, Nouvelle-Aquitaine, France

contact@agence-cosmos.fr

Certifications

Navigation

Expertises

Légal & confiance

© 2024 - 2026 Agence Cosmos. Tous droits réservés - orbite en maintenance continue.