Перейти до основного вмісту

react$$

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

інфо

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

Використання
browser.react$$(selector, { props, state })
Параметри
NameTypeDetails
selectorstringкомпонента React
options
optional
ReactSelectorOptionsОпції селектора React
options.props
optional
ObjectReact props, які повинен містити елемент
options.state
optional
Array<any>, number, string, object, booleanReact state, в якому повинен бути елемент
Приклад
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>

Welcome! How can I help?

WebdriverIO AI Copilot