react$

El comando react$ es un comando útil para consultar Componentes React por su nombre real y filtrarlos por props y state.

información

El comando solo funciona con aplicaciones que utilizan React v16.x. Lea más sobre los selectores React en la guía de Selectores.

Uso

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

Parámetros

Nombre	Tipo	Detalles
selector	string	del componente React
options opcional	ReactSelectorOptions	Opciones del selector React
options.props opcional	Object	Props de React que el elemento debería contener
options.state opcional	Array<any>, number, string, object, boolean	Estado de React en el que debería estar el elemento

Ejemplo

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()); // imprime "42"
});

Devuelve

• <WebdriverIO.Element>