$$

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

wdioテストランナーを使用すると、このコマンドはグローバル変数になります。詳細についてはGlobalsを参照してください。スタンドアロンスクリプト内でWebdriverIOを使用する場合、代わりにブラウザオブジェクト上に配置されます（例：browser.$$）。

DOMツリーを下に移動するために、個々のコマンドをawaitでラップせずに$または$$を一緒に連鎖させることができます。例：

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

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

// すべての画像ソースを表示
for await (const img of $$('img')) {
  console.log(await img.getAttribute('src'))
}

情報

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

browser.$$(selector)

名前	タイプ	詳細
`selector`	`String, Function`	複数の要素を取得するためのセレクタまたはJS関数

example.html

loading...

multipleElements.js

loading...

multipleElements.js

loading...

multipleElements.js

loading...