react$

react$ 命令是一个有用的命令，用于根据 React 组件的实际名称查询它们，并根据 props 和 state 对它们进行过滤。

信息

此命令仅适用于使用 React v16.x 的应用程序。有关 React 选择器的更多信息，请参阅选择器指南。

用法

$(selector).react$(selector, { props, state })

参数

名称	类型	详情
selector	字符串	React 组件
options 可选	ReactSelectorOptions	React 选择器选项
options.props 可选	对象	元素应包含的 React 属性
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 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"
});