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()

        await expect(button).toMatchInlineSnapshot(
            "count is 2"
        )
    })
})

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

WebdriverIO आपके वेब ऐप विकास के लिए एक सब कुछ एक में फ्रेमवर्क है। यह आपको छोटे और हल्के कंपोनेंट टेस्ट चलाने के साथ-साथ ब्राउज़र या मोबाइल डिवाइस पर e2e टेस्ट सिनारियो चलाने की अनुमति देता है। यह गारंटी देता है कि आप परीक्षण उस पर्यावरण में करें जो आपके उपयोगकर्ताओं द्वारा उपयोग किया जाता है।

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

वेब कंपोनेंट टेस्टिंग के लिए आसान सेटअप:

WebdriverIO के साथ सेकंडों में शुरू करें

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

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


$ npm init wdio@latest ./

WebdriverIO के बारे में अधिक जानना शुरू करें और YouTube पर कैसे शुरू करें।

WebdriverIO के बारे में वार्ताएँ देखें

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

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

Google Lighthouse इंटीग्रेशन

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

डेवलपर टूल्स के साथ एकीकरण जैसे:

await browser.emulate('device', '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)

WebdriverIO का उपयोग कौन कर रहा है?

ओपन सोर्स और ओपन गवर्नेड

हम एक ओपन सोर्स प्रोजेक्ट हैं जो पारदर्शिता और समुदाय शासन के प्रति मजबूत प्रतिबद्धता रखते हैं। हम OpenJS Foundation का हिस्सा हैं जो Linux Foundation का एक हिस्सा है। प्रोजेक्ट पूरी तरह से स्वयंसेवकों द्वारा चलाया जाता है और निवेशित कंपनियों द्वारा वित्त पोषित किया जाता है जो प्रोजेक्ट को सफल देखना चाहती हैं। प्रोजेक्ट टीम इन कंपनियों के उदार प्रायोजन के लिए आभारी है।

💎 प्रीमियम प्रायोजक

🥇 गोल्ड प्रायोजक

यदि आप अपने संगठन के भीतर WebdriverIO का उपयोग करते हैं, तो कृपया प्रायोजक बनकर के द्वारा प्रोजेक्ट का समर्थन करने पर विचार करें। यह हमें प्रोजेक्ट को चलाने और विकसित करने में मदद करेगा।

हम उन सभी योगदानकर्ताओं को दिल से धन्यवाद देना चाहते हैं जिन्होंने WebdriverIO को आज के शक्तिशाली टूल बनाने में मदद की है। आपकी समर्पण और प्रयास की वास्तव में सराहना की जाती है!

वास्तविक पर्यावरण में परीक्षण करें

बहुमुखी और सुविधा समृद्ध

स्वचालित प्रतीक्षा

वेब मानकों पर आधारित

नेटिव मोबाइल समर्थन

प्रतिबद्ध समुदाय