WebDriver如何取标签外的文本，兼讨论JavascriptExecutor 输入输出参数的问题
上一篇 /
下一篇 2012-12-28 23:22:03
/ 个人分类：WebDriver
在我们的
自动化测试过程中，总是会碰到各种难搞的问题，比如说我们需要取标签外的文本信息。
<div id="div1">
<span name="p1">div1</span>废话1
<span name="p1">div2</span>废话2
<span name="p1">div3</span>废话3
<span name="p1">div4</span>废话4
</div>
对于上面的HTML，如果我们想获取 “废话1”、“废话2”之类的文字，使用Webdriver 的 findElement是没有办法解决的，必须想起他办法解决。首先，我们了解一个概念，"废话1"这种，在HTML DOM里面叫做 textNode，是可以设置和获取的。
我们做一个测试页面，将下面的内容保存为
test.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta. http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试</title>
<script>
<!--
function getTextNodeValue(){
var txt='';
for (var i=0;i<div1.childNodes.length;i++){
if(div1.childNodes[i].nodeType==3){
txt += div1.childNodes[i].nodeValue+';'
}
}
alert(txt);
}
-->
</script>
</head>
<body nload="getTextNodeValue()">
<div id="div1">
<span name="p1">div1</span>废话1
<span name="p1">div2</span>废话2
<span name="p1">div3</span>废话3
<span name="p1">div4</span>废话4
</div>
</body>
</html>
打开页面后，页面弹出： 废话1 ;废话2 ;废话3 ;废话4 ;我们使用了JS 获取到了textNode上的数据。
不少同学知道webdriver是可以调用JS的，但是通常都是去执行一个方法，其实webdriver也是可以得到JS 返回值的。
System.out.println(((JavascriptExecutor) dr)
.executeScript("var txt='';for (var i=0;i<div1.childNodes.length;i++)"
+ "{if(div1.childNodes[i].nodeType==3){txt += div1.childNodes[i].nodeValue+';'}}"
+ "return txt;"));
通过上面的脚本我们就可以得到我们想要的数据，秘密就就第4行的 return txt。通过JS的 return ，webdriver可以得到 Boolean、Long、String、List、WebElement类型的数据。
webdriver不但可以得到JS的返回值，而且也可传递参数给JS，下面的代码就是一个例子：
System.out.println(((JavascriptExecutor) dr)
.executeScript("var txt='';for (var i=0;i<arguments[0].childNodes.length;i++)"
+ "{if(div1.childNodes[i].nodeType==3){txt += div1.childNodes[i].nodeValue+';'}}"
+ "return txt;",dr.findElement(By.xpath("//div[1]"))));
div1这个节点，我们通过参数传递给JS，输入参数的具体类型，我们可以参考API文档。
收藏
举报
TAG:
