Edit

react$

The react$ command is a useful command to query 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')

    appWrapper.react$('t', { name: '7' }).click()
    appWrapper.react$('t', { name: 'x' }).click()
    appWrapper.react$('t', { name: '6' }).click()
    appWrapper.react$('t', { name: '=' }).click()

    console.log($('.component-display').getText()); // prints "42"
});