shadow$

Acessa um elemento dentro do shadowRoot de um elemento específico. Se você está trabalhando com muitos shadow roots aninhados, uma abordagem alternativa ao shadow$ é usar o seletor deep.

informação

O WebdriverIO automaticamente atravessa os shadow roots quando utiliza os comandos $ ou $$. Este comando só é necessário se você estiver automatizando em um ambiente que não suporta WebDriver Bidi ainda, por exemplo, testes de web mobile com Appium.

Usage

$(selector).shadow$(selector)

Parameters

Name	Type	Details
selector	String, Function	selector or JS Function to fetch a certain element

Example

shadow$$.js

it('should return an element inside a shadowRoot', async () => {
    const innerEl = await $('custom-component').shadow$('#innerEl');
    console.log(await innerEl.getValue()); // outputs: 'test123'
});

Returns

• <WebdriverIO.Element>