【IT168 技术文档】

　　前言

　　有一天，一家学校的校长在典礼上叫了Tom 的名字，这时候有8 位学生都

　　站了出来。校长事先已经记住了排队顺序中第3 个班的Tom 就是他要叫的。但

　　由于今天班级顺序都打乱了，校长看了，只能再次叫道，父亲是Jack，出列。幸

　　运的是，这个时候学生只有2 位。校长再加了个条件，爷爷叫William，父亲是Jack

　　的出列.最后，就只剩下一个学生出列。

　　在做Web 的QTP 自动化测试时候，不免会出现这样几种情况：

　　?? QTP 中相同属性的对象，通过添加Index 去区别;

　　?? 页面元素动态变化，难以通过Index 去识别;

　　?? 想根据文本提示不同，对相同类型元素做操作，却无从下手;

　　而我们透过上面的故事可以知道，原来我们可以透过节点去解决这些问题，

　　但要怎么做呢?

　　一、简单了解Html节点

　　大部分做过Web 测试的测试员们都会偶尔好奇的看看程序的Html 代码，也

　　可能了解了Html 节点，节点的特点就和树一样，能够让你更轻松的遍历出你需

　　要的元素。例如：

　　在这里面，屋子、书架、书本是节点，而我们就是通过这些节点去遍历得

　　到我们想要的东西。通过上面的例子，我们也同样看到，使用不同的名字的书架，

　　尽管有2 本叫Java Cook Book 的书，但都可以准确的得到我们想要的。

　　二、辅助工具

　　QTP 中的Object Spy 功能，是在使用QTP 过程中比较长用到的功能，但是，

　　QTP 对某些表格标记节点、部分排版标记等不能很准确的抓取出来，也就无法

　　透过SPY 功能看到Html 的节点上下层关系，也不能让我们更好的了解节点与节

　　点之间的联系从而做好编写脚本的工作。

　　在这里推荐使用的一个工具是微软的IEDevToolBar

　　1、下载安装：

　　http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-

　　4511-bb3e-2d5e1db91038&DisplayLang=en

　　安装之后，在IE 顶部菜单的“查看”——“工具栏” 里面钩选“Developer

　　Toolbar”项即可。重启IE 后，可以在界面上看到一个这样的小图标， 点它。

　　打开它，如图：

　　一般我们主要使用的几个功能：

　　1)Find??Select Element By Click

　　简单的获取页面元素，方便在树中查看。提示：在点击页面元素前，先随便

　　选中节点树上面的一个节点，使得在做点击获取元素操作时候，能够展其开所在

　　位置。

　　2)Outline??Table Cells 、Outline??Tables 、Outline??DIV Elements

　　用不同颜色标出所有的Table Cells、Tables、DIV

　　Outline??Any Elements

　　3)通过用户自己输入节点名，并选择颜色后，确定。在界面上会标示出所

　　有同类型节点的元素。
 

【注】 51Testing授权IT168独家转载，未经明确的书面许可，任何人或单位不得对本文内容复制、转载或进行镜像，否则将追究法律责任。 本文出自51Testing电子杂志《51测试天地》第十四期，http://www.51testing.com/html/82/n-141082.html