react$

Команда react$ - це корисна команда для запиту React компонентів за їх справжніми назвами та фільтрування їх за властивостями та станом.

інфо

Команда працює лише з додатками, які використовують React v16.x. Дізнайтеся більше про селектори React у розділі Селектори.

Використання

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

Параметри

Назва	Тип	Деталі
selector	string	React компонента
options необов'язково	ReactSelectorOptions	Опції селектора React
options.props необов'язково	Object	Властивості React, які повинен містити елемент
options.state необов'язково	Array<any>, number, string, object, boolean	Стан React, в якому повинен бути елемент

Приклад

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

Повертає

• <WebdriverIO.Element>