پرش به محتوای اصلی

react$

دستور react$ یک دستور مفید برای پرس و جوی کامپوننت‌های React با نام واقعی آن‌ها و فیلتر کردن آن‌ها بر اساس props و state است.

اطلاعات

این دستور فقط با برنامه‌هایی که از React نسخه 16.x استفاده می‌کنند کار می‌کند. اطلاعات بیشتر در مورد انتخابگرهای React را در راهنمای Selectors بخوانید.

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

Welcome! How can I help?

WebdriverIO AI Copilot