react$$

Polecenie react$$ jest przydatnym poleceniem do zapytań o wiele komponentów React według ich rzeczywistej nazwy i filtrowania ich według właściwości (props) i stanu.

informacja

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

Użycie

browser.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 element powinien zawierać
options.state opcjonalny	Array<any>, number, string, object, boolean	Stan React, w którym element powinien się znajdować

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>