react$$

Команда react$$ - это полезная команда для поиска нескольких React-компонентов по их фактическому имени и фильтрации их по props и state.

информация

Команда работает только с приложениями, использующими React v16.x. Подробнее о селекторах React читайте в руководстве Селекторы.

Использование

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

Параметры

Имя	Тип	Детали
selector	string	React-компонента
options опционально	ReactSelectorOptions	Опции селектора React
options.props опционально	Object	Props 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 orangeButtons = await browser.react$$('t', {
        props: { orange: true }
    })
    console.log(await orangeButtons.map((btn) => btn.getText()));
    // prints "[ '÷', 'x', '-', '+', '=' ]"
});

Возвращает

• <WebdriverIO.ElementArray>