CSSセレクターの詳しい説明positioning_html/css_WEB-ITnose

1. class 属性を使用して要素を見つける方法は次のとおりです:

driver.findElement(By.cssSelector("input.login"));

つまり、最初に HTML を指定できます。タグに「.」記号を追加し、その後にクラス属性の値を追加します

2. 相対 ID セレクターを使用して要素を見つけます。 メソッドは次のとおりです。

WebElement ele = driver.findElement(By.cssSelector) ("input#username"));

つまり、最初に HTML タグを指定し、次に「#」記号を追加し、その後に class 属性と id 属性に加えて CSS を追加できます。セレクターは、他の要素属性を使用して配置することもできます。次の例では、 の Name プロパティが使用されます。

WebElement userName =driver.findElement(By.cssSelector("input[name=username]"));

4. 1 つの属性だけでは要素を見つけるのに十分でない場合は、他の属性を組み合わせて使用​​して完全一致を実現します。次の例では、複数の属性を使用して 要素を見つけます。

WebElementPreviousButton =driver.findElement(By.cssSelector("input[type='submit'][value='Login']"));

5. CSS セレクターは、位置決めされた要素と一致する部分的な属性値を提供します。 。 方法。これは、動的に変化するプロパティを持つページ上の要素をテストする場合に役立ちます。たとえば、ASP.NET アプリケーションでは、要素 ID が動的に生成されます。次の表は、部分一致構文の使用方法を示しています:

a. 構文: ^= using using using use using ‐ ‐ ‐ ‐‐‐ 12 個の ID の先頭 Ctrl

b 構文: $ = use with id using out out out-‐‐‐‐‐‐‐‐up の構文: *=例: [ID*= 'username'] を入力 説明: 要素の ID がpanel_login_username_textFieldの場合、戻り値はこの ID 値と一致します。