shadow$

与えられた要素のshadowRoot内の要素にアクセスします。多くのネストされたシャドウルートを扱っている場合、shadow$の代替アプローチとしてディープセレクタを使用することができます。

情報

WebdriverIOは$または$$コマンドを使用する際に自動的にシャドウルートを貫通します。 このコマンドは、WebDriver Bidiをまだサポートしていない環境、例えばAppiumを使用したモバイルウェブテストなどで自動化する場合にのみ必要です。

使用法

$(selector).shadow$(selector)

パラメータ

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

例

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'
});

戻り値

• <WebdriverIO.Element>