Edit

react$$

The react$$ command is a useful command to query multiple React Components by their actual name and filter them by props and state.

NOTE: the command only works with applications using React v16.x

Usage

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

Parameters

Name	Type	Details
selector	String	of React component
options optional	ReactSelectorOptions	React selector options
options.props optional	Object	React props the element should contain
options.state optional	Array.<any>, number, string, object, boolean	React state the element should be in

Example

it('should calculate 7 * 6', () => {
    browser.url('https://ahfarmer.github.io/calculator/');
    const appWrapper = browser.$('div#root')

    const orangeButtons = browser.react$$('t', {
        props: { orange: true }
    })
    console.log(orangeButtons.map((btn) => btn.getText())); // prints "[ '÷', 'x', '-', '+', '=' ]"
});