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

La commande ne fonctionne qu'avec les applications utilisant React v16.x. Pour en savoir plus sur les sélecteurs React, consultez le guide des Sélecteurs.

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