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 state

例

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>