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

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