react$

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

情報

このコマンドは、React v16.x を使用するアプリケーションでのみ機能します。React セレクターの詳細については、セレクターガイドを参照してください。

使い方

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

パラメーター

名前	型	詳細
selector	string	React コンポーネント
options optional	ReactSelectorOptions	React セレクターのオプション
options.props optional	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"
});