shadow$$
指定された要素のshadowRoot内の要素にアクセスします。多くのネストされたシャドウルートを扱っている場合、shadow$$
の代替アプローチとして深層セレクタを使用することができます。
情報
WebdriverIOは$
または$$
コマンドを使用する際に自動的にシャドウルートを貫通 します。
このコマンドは、WebDriver Bidiをまだサポートしていない環境、例えばAppiumによるモバイルWebテストなどで自動化する場合にのみ必要です。
使用法
$(selector).shadow$$(selector)
パラメータ
名前 | タイプ | 詳細 |
---|---|---|
selector | String, Function | 特定の要素を取得するためのセレクタまたはJS関数 |
例
shadow$$.js
it('should return elements inside a shadowRoot', async () => {
const innerEl = await $('.input').shadow$$('#innerEl');
console.log(await innerEl.getValue()); // outputs: 'test123'
});
戻り値
- <WebdriverIO.ElementArray>