Selenium Webdriver元素定位的八种常用方式

楼主原创,分享不易,转载请注明,谢谢。

在使用selenium webdriver进行元素定位时,通常使用findElement或findElements方法结合By类返回的元素句柄来定位元素。其中By类的常用定位方式共八种,现分别介绍如下。

1. By.name()

页面源码如下:

<button id="gbqfba"aria-label="Google Search" name="btnK" class="gbqfba"><spanid="gbqfsa">Google Search</span></button>

当我们要用name属性来引用这个button并点击它时,代码如下:

public class SearchButtonByName {public static void main(String[] args){WebDriver driver = new FirefoxDriver();driver.get("");WebElement searchBox =driver.findElement(By.name("btnK"));searchBox.click();}}

2. By.id()

页面源码如下:

<button id="gbqfba" aria-label="GoogleSearch" name="btnK" class="gbqfba"><spanid="gbqfsa">Google Search</span></button>

要引用该button并点击它时,代码如下:

public class SearchButtonById {public static void main(String[] args){WebDriver driver = new FirefoxDriver();driver.get("");WebElement searchBox =driver.findElement(By.id("gbqfba"));searchBox.click();}}

3. By.tagName()

该方法可以通过元素的标签名称来查找元素。该方法跟之前两个方法的区别是,这个方法搜索到的元素通常不止一个,所以一般建议结合使用findElements方法来使用。比如我们现在要查找页面上有多少个button,就可以用button这个tagName来进行查找,代码如下:

public class SearchPageByTagName{public static void main(String[] args){WebDriver driver = new FirefoxDriver();driver.get("");List<WebElement> buttons =driver.findElements(By.tagName("button"));System.out.println(buttons.size()); //打印出button的个数}}

另外,在使用tagName方法进行定位时,还有一个地方需要注意的是,通常有些HTML元素的tagName是相同的,如下图(1)所示。

图(1)

从图中我们可以看到,单选框、复选框、文本框和密码框的元素标签都是input,此时单靠tagName无法准确地得到我们想要的元素,需要结合type属性才能过滤出我们要的元素。示例代码如下:

public class SearchElementsByTagName{public static void main(String[] args){WebDriver driver = new FirefoxDriver();driver.get("");List<WebElement> allInputs =driver.findElements(By.tagName("input"));//只打印所有文本框的值for(WebElement e: allInputs){if(e.getAttribute(“type”).equals(“text”)){System.out.println(e.getText().toString()); //打印出每个文本框里的值}}}}

4. By.className()

className属性是利用元素的css样式表所引用的伪类名称来进行元素查找的方法。对于任何HTML页面的元素来说,一般程序员或页面设计师会给元素直接赋予一个样式属性或者利用css文件里的伪类来定义元素样式,使元素在页面上显示时能够更加美观。一般css样式表可能会长成下面这个样子:

.buttonStyle{width: 50px;height: 50px;border-radius: 50%;margin: 0% 2%;}

定义好后,就可以在页面元素中引用上述定义好的样式,如下:

<buttonname="sampleBtnName" id="sampleBtnId" class="buttonStyle">I'mButton</button>

如果此时我们要通过className属性来查找该button并操作它的话,就可以使用className属性了,代码如下:

public class SearchElementsByClassName{public static void main(String[] args){WebDriver driver = new FirefoxDriver();driver.get("");WebElement searchBox =driver.findElement(By.className("buttonStyle"));searchBox.sendKeys("Hello, world");}}

注意:使用className来进行元素定位时,有时会碰到一个元素指定了若干个class属性值的“复合样式”的情况,如下面这个button:

<button id="J_sidebar_login" class="btn btn_bigbtn_submit" type="submit">登录</button>这个button元素指定了三个不同的css伪类名作为它的样式属性值,此时就必须结合后面要介绍的cssSelector方法来定位了,稍后会有详细例子。

5. By.linkText()

这个方法比较直接,即通过超文本链接上的文字信息来定位元素,这种方式一般专门用于定位页面上的超文本链接。通常一个超文本链接会长成这个样子:<a href="/intl/en/about.html">About Google</a>。我们定位这个元素时,可以使用下面的代码进行操作:

public class SearchElementsByLinkText{public static void main(String[] args){WebDriver driver = new FirefoxDriver();driver.get("");WebElement aboutLink = driver.findElement(By.linkText("AboutGoogle"));aboutLink.click();}}

6. By.partialLinkText()

一个人去旅行,而且是去故乡的山水间徜徉。

Selenium Webdriver元素定位的八种常用方式

相关文章:

你感兴趣的文章:

标签云: