react$

Polecenie react$ jest przydatnym poleceniem do zapytań o komponenty React po ich rzeczywistej nazwie i do filtrowania ich według właściwości (props) i stanu (state).

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

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

Parametry

Nazwa	Typ	Szczegóły
selector	string	komponentu React
options opcjonalnie	ReactSelectorOptions	Opcje selektora React
options.props opcjonalnie	Object	Właściwości React, które element powinien zawierać
options.state opcjonalnie	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 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"
});

Zwraca

• <WebdriverIO.Element>