使用DOM识别树形节点进行Web测试

上一篇 / 下一篇 2010-07-25 16:24:43 / 个人分类：QuickTestProfessional

　　在Web测试中，不可避免的会遇到树形节点的识别。如下就是通过IEDevToolBar抓下的一个page的树形结构。

　　QTP在对树形结构的节点进行识别时，可以采用DOM（Document Object Model文档对象模型）模型，在DOM中，每个网页元素都对应着一个对象。树结构中每一个元素都被称为一个节点。QTP可以通过DOM来访问HTML标签。在QTP中，访问DOM主要通过使用page测试对象的object属性来进一步访问。

　　举个简单的例子：在百度贴吧首页，我们需要获得”热门转帖排行”下的标题。

　　代码如下：

'获得贴吧首页热门转帖排行下的所有标题
Set Bj=Browser("贴吧").Page("贴吧page").WebTable("Table").Object
Set DIV= oBj.getElementsByTagName("DIV")
　　num=0
　　For i=0 to oDIV.length-1
　　　　If oDIV(i).innertext="热门转贴排行" then
　　　　　　For j=0 to oDIV(i).NextSibling.ChildNodes.length-1
　　　　　　　　num=num+1
　　　　　　　　Datatable.SetCurrentRow(num)
　　　　　　　　Datatable.Value("innertext")=oDIV(i).NextSibling.ChildNodes(j).innertext '将获得的标题储存到Datatable中
　　　　　　Next
　　　　End If
　　Next
Set Bj=Nothing
Set DIV=Nothing

　　在这段代码中，就是通过访问贴吧页面下的WebTable对象的Object属性来进一步访问HTML标签的。

　　我们用到了几个方法和属性：

　　getElementsByTagName()方法：返回带有指定标签名的对象的集合。
　　NextSibling属性：返回处于同级节点下某个元素之后紧跟的元素。
　　ChildNodes属性：返回指定节点的子节点的节点列表。

　　我们借助于IEDevToolBar，可以发现，“热门转帖排行”这一列中，“热门转帖排行”是DIV的innertext，而底下的标题则分别是UL的innertext，因此要访问到UL的节点列表，就需要用到NextSibling属性。

　　最后程序运行的结果在Report的Run-Time Data Table中：

　　DOM还有很多方法和属性，之前提到了NextSibling，那么还有PreviouSibling；以及NodeName，NodeType，NodeValue等等。

　　关于NodeName，NodeType，NodeValue；很多人可能还有很多混淆，这里做些总结：

　　Nodetype：返回节点的类型，1为元素，2为属性，3为文本，8注释，9文档
　　Nodename：返回节点的名称，元素返回的是标签名称，属性返回的是属性名称，文本返回的是#text（innertext），文档返回的是#document
　　Nodevalue：返回当前节点的值，文本节点返回文本值，属性节点返回属性值，标签和文档节点返回null

　　其他的一些方法和属性待大家自己学习DOM后了解。如果大家熟悉DOM的方法和属性，在利用QTP做Web测试时，将会很有益处。

发布时间: 2010-7-23 14:15 作者: lym_372 来源: 51Testing软件测试网采编

收藏举报

TAG:

查看全部评论