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 என்பது உங்கள் இணைய பயன்பாட்டு மேம்பாட்டிற்கான அனைத்தும் ஒன்றில் கட்டமைப்பாகும். இது சிறிய மற்றும் லைட்வெயிட் காம்போனென்ட் டெஸ்டுகளை இயக்கவும், பிரௌசர் அல்லது மொபைல் சாதனத்தில் e2e சோதனை காட்சிகளை இயக்கவும் உதவுகிறது. என்விரோன்மெண்ட் உங்கள் பயனர்களால் பயன்படுத்தப்பட்டது இல் நீங்கள் சோதனையைச் செய்ய இது உத்தரவாதம் அளிக்கிறது.

இது ஸ்மார்ட் செலக்டர் உத்திகளுடன் வருகிறது, இது React components உடன் தொடர்புகொள்வதை எளிதாக்குகிறது அல்லது டீப் செலெக்டர் கியூரியை நெஸ்ட்டேட் ஷாடோவ் DOM ட்ரீஸ் உதவியுடன் இயக்குகிறது. தரப்படுத்தப்பட்ட ஆட்டோமேஷன் நெறிமுறை மூலம் இடைவினைகள் நிகழும்போது அவை சொந்தமாக நடந்துகொள்வது உத்தரவாதம் அளிக்கப்படுகிறது மற்றும் ஜாவாஸ்கிரிப்ட் மட்டுமே பின்பற்றப்படவில்லை.

காம்போனென்ட் டெஸ்டிங்கிற்கு எளிதான அமைவு:

சில நொடிகளில் 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 மற்றும் எப ்படி தொடங்குவது youTube இல் பற்றி மேலும் அறியத் தொடங்குங்கள்.

WebdriverIO பற்றிய பேச்சுகளைப் பாருங்கள்

WebdriverIO ஐச் சுற்றியுள்ள சமூகம், WebdriverIO உடனான ஆட்டோமேஷன் டெஸ்டிங் தொடர்பான குறிப்பிட்ட தலைப்புகளைப் பற்றிப் பல்வேறு பயனர் குழுக்கள் அல்லது மாநாடுகளில் தீவிரமாகப் பேசுகிறது. இந்தப் பேச்சை எனக்கு பிடித்த WebdriverIO அம்சங்கள் ஆல் Julia Pottinger மணிக்கு Open Quality Conference க்கு பாருங்கள்.

Klamping, Seventeenth Sep அல்லது Automation Bro போன்ற சமூக உறுப்பினர்களின் பயனுள்ள பயிற்சிகளுடன் பல YouTube சேனல்களும் உள்ளன.

கூகுள் லைட்ஹவுஸ் ஒருங்கிணைப்பு

WebdriverIO ஆனது WebDriver நெறிமுறையின் அடிப்படையில் ஆட்டோமேஷனை இயக்குவது மட்டுமின்றி, Chrome DevTools அல்லது Google Lighthouse போன்ற பிரபலமான டெவலப்பர் கருவிகளுக்கான ஒருங்கிணைப்புகளை இயக்குவதற்கு நேட்டிவ் பிரவுசர் API களையும் பயன்படுத்துகிறது. @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)