react$

Il comando react$ è un comando utile per interrogare i Componenti React tramite il loro nome effettivo e filtrarli per props e stato.

info

Il comando funziona solo con applicazioni che utilizzano React v16.x. Maggiori informazioni sui selettori React nella guida Selettori.

Utilizzo

$(selector).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	Stato 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 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()); // prints "42"
});

Restituisce

• <WebdriverIO.Element>