shadow$

Accéder à un élément dans le shadowRoot d'un élément donné. Si vous travaillez avec beaucoup de shadow roots imbriqués, une approche alternative à shadow$ est d'utiliser le sélecteur deep.

info

WebdriverIO traverse automatiquement les shadow roots lors de l'utilisation des commandes $ ou $$. Cette commande n'est nécessaire que si vous automatisez dans un environnement qui ne prend pas encore en charge WebDriver Bidi, par exemple pour les tests web mobiles avec 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>