मुख्य सामग्री पर जाएं

DevTools

DevTools सेवा WebdriverIO टेस्ट एक्ज़ीक्यूशन के लिए एक शक्तिशाली ब्राउज़र-आधारित डीबगिंग इंटरफेस प्रदान करती है। यह आपको एक इंटरैक्टिव वेब एप्लिकेशन के माध्यम से रीयल-टाइम में अपने टेस्ट को विज़ुअलाइज़, डीबग और नियंत्रित करने की अनुमति देती है।

ओवरव्यू​

यह सेवा आपको निम्न कार्य करने में सक्षम बनाती है:

  • चयनात्मक रूप से टेस्ट फिर से चलाएँ - किसी भी टेस्ट केस या सूट पर क्लिक करके उसे तुरंत फिर से एक्ज़ीक्यूट करें
  • विज़ुअल रूप से डीबग करें - स्वचालित स्क्रीनशॉट के साथ लाइव ब्राउज़र प्रीव्यू देखें
  • एक्ज़ीक्यूशन पर नज़र रखें - टाइमस्टैम्प और परिणामों के साथ विस्तृत कमांड लॉग देखें
  • नेटवर्क और कंसोल की निगरानी करें - API कॉल और JavaScript लॉग का निरीक्षण करें
  • कोड पर नेविगेट करें - सीधे टेस्ट सोर्स फाइलों पर जाएँ

इंस्टॉलेशन​

सेवा को dev डिपेंडेंसी के रूप में इंस्टॉल करें:

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,      // Port for the devtools UI (default: 3000)
        }]
    ],
    // ...
};

ऑप्शन्स​

  • port (number, default: 3000) - devtools UI सर्वर के लिए पोर्ट नंबर

यह कैसे काम करता है​

जब आप DevTools सेवा सक्षम के साथ अपने WebdriverIO टेस्ट चलाते हैं:

  1. सेवा http://localhost:3000 (कॉन्फ़िगर करने योग्य) पर एक ब्राउज़र विंडो खोलती है
  2. आपके टेस्ट सामान्य रूप से एक्ज़ीक्यूट होते हैं जबकि DevTools UI रीयल-टाइम अपडेट प्रदर्शित करता है
  3. UI टेस्ट पदानुक्रम, ब्राउज़र प्रीव्यू, कमांड टाइमलाइन और लॉग दिखाता है
  4. टेस्ट पूरा होने के बाद, आप किसी भी टेस्ट को व्यक्तिगत रूप से फिर से चलाने के लिए क्लिक कर सकते हैं
  5. टेस्ट तेज़ डीबगिंग के लिए समान ब्राउज़र सेशन में फिर से चलते हैं

फीचर्स​

DevTools फीचर्स का विस्तार से पता लगाएं:

Welcome! How can I help?

WebdriverIO AI Copilot