react$

La commande react$ est une commande utile pour interroger les composants React par leur nom réel et les filtrer par props et state.

info

Cette commande ne fonctionne qu'avec les applications utilisant React v16.x. Découvrez plus sur les sélecteurs React dans le guide des Sélecteurs.

Utilisation

browser.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 appWrapper = await $('div#root')

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

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

Retourne

• <WebdriverIO.Element>