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()); // выводит "42"
});

Возвращает

• <WebdriverIO.Element>