QTP里的DOM应用

DOM全称”Document Object Model”,字面上叫做”文档对象模型”,它是一款主要用于Web Html中的一种独立语言。Html Dom主要通过定义一套标准的对象通道接口,使得我们能够轻松访问并控制Html对象元素,它是一种用于Html和Xml文档的编程接口。DOM的表现方 法是一种树状结构。

  有些时候QTP只对标准控件支持比较好,而对特殊的控件无法识别。DOM是一种罪底层的对象操作模型,使用它来控制对象不但速度快,而且可以访问很多QTP无法访问的东西。

  1. 修改控件自身接口

  QTP本身无法修改控件自身接口属性,但通过DOM我们可以访问并修改自身接口属性

  2. DOM对象下CurrentStyle对象应用

  CurrentStyle是一个可以与Html对象元素style sheets进行交互的接口,它可以获取对象元素的字体名,字体大小,颜色,是否可见等,在验证点时有重要作用。

  3. 性能提升

  DOM执行速度会比QTP对象库的执行速度快好几倍,这是因为DOM是底层对象接口,而QTP首先要把对象封装,然后在脚本运行时调用对象库的对象,最后与页面上的对象进行比对,如果匹配才可控制测试对象。而DOM是直接找对象进行控制。

  下面的例子是IE对象模型里的DOM应用

  1. 启动IE的三种常见方法

  在QTP中启动IE:

  SystemUtil.Run “iexplore.exe”

  2. 使用WSH启动IE:

  Set oShell = CreateObject(“wscript.shell”)

  3. 使用IE COM对象:

  Set oIE = CreateObject("InternetExplorer.Application")

  oIE.Visible = True

  oIE.Navigate http://www.baidu.com

  使用第三种方法还可以获得当前窗口的句柄,并通过QTP来定位浏览器:

  ieHwnd = oIE.HWND

  Browser(“hwnd:=” & ieHwnd).Close

  接下来的这个例子就是使用到DOM去操作页面元素了

  Set oIE = CreateObject("InternetExplorer.Application")

  oIE.Visible = True

  oIE.Navigate "http://www.baidu.com"

  'While oIE.Busy

  'Wend

  oIE.Document.f.wd.value = "sunyu"

  我把While oIE.Busy:Wend这两句话注释掉了,运行结果如下:

  程序运行出错了,主要是因为我们没有等待页面加载完,就进行了下一步的填值操作,QTP会找不到这个对象。如果你点击Retry再次运行,那么这次会通过,因为页面已经加载完毕了。所以我们在操作Web对象时,要特别注意需要等待页面加载完毕。

  注:以上这个错误我们会经常遇到,有时候你只需要关掉QTP再重新打开后就不会再遇到这个错误了。

  遍历所有IE对象:

  Function EnumIE()

  Set EnumIE = CreateObject("Scripting.Dictionary")

  Set winShell = CreateObject("Shell.Application")

  Set allWins = winShell.Windows

  For each win in allWins

  If instr(1,win.FullName,"iexplore.exe",vbTextCompare) Then

  EnumIE.Add win.hwnd,win

  End If

  Next

  End Function

  我打开一共两个IE窗口,但是第一个IE窗口里有四个子窗口,如下图:

  然后调用上面的代码:

  Set allIE = EnumIE()

  For each oIE in allIE.Items

  oIE.quit

  Next

