react$

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

معلومات

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

الاستخدام

$(selector).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 browser.$('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>