react$
دستور react$
یک دستور مفید برای پرس و جوی کامپوننتهای React با نام واقعی آنها و فیلتر کردن آنها بر اساس props و state است.
اطلاعات
این دستور فقط با برنامههایی که از React نسخه 16.x استفاده میکنند کار میکند. اطلاعات بیشتر در مورد انتخابگرهای React را در راهنمای Selectors بخوانید.
استفاده
$(selector).react$(selector, { props, state })
پارامترها
نام | نوع | جزئیات |
---|---|---|
selector | string | کامپوننت React |
options اختیاری | ReactSelectorOptions | گزینههای انتخابگر React |
options.props اختیاری | Object | props های React که المان باید داشته باشد |
options.state اختیاری | Array<any>, number, string, object, boolean | state های 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>