e2e-testing
Automatiser les tests de bout en bout avec Playwright
Les tests manuels sont lents et sujets aux erreurs. Cette compétence fournit un flux de travail structuré en 7 phases pour les tests E2E automatisés avec Playwright, de la configuration à l'intégration CI/CD.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "e2e-testing". Set up E2E testing for a React application
Résultat attendu:
Crée le fichier de configuration Playwright, installe les dépendances, configure la structure du répertoire de test et fournit un fichier de test d'exemple avec un test de flux de connexion
Utilisation de "e2e-testing". Run cross-browser tests
Résultat attendu:
Exécute la suite de tests contre les navigateurs Chromium, Firefox et WebKit avec des rapports détaillés de succès/échec et des artefacts de capture d'écran pour les tests échoués
Audit de sécurité
SûrStatic analyzer flagged 34 patterns (30 external_commands, 4 blocker) but all are false positives. The SKILL.md file is documentation, not executable code. Backticks are markdown formatting for skill references, not shell commands. No actual code execution or dangerous patterns exist.
Score de qualité
Ce que vous pouvez construire
Ingénieurs QA automatisant les tests de régression
Configurer des suites de tests E2E complètes qui s'exécutent automatiquement à chaque modification du code, en détectant les régressions avant le déploiement en production.
Développeurs implémentant le développement piloté par les tests
Créer des tests de navigateur automatisés alongside le développement des fonctionnalités pour garantir que les flux utilisateur fonctionnent correctement sur tous les navigateurs pris en charge.
Équipes DevOps construisant des pipelines CI/CD
Intégrer les tests E2E automatisés dans les workflows de déploiement avec exécution parallèle, artefacts et rapports de test.
Essayez ces prompts
Use @playwright-skill to set up Playwright testing in my project. Install dependencies, configure test framework, and create a basic test file.
Use @e2e-testing-patterns to design an E2E test strategy for my application. Identify critical user flows that need automated testing.
Use @playwright-skill to implement visual regression testing. Set up baseline images and add visual assertions to detect UI changes.
Use @github-actions-templates to create a GitHub Actions workflow that runs E2E tests in parallel across browsers and uploads test artifacts.
Bonnes pratiques
- Utiliser le pattern d'objet de page pour séparer la logique de test de la structure de page pour des tests maintenables
- Implémenter des stratégies d'attente appropriées en utilisant l'auto-attente de Playwright au lieu de délais codés en dur
- Exécuter les tests en mode headless pour CI et en mode headed localement pour le débogage
Éviter
- Utiliser des délais de sommeil codés en dur au lieu de la fonctionnalité d'auto-attente intégrée de Playwright
- Écrire des tests qui dépendent d'un ordre d'exécution spécifique au lieu de tests isolés
- Stocker les identifiants de test en texte brut au lieu d'utiliser des variables d'environnement