结果QTP报错了

  这是因为在同一个窗口下的四个子窗口使用的是同一个句柄,所以无法加入到Dictionary对象里去。只要对代码稍加修改就可以了:

  Function EnumIE()

  Set EnumIE = CreateObject("Scripting.Dictionary")

  Set winShell = CreateObject("Shell.Application")

  Set allWins = winShell.Windows

  For each win in allWins

  If instr(1,win.FullName,"iexplore.exe",vbTextCompare) Then

  If Not EnumIE.Exists(win.hwnd) Then

  EnumIE.Add win.hwnd,win

  End If

  End If

  Next

  End Function

  调用的时候,我采用了递归调用,只要有子窗口没有关完,就会继续关。这里用do while的话会多执行一次EnumIE这个函数,大家可以考虑换一种循环方式,我就不多说了。

  Set allIE = EnumIE()

  Do while allIE.Count>0

  For each oIE in allIE.Items

  oIE.quit

  Next

  Set allIE = EnumIE()

  Loop

  当然了QTP有自己的方法会很快关闭所有的IE窗口:

  SystemUtil.CloseProcessByName(“iexplore.exe”)

  下面介绍下利用DOM操作测试对象的几种常用方法,还是用百度主页做例子,首先将百度主页加进对象库。

  IE8里会自带F12开发工具,可以方便你看你需要的DOM属性

  Set oDOM = Browser("百度一下,你就知道").Page("百度一下,你就知道").Object

  需要注意的是,此处的Object属性目前只支持IE,而对其他的浏览器目前还没有加入支持。

  1. 通过getElementById方法获取定位对象,对其进行操作:

  oDOM.getElementById("kw").value = "态度决定测试"

  oDOM.getElementById("su").click

  2. 通过getElementsByName方法获取定位对象,对其进行操作:

  方法一:

  Set oEdits = oDOM.getElementsByName("wd")

  For each oEdit in oEdits

  oEdit.value = "态度决定测试"

  Next

  oDOM.getElementById("su").click

  方法二:

  Set oEdits = oDOM.getElementsByName("wd")

  oEdits(0).value = "态度决定测试"

  oDOM.getElementById("su").click

  通过方法名里Element后面的复数形式也大概可以知道这个方法返回的是一个集合,所以需要遍历集合里的对象获取这个对象。

  3. 通过getElementsByTagName方法获取定位对象,对其进行操作:

  Set oEdits = oDOM.getElementsByTagName("INPUT")

  For each oEdit in oEdits

  If oEdit.type = "text" Then

  oEdit.value = "态度决定测试"

  End If

  Next

  oDOM.getElementById("su").click

  用这个方法遍历之后通常要加判断,因为一个页面里可能有很多INPUT标签。

4. 利用FORM来获取对象元素,对其进行操作:

  oDOM.f.wd.value = "态度决定测试"

  oDOM.f.su.click

  5. 访问页面里的Script脚本变量

  通过DOM可以直接访问到页面中的JS或者VBS中的变量,还是以百度为例,我们用F12进行探测,可以看到k这个变量: k = d.f.wd

  oDOM.parentWindow.k.value = "态度决定测试"

  oDOM.getElementById("su").click

  从代码里可以看出,我们只需要通过parentWindow去访问web页面中的变量即可。

  下面我们来说说利用DOM完成QTP无法完成的任务:

  还是百度,假设我们需要验证一些属性,此时我们可以使用CurrentStyle来验证。

  Set oDOM = Browser("百度一下,你就知道").Page("百度一下,你就知道").Object

  Set p = oDOM.f.CurrentStyle

  msgbox p.color

  我们可以验证表单的颜色。

  利用DOM还可以提升我们的脚本性能,举个例子,自己构建一个含有100个文本框的HTML页面,每个文本框的name属性都是由text_开头,之后由1到100递增。首先将Page对象加到对象库里去。

  效果图如下:

  接下来我们就可以引入保留对象Services的Transaction属性来验证性能是否有提高。

  QTP描述性编程:

  Services.StartTransaction "test"

  For i =1 to 100

  Browser("Browser").Page("Page").webEdit("name:=text_"+cstr(i)).Set "hello world"

  Next

  Services.EndTransaction "test"

  运行后结果大概用了11.5秒时间填写完一百个webEdit对象。

  DOM操作脚本:

  Set oDOM= Browser("Browser").Page("Page").Object

  Services.StartTransaction "test"

  For i =1 to 100

  oDOM.getElementsByName("text_"+cstr(i))(0).value = "hello world"

  Next

  Services.EndTransaction "test"

  结果只用了1.8秒时间,效率惊人。

  如果文本框更多的话,那么DOM操作对象的优势将进一步显现出来。这对性能的提升会有巨大的帮助。

