Zum Hauptinhalt springen

react$

Der Befehl react$ ist ein nützlicher Befehl, um 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
$(selector).react$(selector, { props, state })
Parameter
NameTypDetails
selectorstringder React-Komponente
options
optional
ReactSelectorOptionsReact-Selektor-Optionen
options.props
optional
ObjectReact-Props, die das Element enthalten sollte
options.state
optional
Array<any>, number, string, object, booleanReact-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 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"
});
Gibt zurück
  • <WebdriverIO.Element>

Welcome! How can I help?

WebdriverIO AI Copilot