Aller au contenu principal

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
NomTypeDétails
selectorstringdu composant React
options
optionnel
ReactSelectorOptionsOptions du sélecteur React
options.props
optionnel
ObjectProps 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>

Welcome! How can I help?

WebdriverIO AI Copilot