react$$
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状态 |
示例
pause.js
it('should calculate 7 * 6', async () => {
await browser.url('https://ahfarmer.github.io/calculator/');
const orangeButtons = await browser.react$$('t', {
props: { orange: true }
})
console.log(await orangeButtons.map((btn) => btn.getText()));
// prints "[ '÷', 'x', '-', '+', '=' ]"
});
返回
- <WebdriverIO.ElementArray>