QTP——使用DOM识别树形节点进行Web测试
在Web测试中，不可避免的会遇到树形节点的识别。如下就是通过IEDevToolBar抓下的一个page的树形结构。
QTP在对树形结构的节点进行识别时，可以采用DOM（Document Object Model文档对象模型）模型，在DOM中，每个网页元素都对应着一个对象。树结构中每一个元素都被称为一个节点。QTP可以通过DOM来访问HTML标签。在QTP中，访问DOM主要通过使用page测试对象的object属性来进一步访问。
举个简单的例子：在百度贴吧首页，我们需要获得”热门转帖排行”下的标题。
代码如下：
| '获得贴吧首页热门转帖排行下的所有标题 Set oBj=Browser("贴吧").Page("贴吧page").WebTable("Table").Object Set oDIV= 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 oBj=Nothing Set oDIV=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测试时，将会很有益处。
本文出自seven的测试人生公众号最新内容请见作者的GitHub页：http://qaseven.github.io/