e2e-testing-patterns
بناء مجموعات اختبارات موثوقة من طرف إلى طرف
تكتشف اختبارات من طرف إلى طرف الأخطاء الحرجة قبل المستخدمين، لكن الاختبارات غير المستقرة تبطئ النشر وتقلل الثقة. تعلم هذه المهارة أنماطًا مثبتة لبناء مجموعات اختبارات E2E سريعة وموثوقة باستخدام Playwright وCypress التي تحسن جودة الكود دون إبطاء فريقك.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "e2e-testing-patterns". إنشاء أمر Cypress مخصص لتسجيل دخول المستخدم
النتيجة المتوقعة:
أنتج أمر Cypress مخصص يقبل معلمات البريد الإلكتروني وكلمة المرور، وينتقل إلى صفحة تسجيل الدخول، ويملأ بيانات الاعتماد باستخدام محددات data-testid، ويضغط على زر الإرسال، ويتقق من إعادة التوجيه الناجحة إلى لوحة التحكم. يتضمن تعريفات نوع TypeScript لدعم الإكمال التلقائي في IDE.
استخدام "e2e-testing-patterns". كيف أجعل هذا الاختبار أقل عدم استقرارًا؟
النتيجة المتوقعة:
حدد ثلاثة مصادر لعدم الاستقرار: يجب استبدال الانتظار بصلاحيات زمنية ثابتة مع انتظار مشروط، ويجب أن يستخدم محددات فئة CSS سمات data-testid، ومشارك المتغيرات العالمية بين الاختبارات بالتوازي. قدم تغييرات كود محددة مع waitForState المناسبة، والمحددات المستندة إلى الأدوار، وأدوات الاختبار المعزولة.
استخدام "e2e-testing-patterns". إعداد اختبار الانحدار البصري باستخدام Playwright
النتيجة المتوقعة:
أنشأ نمط اختبار الانحدار البصري الذي يلتقط لقطات شاشة كاملة للصفحة، ويتعامل مع أحجام نافذة العرض المختلفة، ويستثني المحتوى الديناميكي مثل الطوابع الزمنية، ويستخدم عتبات فرق البكسل لتقليل الإيجابيات الكاذبة. يتضمن سير عمل توليد خط الأساس وخطوات التكامل مع CI.
التدقيق الأمني
آمنThis skill provides educational content for end-to-end testing patterns with Playwright and Cypress. All static findings are false positives: weak crypto detections are from filename patterns, backtick executions are code examples in documentation, environment variable access is legitimate test configuration, and hardcoded URLs are localhost test endpoints. No security risks identified.
درجة الجودة
ماذا يمكنك بناءه
مهندس ضمان الجودة يبني أتمتة الاختبار
يحتاج مهندس ضمان الجودة إلى إنشاء معايير اختبار E2E لمشروع جديد. يستخدم هذه المهارة لإنتاج نماذج كائن الصفحة، وإعداد التكامل مع CI/CD، وتنفيذ استراتيجيات انتظار موثوقة تقلل من عدم استقرار الاختبارات.
مطور الواجهة الأمامية يختبر تدفقات المستخدم
يريد مطور الواجهة الأمامية إضافة اختبارات E2E لتدفقات المستخدم الحرجة مثل المصادقة والدفع. يستخدم هذه المهارة لإنشاء أنماط السخرية الشبكية، والأدوات المخصصة، واختبارات الوصول التي تكتشف الانحدار مبكرًا.
القيادة التقنية تؤسس معايير الاختبار
تحتاج القيادة التقنية إلى إنشاء أفضل ممارسات الاختبار من طرف إلى طرف عبر فرق متعددة. تستخدم هذه المهارة لتوثيق استراتيجيات المحددات، وأنماط الاختبار المتوازي، ومنهجيات التصحيح التي تحسن قابلية صيانة مجموعة الاختبار.
جرّب هذه الموجهات
إنشاء نموذج كائن الصفحة لصفحة تسجيل الدخول مع حقول البريد الإلكتروني وكلمة المرور ومعالجة الأخطاء باستخدام Playwright
مراجعة هذا الاختبار واقتراح إصلاحات للسلوك غير المستقر الناجم عن مشاكل التوقيت وظروف السباق
إنشاء أنماط اعتراض الشبكة لسخر فشل API والحالات الهامشية لصفحة ملف المستخدم
تصميم استراتيجية تقسيم لتشغيل 200 اختبار E2E عبر 4 عمال CI مع التوزيع الأمثل
أفضل الممارسات
- استخدم المحددات الدلالية مثل getByRole وgetByLabel بدلاً من فئات CSS لإنشاء اختبارات مستقرة تتحمل إعادة هيكلة الواجهة الأمامية
- نفذ ��ستراتيجيات انتظار مناسبة مع انتظار مشروط وتأكيدات بدلاً من الصلاحيات الزمنية الثابتة للقضاء على الاختبارات غير المستقرة
- حافظ على استقلالية الاختبارات باستخدام أدوات معزولة والتنظيف لتمكين التنفيذ المتوازي وتشغيلات الاختبار الموثوقة
تجنب
- استخدام الصلاحيات الزمنية الثابتة مثل waitForTimeout بدلاً من الانتظار لشروط محددة يؤدي إلى اختبارات غير موثوقة تفشل بشكل متقطع
- اختبار تفاصيل التنفيذ أو الحالة الداخلية بدلاً من السلوك المرئي للمستخدم ينشئ اختبارات هشة تنكسر مع إعادة الهيكلة
- مشاركة الحالة بين الاختبارات أو الاعتماد على ترتيب تنفيذ الاختبار يمنع التنفيذ المتوازي ويسبب فشل متتالي