react$$

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

معلومات

يعمل هذا الأمر فقط مع التطبيقات التي تستخدم 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 orangeButtons = await browser.react$$('t', {
        props: { orange: true }
    })
    console.log(await orangeButtons.map((btn) => btn.getText()));
    // prints "[ '÷', 'x', '-', '+', '=' ]"
});

العائد

• <WebdriverIO.ElementArray>