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. Weitere Informationen zu React-Selektoren finden Sie im Selektoren-Leitfaden.

Usage

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

Parameters

Name	Type	Details
selector	string	of React component
options optional	ReactSelectorOptions	React selector options
options.props optional	Object	React props the element should contain
options.state optional	Array<any>, number, string, object, boolean	React state the element should be in

Example

pause.js

it('should calculate 7 * 6', async () => {
    await browser.url('https://ahfarmer.github.io/calculator/');
    const appWrapper = await $('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"
});

Returns

• <WebdriverIO.Element>