$
$コマンドは、ページ上の単一の要素を取得するための短く便利な方法です。
セレクタとしてオブジェクトを渡すこともできます。このオブジェクトには、要素への参照値を持つプロパティelement-6066-11e4-a52e-4f735466cecfが含ま れています。このコマンドは、その参照を拡張されたWebdriverIO要素に変換します。
注意: $と$$コマンドをチェーンすることは、複数のセレクタ戦略を使用する場合にのみ意味があります。そうでなければ、テストを遅くする不必要なリクエストを行うことになります(例えば、$('body').$('div')は2つのリクエストを発生させますが、$('body div')は同じことを1つのリクエストで行います)。
注意: これらの要素オブジェクトは、ページ上にまだ存在することが確実な場合にのみ使用してください(例:isExistingコマンドを使用)。セレクタ情報が利用できないため、WebdriverIOはそれらを再取得することができません。
wdioテストランナーを使用する場合、このコマンドはグローバル変数です。詳細についてはGlobalsを参照してください。スタンドアロンスクリプト内でWebdriverIOを使用する場合、代わりにブラウザオブジェクト上に配置されます(例:browser.$$)。
DOM木を下に移動するために、個々のコマンドをawaitでラップすることなく、$または$$を連鎖させることができます。例:
const imageSrc = await $$('div')[1].nextElement().$$('img')[2].getAttribute('src')