$
$
コマンドは、ページ上の単一の要素を取得するための短く便利な方法です。
セレクタとしてオブジェクトを渡すこともできます。このオブジェクトには、要素への参照値を持つプロパティ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')