WebdriverIO · Node.js के लिए नेक्स्ट-जेन ब्राउज़र और मोबाइल ऑटोमेशन टेस्ट फ्रेमवर्क

import { $, expect } from '@wdio/globals'
import { render } from '@testing-library/vue'
import HelloWorld from '../../src/components/HelloWorld.vue'

describe('Component Testing', () => {
    it('increments value on click', async () => {
        const { getByText } = render(HelloWorld)
        const btn = getByText('count is 0')

        // transform into WebdriverIO element
        const button = await $(btn)

        // interact with element like a real user
        await button.click()
        await button.click()

        getByText('count is 2')
    })
})

वास्तविक ब्राउज़र में E2E और यूनिट/घटक परीक्षण!

WebdriverIO आपके वेब ऐप डेवलपमेंट के लिए एक all in one फ्रेमवर्क है। यह आपको छोटे और हल्के घटक परीक्षण चलाने के साथ-साथ ब्राउज़र या मोबाइल डिवाइस पर e2e परीक्षण परिदृश्य चलाने में सक्षम बनाता है। यह इस बात की गारंटी देता है कि आप {useBy} परिवेश में परीक्षण करेंगे.

यह स्मार्ट चयनकर्ता रणनीतियों के साथ आता है जो इंटरेक्शन को आसान बनाता है जैसे React components के साथ या नेस्टेड शैडो डोम ट्री के साथ डीप सेलेक्टर क्वेरी चलाना। जैसा कि एक मानकीकृत स्वचालन प्रोटोकॉल के माध्यम से बातचीत होती है, यह गारंटी है कि वे मूल रूप से व्यवहार करते हैं और केवल जावास्क्रिप्ट अनुकरण नहीं करते हैं।

वेब कॉम्पोनेन्ट परीक्षण के लिए आसान सेटअप:

सेकंड के भीतर WebdriverIO के साथ आरंभ करें

The WebdriverIO testrunner comes with a command line interface that provides a powerful configuration utility and helps you to create your test setup in less than a minute. It lets you pick from available test framework integrations and easily allows to add all supported reporter and service plugins!

केवल एक साधारण कमांड के साथ आप एक पूर्ण परीक्षण सूट सेट अप कर सकते हैं:


$ npm init wdio@latest ./

WebdriverIO और आरंभ करने के तरीके के बारे में अधिक सीखना प्रारंभ करें यूट्यूब पर।

WebdriverIO के बारे में बातचीत देखें

WebdriverIO के आसपास का समुदाय सक्रिय रूप से विभिन्न उपयोगकर्ता समूहों या सम्मेलनों में WebdriverIO के साथ स्वचालित परीक्षण के आसपास के विशिष्ट विषयों पर बोल रहा है। इस वार्ता को WebdriverIO की मेरी पसंदीदा विशेषताएं पर Julia Pottinger द्वारा Open Quality Conference पर देखें।

समुदाय के सदस्यों द्वारा उपयोगी ट्यूटोरियल जैसे Klamping, Seventeenth Sep या Automation Bro के साथ कई यूट्यूब चैनल भी हैं।

गूगल प्रकाशस्तंभ एकीकरण

WebdriverIO न केवल WebDriver प्रोटोकॉल के आधार पर स्वचालन रन करता है, बल्कि यह Chrome DevTools या Google Lighthouse जैसे लोकप्रिय डेवलपर टूल में एकीकरण को सक्षम करने के लिए मूल ब्राउज़र एपीआई का भी लाभ उठाता है। @wdio/devtools-service प्लगइन के साथ आपके पास यह सत्यापित करने के लिए कमांड तक पहुंच है कि क्या आपका ऐप एक वैध PWA एप्लिकेशन है और साथ ही `स्पीडइंडेक्स` और अन्य जैसे फ्रंटएंड परफॉर्मेंस मेट्रिक्स को कैप्चर करने के लिए कमांड है।

डेवलपर टूल में एकीकरण जैसे:

await browser.emulateDevice('iPhone X')
await browser.enablePerformanceAudits({
    networkThrottling: 'Good 3G',
    cacheEnabled: true,
    formFactor: 'mobile'
})

// open application under test
await browser.url('https://localhost:3000')

expect(await browser.getMetrics().firstMeaningfulPaint)
    .toBeBelow(2500)

const pwaCheckResult = await browser.checkPWA()
expect(pwaCheckResult.passed).toBe(true)