e2e-testing
أتمتة اختبار End-to-End باستخدام Playwright
الاختبار اليدوي بطيء وعرضة للأخطاء. توفر هذه المهارة سير عمل منظم من 7 مراحل لاختبار E2E الآلي باستخدام Playwright، من الإعداد إلى دمج CI/CD.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "e2e-testing". إعداد اختبار E2E لتطبيق React
النتيجة المتوقعة:
ينشئ ملف تكوين Playwright ويثبت التبعيات ويعد هيكل دليل الاختبار ويوفر ملف اختبار مثال مع اختبار تدفق تسجيل الدخول
استخدام "e2e-testing". تشغيل اختبارات متعددة المتصفحات
النتيجة المتوقعة:
ينفذ مجموعة الاختبار عبر متصفحات Chromium وFirefox وWebKit مع تقارير تفصيلية للنجاح/الفشل ومخرجات لقطات الشاشة للاختبارات الفاشلة
التدقيق الأمني
آمن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.
درجة الجودة
ماذا يمكنك بناءه
مهندسو ضمان الجودة الذين يقومون بأتمتة اختبار الانحدار
إعداد مجموعات اختبار E2E شاملة يتم تشغيلها تلقائيًا عند كل تغيير في الكود، لاكتشاف الانحدارات قبل النشر إلى الإنتاج.
المطورون الذين ينفذون التطوير المدفوع بالاختبار
إنشاء اختبارات متصفح آلية جنبًا إلى جنب مع تطوير الميزات لضمان عمل تدفقات المستخدمين بشكل صحيح عبر جميع المتصفحات المدعومة.
فرق DevOps التي تبني خطوط أنابيب CI/CD
دمج اختبار E2E الآلي في سير عمل النشر مع التنفيذ المتوازي والمخرجات وإعداد تقارير الاختبار.
جرّب هذه الموجهات
استخدم @playwright-skill لإعداد اختبار Playwright في مشروعي. قم بتثبيت التبعيات وتكوين إطار الاختبار وإنشاء ملف اختبار أساسي.
استخدم @e2e-testing-patterns لتصميم استراتيجية اختبار E2E لتطبيقي. حدد تدفقات المستخدمين الحرجة التي تحتاج إلى اختبار آلي.
استخدم @playwright-skill لتنفيذ اختبار التراجع البصري. قم بإعداد صور الخط الأساسي وإضافة تأكيدات بصرية لاكتشاف تغييرات واجهة المستخدم.
استخدم @github-actions-templates لإنشاء سير عمل GitHub Actions يشغل اختبارات E2E بالتوازي عبر المتصفحات ويرفع مخرجات الاختبار.
أفضل الممارسات
- استخدم نمط page object لفصل منطق الاختبار عن هيكل الصفحة للحصول على اختبارات قابلة للصيانة
- نفذ استراتيجيات انتظار مناسبة باستخدام الانتظار التلقائي من Playwright بدلاً من مهلات الانتظار المحددة بالكود
- شغّل الاختبارات في الوضع بدون واجهة لـ CI والوضع مع الواجهة محليًا للتصحيح
تجنب
- استخدام تأخيرات النوم المحددة بالكود بدلاً من وظيفة الانتظار التلقائي المدمجة في Playwright
- كتابة اختبارات تعتمد على ترتيب تنفيذ محدد للاختبار بدلاً من اختبارات معزولة
- تخزين بيانات اعتماد الاختبار كنص عادي بدلاً من استخدام متغيرات البيئة