Saltar al contenido principal

react$

El comando react$ es un comando útil para consultar Componentes React por su nombre real y filtrarlos por props y state.

información

El comando solo funciona con aplicaciones que usan React v16.x. Lee más sobre selectores React en la guía de Selectores.

Uso
browser.react$(selector, { props, state })
Parámetros
NombreTipoDetalles
selectorstringdel componente React
options
opcional
ReactSelectorOptionsOpciones del selector React
options.props
opcional
ObjectProps de React que el elemento debe contener
options.state
opcional
Array<any>, number, string, object, booleanEstado de React en el que debe estar el elemento
Ejemplo
pause.js
it('should calculate 7 * 6', async () => {
await browser.url('https://ahfarmer.github.io/calculator/');
const appWrapper = await $('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"
});
Devuelve
  • <WebdriverIO.Element>

Welcome! How can I help?

WebdriverIO AI Copilot