$$

$$コマンドは、ページ上の複数の要素を取得するための短くて便利な方法です。これは、WebdriverIO要素のセットを含む`ChainablePromiseArray`を返します。

情報

ブラウザオブジェクトにアタッチされた$$とは異なり、このコマンドはルート要素に基づいて要素をクエリします。

DOMツリーを下に移動するために、個々のコマンドを`await`でラップすることなく、`$`または`$$`をチェーンすることができます。例:

const imageSrc = await $$('div')[1].nextElement().$$('img')[2].getAttribute('src')

WebdriverIOは、ネストレベルやシャドウルートモードに関係なく、`$`または`$$`コマンドを使用すると、シャドウルートをシームレスにトラバースします。例:

await browser.url('https://ionic.dokyumento.jp/docs/usage/v8/datetime/basic/demo.html?ionic:mode=md')
await browser.$('button[aria-label="Sunday, August 4"]').click()
 await browser.$('.aux-input').getValue()

また、非同期イテレータを使用して、クエリの結果をループすることもできます。例:

// print all image sources
for await (const img of $$('img')) {
  console.log(await img.getAttribute('src'))
}

情報

特定の要素を選択する方法の詳細については、セレクターガイドを参照してください。

使用方法

$(selector).$$(selector)

パラメータ

名前	タイプ	詳細
`セレクター`	`String`、`Function`、`Matcher`	複数の要素を取得するためのセレクター、JS関数、またはMatcherオブジェクト