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

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

تست E2E و تست یونیت / کامپوننت در مرورگر واقعی!

WebdriverIO یک چارچوب همه چیز در یک جا برای توسعه برنامه وب شما است. این به شما امکان می دهد تا تست های اجزای کوچک و سبک وزن و همچنین اجرای سناریوهای تست e2e را در مرورگر یا دستگاه تلفن همراه اجرا کنید. این تضمین می کند که شما تست را در یک محیط توسط کاربران شما استفاده می شود انجام دهید.

همچنین با استراتژی‌های انتخابگر هوشمندی ارائه می‌شود که تعامل را ساده می‌کند، مثلاً با React components یا اجرای درخواست‌های انتخابگر عمیق با درخت‌های Shadow 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 و نحوه شروع کنید در یوتیوب.

سخنانی را در رابطه با WebdriverIO تماشا کنید

جامعه اطراف WebdriverIO به طور فعال در گروه های کاربری یا کنفرانس های مختلف در مورد موضوعات خاص در مورد تست خودکار با WebdriverIO صحبت می کند. این گفتگو را در ویژگی های مورد علاقه من در WebdriverIO توسط Julia Pottinger در Open Quality Conference بررسی کنید.

همچنین بسیاری از کانال های YouTube با آموزش های مفید توسط اعضای انجمن مانند Klamping، Seventeenth Sep یا Automation Bro وجود دارد.

ادغام Google Lighthouse

WebdriverIO نه تنها اتوماسیون را بر اساس پروتکل WebDriver اجرا می کند، بلکه از APIهای مرورگر بومی نیز برای فعال کردن ادغام با ابزارهای توسعه دهنده محبوب مانند Chrome DevTools یا Google Lighthouse استفاده می کند. با افزونه @wdio/devtools-service ، به دستوراتی برای تأیید اعتبار در صورتی که برنامه شما یک برنامه PWA معتبر است و همچنین به دستوراتی برای ثبت معیارهای عملکرد فرانت اند مانند «speedIndex» و موارد دیگر دسترسی دارید.

ادغام با ابزارهای توسعه دهنده مانند:

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)