验证页面上的UI元素,是你在自动化测试案例过程中最常用到的特性。Selenese允许通过多种方式验证UI元素。了解这些不同验证方式非常重要,因为它们决定了你实际正在测试什么。
举例,你是否正在测试如下情况:
(1)一个UI元素存在于页面上某个位置;
(2)特别稳定存在于页面上某个位置;
(3)特定文本存在于页面上指定位置。
举个例子,如果你要测试文本标题,那么文本内容和它所在的页面顶部位置,测试案例都需要关心,如果你要测试主页上某个图片,但是开发人员经常改变图片所在的位置,那么你只需要测试特定图片是否存在于页面上某个位置就行了。
1.Assertion或者Verification?
断言或者验证的选择关系到如何管理“失败”。如果浏览器打开的测试页面并非期望页面,那就没有必要检查页面的第一张图片是否正确。如果案例没有运行在正确的页面上,那么你肯定希望终止测试案例执行,接着查看原因并做出修复。从另外一个方面来说,你肯能希望检查页面上的许多属性,而不在第一个错误处就终止案例执行,这样你可以回顾页面上的所有失败,并做出正确操作。断言会使案例执行失败(Fail),并终止当前案例执行,而验证也会使案例执行失败(Fail),但允许案例继续执行。
最好的办法是用合理的逻辑组合你的测试命令,每个组合都是断言之后有一个或者多个验证,举例如表4-1所示。
Command | Target | Value |
---|---|---|
open | /download/ | |
assertTitle | Downloads | |
verifyText | //h2 | Downloads |
assertTable | 1.2.1 | Selenium IDE |
verifyTable | 1.2.2 | June 3,2008 |
verifyTable | 1.2.3 | 1.0 beta 2 |
上面的例子中,首先打开一个页面,接着通过比较标题,正确加载断言页面。只有断言通过,接下来的命令才会被执行,并验证特定文本是否出现在指定地方。测试案例接着断言第一个表格第二行的第一列表含有期待值,同样只有断言通过,才会验证那一行中的其他元素。
2.verifyTextPresent
verifyTextPresent命令被用来验证特定的文本是否存在于页面某处,它携带一个参数(text pattern)用于验证,举例如表4-2所示。
Command | Target | Value |
---|---|---|
verifyTextPresent | Marketing Analysis |
这将会使得Selenium在当前测试页面上,搜寻和验证“Marketing Analysis”是否存在于某处。当你只关心页面上是否存在特定文本时,使用verifyTestPresent。如果你关心文本的位置,请不要使用它。
3.verifyElementPresent
当测试特定UI元素是否存在、且不关心起内容时,请使用这一命令。这一命令不检查文本,仅检查HTML tag。一个常见的应用是检查图片是否存在,参见表4-3
Command | Target | Value |
---|---|---|
verifyElementPresent | //div/p/img |
这个命令验证被<img>HTML tag标识的图片在页面上是否存在。第一个参数是定位器,用于告诉Selenese命令怎样找到UI元素。
verifyElementPresent可以被用来检查页面上HTML tag是否存在。你可以检查链接、图片、分区等。如表4-4所示的一些例子。
Command | Target | Value |
---|---|---|
verifyElementPresent | //div/p | |
verifyElementPresent | //div/a | |
verifyElementPresent | id=Login | |
verifyElementPresent | link=Go to Marketing Research | |
verifyElementPresent | //a[2] | |
verifyElementPresent | //head/title |
4.verifyText
当文本和它的UI元素都要被测试时,请使用verifyText命令,用法如表4-5所示。verifyText必须使用定位器。如果你选择XPath或者DOM定位器,就可以检查特定文本是否出现在页面上的特定位置(相当于页面上其他元素而言)。
Command | Target | Value |
---|---|---|
verifyText | //table/tr/td/div/p | This is my text it occurs right after the div inside the table |