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', '-', '+', '=' ]"
});