تخطى إلى المحتوى الرئيسي

أدوات المطورين

توفر خدمة أدوات المطورين (DevTools) واجهة تصحيح قوية داخل المتصفح لتنفيذ اختبارات WebdriverIO. تتيح لك تصور اختباراتك وتصحيحها والتحكم فيها في الوقت الفعلي من خلال تطبيق ويب تفاعلي.

نظرة عامة​

هذه الخدمة تمكّنك من:

  • إعادة تشغيل الاختبارات بشكل انتقائي - انقر على أي حالة اختبار أو مجموعة لإعادة تنفيذها فوراً
  • تصحيح الأخطاء بصرياً - رؤية معاينات المتصفح المباشرة مع لقطات شاشة تلقائية
  • تتبع التنفيذ - عرض سجلات الأوامر التفصيلية مع الطوابع الزمنية والنتائج
  • مراقبة الشبكة والكونسول - فحص استدعاءات API وسجلات JavaScript
  • التنقل إلى الكود - الانتقال مباشرة إلى ملفات مصدر الاختبار

التثبيت​

قم بتثبيت الخدمة كتبعية تطوير:

npm install --save-dev @wdio/devtools-service

التكوين​

أضف الخدمة إلى تكوين WebDriverIO الخاص بك:

// wdio.conf.js
export const config = {
    // ...
    services: ['devtools'],
    // ...
};

خيارات الخدمة​

قم بتكوين خدمة DevTools باستخدام هذه الخيارات:

// wdio.conf.js
export const config = {
    // ...
    services: [
        ['devtools', {
            port: 3000,      // منفذ لواجهة أدوات المطورين (الافتراضي: 3000)
        }]
    ],
    // ...
};

الخيارات​

  • port (رقم، الافتراضي: 3000) - رقم المنفذ لخادم واجهة أدوات المطورين

كيف تعمل​

عندما تقوم بتشغيل اختبارات WebdriverIO مع تمكين خدمة DevTools:

  1. تفتح الخدمة نافذة متصفح على http://localhost:3000 (قابل للتكوين)
  2. تنفذ اختباراتك بشكل طبيعي بينما تعرض واجهة DevTools تحديثات في الوقت الفعلي
  3. تعرض الواجهة تسلسل الاختبار، ومعاينة المتصفح، والجدول الزمني للأوامر، والسجلات
  4. بعد اكتمال الاختبارات، يمكنك النقر على أي اختبار لإعادة تشغيله بشكل فردي
  5. تتم إعادة تشغيل الاختبارات في نفس جلسة المتصفح لتصحيح أسرع

الميزات​

استكشف ميزات DevTools بالتفصيل:

Welcome! How can I help?

WebdriverIO AI Copilot