react$

Kommandot react$ är ett användbart kommando för att söka efter React-komponenter med deras faktiska namn och filtrera dem efter egenskaper och tillstånd.

info

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

Användning

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

Parametrar

Namn	Typ	Detaljer
selector	string	för React-komponenten
options valfri	ReactSelectorOptions	React väljare-alternativ
options.props valfri	Object	React-egenskaper som elementet bör innehålla
options.state valfri	Array<any>, number, string, object, boolean	React-tillstånd som elementet bör vara i

Exempel

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"
});

Returnerar

• <WebdriverIO.Element>