react$$

O comando react$$ é um comando útil para consultar múltiplos Componentes React pelo seu nome real e filtrá-los por props e state.

informação

O comando só funciona com aplicações que usam React v16.x. Leia mais sobre seletores React no guia de Seletores.

Uso

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

Parâmetros

Nome	Tipo	Detalhes
selector	string	do componente React
options opcional	ReactSelectorOptions	Opções de seletor React
options.props opcional	Object	Props React que o elemento deve conter
options.state opcional	Array<any>, number, string, object, boolean	State React em que o elemento deve estar

Exemplo

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

Retorna

• <WebdriverIO.ElementArray>