react$$
react$$
命令是一个有用的命令,用于根据 React 组件的实际名称查询多个 React 组件,并根据 props 和 state 对其进行过滤。
信息
该命令仅适用于使用 React v16.x 的应用程序。在选择器指南中阅读有关 React 选择器的更多信息。
用法
browser.react$$(selector, { props, state })
参数
名称 | 类型 | 详情 |
---|---|---|
选择器 | 字符串 | React 组件 |
选项 可选 | ReactSelectorOptions | React 选择器选项 |
options.props 可选 | 对象 | 元素应包含的 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', '-', '+', '=' ]"
});