react$$

Der Befehl react$$ ist ein nützlicher Befehl, um mehrere React-Komponenten nach ihrem tatsächlichen Namen abzufragen und sie nach Props und State zu filtern.

Info

Der Befehl funktioniert nur mit Anwendungen, die React v16.x verwenden. Lesen Sie mehr über React-Selektoren im Selektoren Leitfaden.

Verwendung

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

Parameter

Name	Typ	Details
selector	string	der React-Komponente
options optional	ReactSelectorOptions	React-Selektor-Optionen
options.props optional	Object	React-Props, die das Element enthalten sollte
options.state optional	Array<any>, number, string, object, boolean	React-State, in dem sich das Element befinden sollte

Beispiel

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

Gibt zurück

• <WebdriverIO.ElementArray>