📦

e2e-testing-patterns

Name: e2e-testing-patterns
Author: sickn33

آمن ⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة🔑 متغيرات البيئة

Créer des suites de tests E2E fiables

متاح أيضًا من: wshobson

L'écriture de tests de bout en bout est un défi. Cette compétence fournit des modèles éprouvés pour Playwright et Cypress afin de créer des tests stables et maintenables qui détectent les bogues avant les utilisateurs.

يدعم: Claude Codex Code(CC)

🥉 75 برونزي

تنزيل ZIP المهارة

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

فعّل وابدأ الاستخدام

اختبرها

استخدام "e2e-testing-patterns". Create a login test with Playwright

النتيجة المتوقعة:

Step 1: Create LoginPage class with locators for email, password, and submit button
Step 2: Implement goto() and login(email, password) methods
Step 3: Write test using page object with assertions for URL and success message
Step 4: Add error handling test for invalid credentials

استخدام "e2e-testing-patterns". How do I debug a flaky test?

النتيجة المتوقعة:

1. Replace fixed waitForTimeout with explicit waits
2. Use trace viewer: npx playwright test --trace on
3. Add screenshots on failure
4. Check for race conditions in async operations
5. Isolate test data to prevent cross-test pollution

التدقيق الأمني

آمن

v1 • 2/24/2026

All 63 static findings are false positives. The analyzer incorrectly interprets markdown code fences as Ruby shell commands, JavaScript operators as cryptographic issues, and test configuration as system reconnaissance. This is a documentation skill with educational content about E2E testing patterns using Playwright and Cypress. No actual security risks exist.

الملفات التي تم فحصها

576

الأسطر التي تم تحليلها

النتائج

إجمالي عمليات التدقيق

عوامل الخطر

⚙️ الأوامر الخارجية (32)

🌐 الوصول إلى الشبكة (4)

resources/implementation-playbook.md:249 resources/implementation-playbook.md:326 resources/implementation-playbook.md:65 resources/implementation-playbook.md:289

🔑 متغيرات البيئة (8)

resources/implementation-playbook.md:57 resources/implementation-playbook.md:58 resources/implementation-playbook.md:59 resources/implementation-playbook.md:174 resources/implementation-playbook.md:57 resources/implementation-playbook.md:58 resources/implementation-playbook.md:59 resources/implementation-playbook.md:174

تم تدقيقه بواسطة: claude

درجة الجودة

الهندسة المعمارية

100

قابلية الصيانة

المحتوى

المجتمع

100

الأمان

100

الامتثال للمواصفات

ماذا يمكنك بناءه

Configurer des tests E2E pour un nouveau projet

Configurer Playwright ou Cypress from scratch avec une structure appropriée, des rapporteurs et l'intégration CI

Corriger les tests instables

Remplacer les sélecteurs fragiles et les délais fixes par des stratégies d'attente appropriées et des localisateurs stables

Mettre à l'échelle l'exécution des tests

Implémenter l'exécution parallèle et le partitionnement des tests pour réduire le temps du pipeline CI de heures à minutes

جرّب هذه الموجهات

Créer un test de connexion

Créer un test de bout en bout pour une page de connexion utilisant Playwright. Inclure des sélecteurs appropriés, des assertions et la gestion des erreurs pour les tentatives de connexion réussies et échouées.

Simuler une réponse API

Montrer comment simuler une réponse API dans Cypress pour tester la gestion des erreurs sans dépendre d'un vrai service backend.

Configurer un pipeline CI

Configurer Playwright pour exécuter les tests en CI avec l'exécution parallèle, la logique de répétition et la génération de rapport HTML.

Test d'accessibilité

Implémenter des tests d'accessibilité en utilisant axe-core pour s'assurer que l'application respecte les directives WCAG.

أفضل الممارسات

Utiliser data-testid ou les rôles sémantiques au lieu des sélecteurs CSS pour des localisateurs stables
Garder les tests indépendants avec une configuration et un nettoyage appropriés des données de test
Exécuter les tests en parallèle dans CI pour réduire le temps d'exécution

تجنب

Utiliser des délais fixes comme waitForTimeout(3000) - cause de l'instabilité
Tester les détails d'implémentation au lieu du comportement visible par l'utilisateur
Partager l'état entre les tests - conduit à des échecs en cascade

الأسئلة المتكررة

Playwright vs Cypress : Lequel dois-je choisir ?

Playwright offre une meilleure compatibilité cross-browser et une exécution plus rapide. Cypress a un écosystème plus mature et un débogage plus facile. Choisissez en fonction de vos exigences de navigateur et de la familiarité de votre équipe.

Comment rendre les tests moins instables ?

Utilisez des attentes explicites au lieu des délais, évitez de tester les détails d'implémentation, assurezvous que les données de test sont correctement isolées, et ajoutez une logique de répétition pour les opérations dépendantes du réseau.

Comment exécuter les tests en parallèle ?

Configurez les workers Playwright ou la parallélisation Cypress. Utilisez le partitionnement des tests pour distribuer les tests sur plusieurs machines en CI. Assurez-vous que les tests sont indépendants pour éviter les conflits.

Puis-je tester des API avec des outils E2E ?

Oui, Playwright et Cypress supportent tous les deux les tests API. Utilisez page.request() dans Playwright ou cy.request() dans Cypress pour des appels API directs sans interaction UI.

Comment gérer l'authentification dans les tests ?

Utilisez la connexion API pour définir les cookies ou les jetons, ou utilisez les API de stockage du navigateur pour définir les données de session directement. Évitez la connexion UI à chaque test pour de meilleures performances.

Qu'est-ce que le modèle Page Object ?

Un modèle de conception qui encapsule la logique spécifique à la page et les sélecteurs dans une classe. Améliore la maintenabilité des tests en centralisant les modifications de page à un seul endroit plutôt que dans tous les tests.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/e2e-testing-patterns

مرجع

main

بنية الملفات

📁 resources/

📄 implementation-playbook.md

📄 SKILL.md