स्मार्टयूआई

TestMu AI (पूर्व में LambdaTest) SmartUI आपके WebdriverIO परीक्षणों के लिए AI-संचालित विज़ुअल रिग्रेशन टेस्टिंग प्रदान करता है। यह स्क्रीनशॉट कैप्चर करता है, उन्हें बेसलाइन के साथ तुलना करता है, और बुद्धिमान तुलना एल्गोरिदम के साथ दृश्य अंतर को हाइलाइट करता है।

सेटअप

SmartUI प्रोजेक्ट बनाएं

TestMu AI (पूर्व में LambdaTest) पर साइन इन करें और नया प्रोजेक्ट बनाने के लिए SmartUI Projects पर नेविगेट करें। प्लेटफॉर्म के रूप में Web का चयन करें और अपने प्रोजेक्ट का नाम, अप्रूवर्स और टैग कॉन्फ़िगर करें।

क्रेडेंशियल्स सेट करें

TestMu AI (पूर्व में LambdaTest) डैशबोर्ड से अपना LT_USERNAME और LT_ACCESS_KEY प्राप्त करें और उन्हें एनवायरनमेंट वेरिएबल्स के रूप में सेट करें:

export LT_USERNAME="<your username>"
export LT_ACCESS_KEY="<your access key>"

SmartUI SDK इंस्टॉल करें

npm install @lambdatest/wdio-driver

WebdriverIO कॉन्फ़िगर करें

अपने wdio.conf.js को अपडेट करें:

exports.config = {
  user: process.env.LT_USERNAME,
  key: process.env.LT_ACCESS_KEY,

  capabilities: [{
    browserName: 'chrome',
    browserVersion: 'latest',
    'LT:Options': {
      platform: 'Windows 10',
      build: 'SmartUI Build',
      name: 'SmartUI Test',
      smartUI.project: '<Your Project Name>',
      smartUI.build: '<Your Build Name>',
      smartUI.baseline: false
    }
  }]
}

उपयोग

स्क्रीनशॉट कैप्चर करने के लिए browser.execute('smartui.takeScreenshot') का उपयोग करें:

describe('WebdriverIO SmartUI Test', () => {
  it('should capture screenshot for visual testing', async () => {
    await browser.url('https://webdriver.io');

    await browser.execute('smartui.takeScreenshot', {
      screenshotName: 'Homepage Screenshot'
    });

    await browser.execute('smartui.takeScreenshot', {
      screenshotName: 'Homepage with Options',
      ignoreDOM: {
        id: ['dynamic-element-id'],
        class: ['ad-banner']
      }
    });
  });
});

टेस्ट चलाएं

npx wdio wdio.conf.js

SmartUI Dashboard में परिणाम देखें।

उन्नत विकल्प

तत्वों को अनदेखा करें

await browser.execute('smartui.takeScreenshot', {
  screenshotName: 'Ignore Dynamic Elements',
  ignoreDOM: {
    id: ['element-id'],
    class: ['dynamic-class'],
    xpath: ['//div[@class="ad"]']
  }
});

विशिष्ट क्षेत्रों का चयन करें

await browser.execute('smartui.takeScreenshot', {
  screenshotName: 'Compare Specific Area',
  selectDOM: {
    id: ['main-content']
  }
});

संसाधन

संसाधन	विवरण
आधिकारिक दस्तावेज़ीकरण	SmartUI दस्तावेज़ीकरण
SmartUI डैशबोर्ड	अपने SmartUI प्रोजेक्ट और बिल्ड तक पहुंचें
उन्नत सेटिंग्स	तुलना संवेदनशीलता कॉन्फ़िगर करें
बिल्ड विकल्प	उन्नत बिल्ड कॉन्फ़िगरेशन