react$$

react$$コマンドは、実際の名前で複数のReactコンポーネントをクエリし、propsとstateでフィルタリングするのに役立つコマンドです。

情報

このコマンドは、React v16.xを使用するアプリケーションでのみ動作します。セレクタガイドで、Reactセレクタの詳細をご覧ください。

使用方法

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

パラメータ

名前	型	詳細
selector	文字列	Reactコンポーネントの
options オプション	ReactSelectorOptions	Reactセレクタオプション
options.props オプション	オブジェクト	要素が含むべき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 orangeButtons = await browser.react$$('t', {
        props: { orange: true }
    })
    console.log(await orangeButtons.map((btn) => btn.getText()));
    // prints "[ '÷', 'x', '-', '+', '=' ]"
});