$
$
コマンドは、ページ上の単一の要素を取得するための短く便利な方法です。
セレクタとしてオブジェクトを渡すこともできます。このオブジェクトには、要素への参照値を持つプロパティ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')
情報
特定の要素を選択する方法の詳細については、セレクタガイドを確認してください。
使用法
browser.$(selector)
パラメータ
名前 | 型 | 詳細 |
---|---|---|
selector | String, Function, Matcher | 特定の要素を取得するためのセレクタ、JS関数、またはMatcherオブジェクト |
例
example.html
loading...