react$$
La commande react$$
est une commande utile pour interroger plusieurs composants React par leur nom réel et les filtrer par props et state.
info
La commande ne fonctionne qu'avec les applications utilisant React v16.x. Pour en savoir plus sur les sélecteurs React, consultez le guide Selectors.
Utilisation
$(selector).react$$(selector, { props, state })
Paramètres
Nom | Type | Détails |
---|---|---|
selector | string | du composant React |
options optionnel | ReactSelectorOptions | Options du sélecteur React |
options.props optionnel | Object | Props React que l'élément doit contenir |
options.state optionnel | Array<any>, number, string, object, boolean | État React dans lequel l'élément doit être |
Exemple
pause.js
it('should calculate 7 * 6', async () => {
await browser.url('https://ahfarmer.github.io/calculator/');
const orangeButtons = await browser.react$$('t', {
props: { orange: true }
})
console.log(await orangeButtons.map((btn) => btn.getText()));
// prints "[ '÷', 'x', '-', '+', '=' ]"
});
Retourne
- <WebdriverIO.ElementArray>