最新内容请见作者的GitHub页:http://qaseven.github.io/

时间: 2024-12-10 23:59:21

QTP里的DOM应用的相关文章

JS操作iframe里的dom的介绍

本篇主要是对JS操作iframe里的dom进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 直接赋值如下代码测试即可明白:   1.html: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http

javascript-js里操作DOM节点性能损失最低的方式是什么?

问题描述 js里操作DOM节点性能损失最低的方式是什么? 可能这个标题不太合适,如下有个例子,一种是用原生js里的创建节点.文本节点.插入父节点内的方式,一种是用数据格式化字符串的方式 // 方式1: var a = document.createElement('a'); a.href = 'http://www.baidu.com'; a.target ='_blank'; var text = document.createTextNode('this is baidu homepage'

JS操作未跨域iframe里的DOM

这里简单说明两个方法,都是未跨域情况下在index.html内操作b.html内的 DOM. 如:index.html内引入iframe,在index内如何用JS操作iframe内的DOM元素? 先贴下index.html和iframe引入的a.html内容. index-> <div class="d1"> <iframe src="a.html" frameborder="0" name="one"

QTP中利用DOM实现拖动浏览器滚动条

有的时候需要在测试的过程中需要模拟拖到浏览器的滚动条,我们可以通过Dom调用DocumentElement下的ScrollTop方法实现. 步骤: (1)通过DOM获取Page的body高度,这个高度是滚动条滚动的最大范围 MaxHeight=Pageobj.Object.body.ClientHeight (2)通过DOM调用Page的DocumentElement下的ScrollTop方法,为ScrollTop方式传入参数,实现滚动 Pageobj.Object.DocumentElemen

JS操作iframe里的dom(实例讲解)_javascript技巧

直接赋值如下代码测试即可明白: 1.html: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&l

Javascript里使用Dom操作Xml_javascript技巧

一.Xml文件 二.IXMLDOMDocument/DOMDocument简介  2.1 属性 2.1.1  parseError  2.1.2  async.  2.1.3  xml  2.1.4  text 3  2.1.5  attributes  2.1.6  nodeName 2.1.7  documentElement  2.1.8  nextSibling 2.1.9  childNodes 2.1.10  firstChild 2.1.11  lashChild 2.2 方法 2

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

在Web测试中,不可避免的会遇到树形节点的识别.如下就是通过IEDevToolBar抓下的一个page的树形结构. QTP在对树形结构的节点进行识别时,可以采用DOM(Document Object Model文档对象模型)模型,在DOM中,每个网页元素都对应着一个对象.树结构中每一个元素都被称为一个节点.QTP可以通过DOM来访问HTML标签.在QTP中,访问DOM主要通过使用page测试对象的object属性来进一步访问. 举个简单的例子:在百度贴吧首页,我们需要获得"热门转帖排行"

《精通QTP——自动化测试技术领航》—第1章1.6节对象库(下)之进阶编程篇

1.6 对象库(下)之进阶编程篇 精通QTP--自动化测试技术领航 阶段要点 掌握手写代码的3种方式. 明确测试对象(TO)与运行时对象(RO)的区别. 4种操作对象封装属性的方法. 你也可以是一名魔术师.黑客. 几种常见的QTP无法识别或识别错误的原因. 1.6.1 引言 在对象库上篇这个章节中,相信读者已经对对象库的使用以及其他各个方面有了一个全面的了解.那么从现在开始,作者将引领读者开始基于对象库编程的学习,从而掌握对象库编程的知识与技巧.读者如果觉得在对象库上篇中还有不能够完全掌握的地方

HTML DOM测试应用

要点 DOM的简单介绍 DOM在QTP中使用的时机 DOM对象与IE对象模型的结合应用 DOM在Web测试中的具体应用 DOM在Web测试中的显著优势 1.DOM(Document Object Model) DOM是Document Object Model文档对象模型的缩写.根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件.简单理解,DOM解决了Netscape的Javascript和 Microsoft的Jscript之间的冲突,给予we