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.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "e2e-testing". Set up E2E testing for a React application
النتيجة المتوقعة:
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
استخدام "e2e-testing". Run cross-browser tests
النتيجة المتوقعة:
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
التدقيق الأمني
آمنStatic 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.
درجة الجودة
ماذا يمكنك بناءه
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.
جرّب هذه الموجهات
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.
أفضل الممارسات
- 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
تجنب
- 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