मुख्य सामग्री पर जाएं

react$

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

जानकारी

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

उपयोग
$(selector).react$(selector, { props, state })
पैरामीटर्स
नामप्रकारविवरण
selectorstringReact कंपोनेंट का
options
वैकल्पिक
ReactSelectorOptionsReact सेलेक्टर विकल्प
options.props
वैकल्पिक
ObjectReact props जो एलिमेंट में होने चाहिए
options.state
वैकल्पिक
Array<any>, number, string, object, booleanReact 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>

Welcome! How can I help?

WebdriverIO AI Copilot