react$$

Komenda react$$ jest przydatną komendą do wyszukiwania wielu komponentów React po ich rzeczywistej nazwie i filtrowaniu ich według właściwości i stanu.

informacja

Komenda działa tylko z aplikacjami używającymi React v16.x. Przeczytaj więcej o selektorach React w przewodniku Selectors.

Użycie

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

Parametry

Nazwa	Typ	Szczegóły
selector	string	komponentu React
options opcjonalny	ReactSelectorOptions	Opcje selektora React
options.props opcjonalny	Object	Właściwości React, które powinien zawierać element
options.state opcjonalny	Array<any>, number, string, object, boolean	Stan React, w którym powinien być element

Przykład

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

Zwraca

• <WebdriverIO.ElementArray>