react$

دستور react$ یک دستور مفید برای جستجوی کامپوننت‌های React با نام واقعی آنها و فیلتر کردن آنها بر اساس props و state است.

اطلاعات

این دستور فقط با برنامه‌هایی که از React نسخه ۱۶.x استفاده می‌کنند کار می‌کند. اطلاعات بیشتر درباره انتخابگرهای React را در راهنمای Selectors بخوانید.

استفاده

browser.react$(selector, { props, state })

پارامترها

نام	نوع	جزئیات
selector	string	کامپوننت React
options اختیاری	ReactSelectorOptions	گزینه‌های انتخابگر React
options.props اختیاری	Object	props های React که عنصر باید شامل آنها باشد
options.state اختیاری	Array<any>, number, string, object, boolean	state ری‌اکت که عنصر باید در آن باشد

مثال

pause.js

it('should calculate 7 * 6', async () => {
    await browser.url('https://ahfarmer.github.io/calculator/');
    const appWrapper = await $('div#root')

    await browser.react$('t', {
        props: { name: '7' }
    }).click()
    await browser.react$('t', {
        props: { name: 'x' }
    }).click()
    await browser.react$('t', {
        props: { name: '6' }
    }).click()
    await browser.react$('t', {
        props: { name: '=' }
    }).click()

    console.log(await $('.component-display').getText()); // چاپ می‌کند "42"
});

خروجی

• <WebdriverIO.Element>