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 orangeButtons = await browser.react$$('t', {
        props: { orange: true }
    })
    console.log(await orangeButtons.map((btn) => btn.getText()));
    // prints "[ '÷', 'x', '-', '+', '=' ]"
});

Повертає

• <WebdriverIO.ElementArray>