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>