selenium2.0第一部分:定位元素-创新互联
Selenium WebDriver提供了先进的技术定位网页上的元素,Selenium丰富的API提供了多种定位元素的策略,例如如姓名、XPath ID、CSS选择器等等,也能自定义定位方法来定位元素
创新互联-专业网站定制、快速模板网站建设、高性价比隆德网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式隆德网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖隆德地区。费用合理售后完善,10多年实体公司更值得信赖。一、通过fidElement方法定位元素
WebDriver and WebElement class.提供findElement()和findElements()方法来定位元素
findElement()方法会通过特殊的索引返回web元素的信息,或者抛出异常(没有找到匹配的元素)
findElements()方法返回一个web元素列表或者空列表(为匹配到元素)
(1)通过ID属性找元素
在页面上,通过ID属性定位元素的方法最为实用,W3C建议为页面上每一个元素提供独一无二的ID,这个独一无二的ID属性能够明确的和可靠的定位元素
在处理DOM,浏览器使用id作为选方法和识别元素这提供了最快的定位策略。
eg:现在让我们看看如何使用id属性定位元素的登录表单。
定位用户名和密码的区域,我们可以使用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属性
可以通过一下方式用name属性定位元素:
WebElement username = driver.findElement(By.name("username"));
WevElement password = driver.findElement(By.name("password"));
不像ID那样,name属性在一个页面可能不是唯一的,你可能会找到不同的相似的name属性,在这种情下,页面上第一个带有这个特殊数值的元素将会被选中。如果这个元素不是你想要的那个元素,将会引起错误
(3)通过元素的类属性寻找
除了使用ID和name属性寻找元素之外,也可以使用类属性定位元素。这个类属性是元素上应用的CSS提供的
eg:登录表单用类属性替代ID属性
可以通过一下的方法利用类属性定位元素
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的目标
findElements()方法会返回所有元素的匹配作为一个WebElement列表,在JAVA中可以使用List类创建WebElement的一个实例
List
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,下面的例子中,我们将定位谷歌邮箱的链接
WebElement gmailLink = driver.findElement(By.linkTest("GMail"));
assertEquals("http://mail.google.com/",gmailLink.getAttribute("href"));
(2)通过部分文本寻找links
selenium webdriver的By类也提供了通过部分文本定位links的方法,如果开发者使用动态文本创建此link,这种定位的方法是非常有用的。下面这个例子中,是一个打开收件箱的链接,这个链接也能展示新邮件的数量,这个方法可能会改变动态,下面可以使用partialLinkTest()方法定位统一标准或者已知部分的链接文本
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();
下面的例子:展示table标签中有多少行
WebElement table = driver.findElement(By.id("summerTable"));
List
assertEquals(10,rows.size());
tagName()方法通过DOM查询定位元素并返回一个与特殊tagname相匹配的列表,当定位单个元素,或者页面上有多饿元素实例时,这种方法可能是不可信的
(4)使用CSS选择器来定位元素
与Xpaths相比,这种方法更快更可信
这部分,我们将探讨一些基本的CSS选择器,然后以后我们将深入先进的CSS选择器。
利用css选择器,selenium webdriver的By类提供了cssSelector()方法定位元素
绝对路径寻找元素
考虑到元素的结构层次,CSS绝对路径参考元素非常具体的位置
下面的例子就是通过绝对路径定位用户名输入的区域,在提供绝对路径的同时也给予元素之间的空间
WebElement userName = driver.findElement(By.sccSelector("html body div div form input"));
也可以用以前选择器的写法
WebElement userName = driver.findElement(By.cssSelector("html > body >div > div > form > input"));
但是这种方法有一定的局限:他依赖于页面元素的层级结构,如果层级结构变化,则定位失败。
通过相对路径定位元素
通过相对路径我们能够直接定位元素,不依赖于他在DOM中的位置。
例如我们可以用下列方法定位用户名输入的区域,假设这个元素在DOM文件第一个中
WebElement userName = driver.findElemet(By.cssSelect("input"));
下面是css选择器是通过相对路径的方法使用Class和Id属性定位元素,与className()和id(),除了这个,我们还可以未包含在By类里面的其他方法对元素的其他属性进行定位。
用class选择器定位元素
在使用CSS选择器定位元素的同时,我们还能使用类的属性定位元素,可以使用制定的HTML标记来完成这件事,然后在class属性值后面添加一个点
WebElement userName = driver.findElemet(By.cssSelect("input.login"));
这个方法能够定位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
布朗not()伪类也能定位那些不符合标准的元素
List
执行属性值的部分匹配
css提供了一个部分属性值匹配的方法定位元素。当属性值动态分配,页面每一次请求都活改变的时候,这种方法对测试应用来说是非常有效的。例如ASP.NET的id就是动态的,下面的表格解释了CSS部分匹配方法的语法。
25
网站栏目:selenium2.0第一部分:定位元素-创新互联
网页路径:http://scyanting.com/article/pceps.html