shadow$

指定した要素のshadowRoot内の要素にアクセスします。多くのネストされたshadow rootを操作する場合は、shadow$の代わりにディープセレクタを使用する代替アプローチがあります。

情報

$または$$コマンドを使用する場合、WebdriverIOは自動的にshadow rootを透過します。このコマンドは、WebDriver Bidiをまだサポートしていない環境（例：Appiumを使用したモバイルWebテスト）で自動化する場合にのみ必要です。

使用方法

$(selector).shadow$(selector)

パラメータ

名前	型	詳細
セレクタ	文字列、関数	特定の要素を取得するためのセレクタまたはJS関数

例

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