selenium2.0第一部分:定位元素-创新互联

Selenium WebDriver提供了先进的技术定位网页上的元素,Selenium丰富的API提供了多种定位元素的策略,例如如姓名、XPath ID、CSS选择器等等,也能自定义定位方法来定位元素

创新互联-专业网站定制、快速模板网站建设、高性价比隆德网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式隆德网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖隆德地区。费用合理售后完善,10多年实体公司更值得信赖。

一、通过fidElement方法定位元素

WebDriver and WebElement class.提供findElement()和findElements()方法来定位元素

findElement()方法会通过特殊的索引返回web元素的信息,或者抛出异常(没有找到匹配的元素)

findElements()方法返回一个web元素列表或者空列表(为匹配到元素)

selenium2.0第一部分:定位元素

selenium2.0第一部分:定位元素

selenium2.0第一部分:定位元素

selenium2.0第一部分:定位元素

(1)通过ID属性找元素

在页面上,通过ID属性定位元素的方法最为实用,W3C建议为页面上每一个元素提供独一无二的ID,这个独一无二的ID属性能够明确的和可靠的定位元素

在处理DOM,浏览器使用id作为选方法和识别元素这提供了最快的定位策略。

eg:现在让我们看看如何使用id属性定位元素的登录表单。

selenium2.0第一部分:定位元素

定位用户名和密码的区域,我们可以使用id属性以下的方式:

WebElement username = driver.findElement(By.id("username"));

WebElement password = driver.findElement(By.id("password"));

(2)通过name属性找元素

通过ID属性定位元素是选的策略,但是你可能会发现不能用ID定位元素的情况,如下:

1)页面上并不是所有的元素都有其独特的ID属性

2)对于页面上的关键元素的ID属性不是独有的

3)元素的ID属性自动生成

eg:登录表单用name属性代替了ID属性

selenium2.0第一部分:定位元素

可以通过一下方式用name属性定位元素:

WebElement username = driver.findElement(By.name("username"));

WevElement password = driver.findElement(By.name("password"));

不像ID那样,name属性在一个页面可能不是唯一的,你可能会找到不同的相似的name属性,在这种情下,页面上第一个带有这个特殊数值的元素将会被选中。如果这个元素不是你想要的那个元素,将会引起错误

(3)通过元素的类属性寻找

除了使用ID和name属性寻找元素之外,也可以使用类属性定位元素。这个类属性是元素上应用的CSS提供的

eg:登录表单用类属性替代ID属性

selenium2.0第一部分:定位元素

可以通过一下的方法利用类属性定位元素

WebElement username = driver.findElement(By.className("username"));

WebElement password = driver.findElement(By.className("password"));

Selenium WebDriver API提供的findElement()方法定位元素是要求要在测试页面的测试下,当通过特殊的标准定位一个元素的时候,系统遍历DOM(文档对象模型)去匹配元素,并且返回第一个匹配成功的元素

2、补充

   WebElement类也提供了定位子元素的方法。例如想象一下页面上有很多重复的元素,但是他们是在不同的

中的元素,我们可以先定位父
中的元素,然后在定位子元素,结合上下文中的
有如下的方法

WebElement div = driver.findElement(By.id("div1"));

WebElement topLink = driver.findElement(By.linkText("top"));

   NoSuchElementFoundException异常:找不到元素的时候报错

   用fidElements方法定位元素

Selenium WebDriver提供findElements()方法,他能够手机元素列表,与搜索标准相匹配,这个方法是非常有用的,如果你想定位一大批相似的元素,例如我们可以获取页面上所有的展示的链接,或者从一个表中获取行等等,我们可以通过findElements()方法来获取所有链接,并打印他们

eg:创建一个测试能够获取页面上所有的link,核实link数量,并打印每个link的目标

selenium2.0第一部分:定位元素

findElements()方法会返回所有元素的匹配作为一个WebElement列表,在JAVA中可以使用List类创建WebElement的一个实例

List links = driver.findElements(By.tagName("a"));

List类中的size()告诉我们列表中有多少元素

assertEquals(4, links.size());判断links中的元素是不是4

还向下面这样迭代的使用这个列表获取链接并打印目标

for(WebElement link : links)

   System.out.println(link.getAttribute("href"));

定位一个元素使用findElements()方法

二、link定位

   Selenium WebDriver提供了多种方法定位links,我们不但可以通过links的文本定位links,还可以通过部分文本。当links在动态文本中,通过部分文本定位links会更方便,在这一节中,我们将会知道怎么样用这些方法定位页面上的links

   让我们举一个例子是验证如何用下面的方法在selenium webdriver中定位links

(1)通过他的文本找到links

selenium webdriver的By类提供linksTest()方法定位使用文本方式展示为链接的links,下面的例子中,我们将定位谷歌邮箱的链接

selenium2.0第一部分:定位元素

WebElement gmailLink = driver.findElement(By.linkTest("GMail"));

assertEquals("http://mail.google.com/",gmailLink.getAttribute("href"));

(2)通过部分文本寻找links

selenium webdriver的By类也提供了通过部分文本定位links的方法,如果开发者使用动态文本创建此link,这种定位的方法是非常有用的。下面这个例子中,是一个打开收件箱的链接,这个链接也能展示新邮件的数量,这个方法可能会改变动态,下面可以使用partialLinkTest()方法定位统一标准或者已知部分的链接文本

