react$

react$ कमांड एक उपयोगी कमांड है जिससे आप React कंपोनेंट्स को उनके वास्तविक नाम से क्वेरी कर सकते हैं और उन्हें props और state के आधार पर फ़िल्टर कर सकते हैं।

जानकारी

यह कमांड केवल React v16.x का उपयोग करने वाले एप्लिकेशन के साथ काम करती है। React सेलेक्टर्स के बारे में अधिक जानकारी सेलेक्टर्स गाइड में पढ़ें।

उपयोग

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

पैरामीटर्स

नाम	प्रकार	विवरण
selector	string	React कंपोनेंट का
options वैकल्पिक	ReactSelectorOptions	React सेलेक्टर विकल्प
options.props वैकल्पिक	Object	React props जो एलिमेंट में होने चाहिए
options.state वैकल्पिक	Array<any>, number, string, object, boolean	React state जिसमें एलिमेंट होना चाहिए

उदाहरण

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>