react$

يعتبر أمر react$ أمرًا مفيدًا للاستعلام عن مكونات React باستخدام أسمائها الفعلية وتصفيتها بواسطة الخصائص (props) والحالة (state).

معلومات

يعمل هذا الأمر فقط مع التطبيقات التي تستخدم React v16.x. اقرأ المزيد عن محددات React في دليل المحددات.

الاستخدام

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

المعاملات

الاسم	النوع	التفاصيل
selector	string	مكون React
options اختياري	ReactSelectorOptions	خيارات محدد React
options.props اختياري	Object	خصائص React التي يجب أن يحتوي عليها العنصر
options.state اختياري	Array<any>, number, string, object, boolean	حالة React التي يجب أن يكون فيها العنصر

مثال

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()); // prints "42"
});

العائد

• <WebdriverIO.Element>