react$$

Kommandot react$$ är ett användbart kommando för att söka efter flera React-komponenter genom deras faktiska namn och filtrera dem efter props och state.

info

Kommandot fungerar endast med applikationer som använder React v16.x. Läs mer om React- väljare i Selectors guiden.

Användning

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

Parametrar

Namn	Typ	Detaljer
selector	string	av React-komponent
options valfri	ReactSelectorOptions	React-väljaralternativ
options.props valfri	Object	React props som elementet ska innehålla
options.state valfri	Array<any>, number, string, object, boolean	React state som elementet ska vara i

Exempel

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

Returnerar

• <WebdriverIO.ElementArray>