セレンで自分のセレクタを使うことの長所と短所

Question

カスタムセレクタを持つために私自身のByクラスを実装したいと思います。カスタムセレクタ

DEVコードここ

<button class="btn js-AddNuts" type="button" testid="addbutton"> 

セレクターを使用しての長所と短所はtestid

理由は何されている：私たちは、DEVのすべての要素のためのテスト、特定のセレクタとデザイン名を持つことを計画していますDEVで何かを変更してもテストには影響しないようにコード化してください。

Answer 1

独自のロケータの作成に問題はないことはわかっていますが、Seleniumはカスタムロケータを作成する機能を備えています。基本的にセレンは、By.id、By.nameなどの要素を見つけるときに、xPathを使用して要素を配置するために内部的に使用されます。Byクラスを拡張することで、簡単に独自のロケータを作成できます。

あなたがtestidを使用して要素を見つけカスタムロケータを作成したい場合、あなたは（あなたは、Javaを使用していると仮定すると）以下のように作成する必要があります： -

import java.util.List; 

import org.openqa.selenium.By; 
import org.openqa.selenium.SearchContext; 
import org.openqa.selenium.WebElement; 

class ByTestId extends By { 

    private final String testId; 

    public ByTestId(String testId) { 
     this.testId = testId; 
    } 

    @Override 
    public List<WebElement> findElements(SearchContext context) { 
     return context.findElements(By 
       .xpath(".//*[@testid = '"+testId+"']")); 
    } 

    @Override 
    public WebElement findElement(SearchContext context) { 
     return context.findElement(By 
       .xpath("//*[@testid = '"+testId+"']")); 
    } 
} 

今、あなたは簡単に以下のようにtestidを使用して要素を見つけることができます： -

//for single webelement 
WebElement element = driver.findElement(new ByTestId("addbutton")); 

//for list of webelements 
List<WebElement> elements = driver.findElements(new ByTestId("addbutton")); 

注：またとしてBy.cssSelectorを使用してカスタムByクラスの要素を見つけることができます。By.cssSelector("*[testid = '"+testId+"']")

はそれが役に立てば幸い.. :)

Answer 2

この場合、カスタムロケータ（または私は全体を実行しているかを考えることができ、いずれの場合）を作成する必要はありません。 CSSセレクタを使用する次のコードをそのまま使用することができます。

By.cssSelector("button[testid='addbutton']") 

CSSセレクタの読んだり学習したりすることをお勧めします。彼らは非常に強力です。

CSS Selector Reference

CSS Selector Tips