react$

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

जानकारी

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

उपयोग

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

पैरामीटर्स

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

उदाहरण

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>