react$$

Il comando react$$ è un comando utile per interrogare più Componenti React per il loro nome effettivo e filtrarli per props e state.

informazione

Il comando funziona solo con applicazioni che utilizzano React v16.x. Leggi di più sui selettori React nella guida Selettori.

Utilizzo

browser.react$$(selector, { props, state })

Parametri

Nome	Tipo	Dettagli
selector	string	del componente React
options opzionale	ReactSelectorOptions	Opzioni del selettore React
options.props opzionale	Object	Props React che l'elemento dovrebbe contenere
options.state opzionale	Array<any>, number, string, object, boolean	State React in cui l'elemento dovrebbe trovarsi

Esempio

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

Restituisce

• <WebdriverIO.ElementArray>