selenium2.0第一部分:定位元素

WebElement inboxLink = driver.findElement(By.partialLinkTest("Inbox"));

System.out.println(inboxLink.getTest());

这个linkTest()和partialLinkTest()方法会匹配所有这个特殊文档中的links,并返回结果值,另外,如果开发者提供id,name,class属性,我们也可以通过在这些属性来定位links

注意:当所定位应用存在于多个模块,使用文本定位元素会产生问题,使用参数化文本定位器也是可以工作的,

(3)使用tagName()方法定位元素

回顾:定位单个元素使用findElement()方法

     定位多个元素使用findElements()方法

selenium webdriver的By类还提供了tagName()通过他的HTML tagName定位元素,这于JS中getElementsByTagName()方法有些相似,用tagname定位元素是很方便的,例如在标签中定位所有的

eg:

假设页面上有一个单一按钮,我们可以通过一下方法定位这个按钮

WebElement loginButton = driver.findElement(By.tagName("button"));

loginButton.click();

selenium2.0第一部分:定位元素

下面的例子:展示table标签中有多少行

WebElement table = driver.findElement(By.id("summerTable"));

List rows = table.findElement(By.tagName("tr"));

assertEquals(10,rows.size());

selenium2.0第一部分:定位元素

tagName()方法通过DOM查询定位元素并返回一个与特殊tagname相匹配的列表,当定位单个元素,或者页面上有多饿元素实例时,这种方法可能是不可信的

(4)使用CSS选择器来定位元素

与Xpaths相比,这种方法更快更可信

这部分,我们将探讨一些基本的CSS选择器,然后以后我们将深入先进的CSS选择器。

利用css选择器,selenium webdriver的By类提供了cssSelector()方法定位元素

绝对路径寻找元素

考虑到元素的结构层次,CSS绝对路径参考元素非常具体的位置

下面的例子就是通过绝对路径定位用户名输入的区域,在提供绝对路径的同时也给予元素之间的空间

selenium2.0第一部分:定位元素

WebElement userName = driver.findElement(By.sccSelector("html body div div form input"));

也可以用以前选择器的写法

WebElement userName = driver.findElement(By.cssSelector("html > body >div > div > form > input"));

selenium2.0第一部分:定位元素

但是这种方法有一定的局限:他依赖于页面元素的层级结构,如果层级结构变化,则定位失败。

通过相对路径定位元素

通过相对路径我们能够直接定位元素,不依赖于他在DOM中的位置。

例如我们可以用下列方法定位用户名输入的区域,假设这个元素在DOM文件第一个

WebElement userName = driver.findElemet(By.cssSelect("input"));

selenium2.0第一部分:定位元素

下面是css选择器是通过相对路径的方法使用Class和Id属性定位元素,与className()和id(),除了这个,我们还可以未包含在By类里面的其他方法对元素的其他属性进行定位。

用class选择器定位元素

在使用CSS选择器定位元素的同时,我们还能使用类的属性定位元素,可以使用制定的HTML标记来完成这件事,然后在class属性值后面添加一个点

WebElement userName = driver.findElemet(By.cssSelect("input.login"));

selenium2.0第一部分:定位元素

这个方法能够定位login按钮的input标签,这个标签的属性值是login。

还有一种简写方式,就是用一个.加属性值,就可以忽略html的标签,但是这将返回所有带有登录类的元素,并且返回的可能不是正确的结果

WebElement loginButton = driver.findElement(By.cssSelect(.login));

用id选择器定位元素

我们可以使用分配给元素的id定位元素,这个可以用指定类型的html标签来完成,然后输入一个散列后面跟着类属性的值。  

WebElement userName = driver.findElement(By.cssElement("input#username"));

还有一个简写的形式,缺点同上,

WebElement userName = driver.findElement(By.cssElement("#username"));

同id定位的方法

用属性选择器定位元素

用属性选择器定位元素

除了class和id属性,css选择器也可以用元素的其他属性定位元素,下面的例子是使用name属性定位元素

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

用name属性定位元素类似与By类下的name()方法

用其他的属性定位元素,比如使用alt属性定位元素

WebElement userName = driver.findElement(By.cssElement("img[slt=Previous]"));

有这样的情况,那就是一种属性可能不能准确的定位元素,还需要结合附加属性来精确定位,

eg:用多属性定位login按钮的元素

WebElement preciousButton = driver.find.Element(By.cssSelect("input[type='sumbit'][value='Login']"));

用属性名称选择器定位元素

这种方法与之前的方法有所不同,不同之处在于之前定位元素仅仅是基于元素被定义的特殊的属性,并不是属性值,比如想寻找所有的元素中有alt属性的元素

List p_w_picpathsWithAlt = driver.findElement(By.cssSelect("img[alt]"));

布朗not()伪类也能定位那些不符合标准的元素

List p_w_picpathsWithAlt = driver.findElement(By.cssSelect("img:not([alt])"));

执行属性值的部分匹配

css提供了一个部分属性值匹配的方法定位元素。当属性值动态分配,页面每一次请求都活改变的时候,这种方法对测试应用来说是非常有效的。例如ASP.NET的id就是动态的,下面的表格解释了CSS部分匹配方法的语法。

selenium2.0第一部分:定位元素

25


网站名称:selenium2.0第一部分:定位元素-创新互联
链接地址:http://pwwzsj.com/article/pceps.html