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$$(selector, props, state)

Parameters

Name	Type	Details
selector	String	of React component
props optional	Object, undefined	React props the element should contain
state optional	Array.<any>, number, string, object, boolean, undefined	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 = appWrapper.react$$('t', { orange: true })
    console.log(orangeButtons.map((btn) => btn.getText())); // prints "[ '÷', 'x', '-', '+', '=' ]"
});