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/
相关文章
|
7月前
|
存储 JavaScript 数据可视化
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
175 1
|
7月前
|
JavaScript 前端开发 算法
js开发:请解释什么是虚拟DOM(virtual DOM),以及它在React中的应用。
虚拟DOM是React等前端框架的关键技术,它以轻量级JavaScript对象树形式抽象表示实际DOM。当状态改变,React不直接操作DOM,而是先构建新虚拟DOM树。通过高效diff算法比较新旧树,找到最小变更集,仅更新必要部分,提高DOM操作效率,降低性能损耗。虚拟DOM的抽象特性还支持跨平台应用,如React Native。总之,虚拟DOM优化了状态变化时的DOM更新,提升性能和用户体验。
98 0
|
JavaScript 前端开发 开发者
jQuery文档对象模型DOM的实际应用
jQuery文档对象模型DOM的实际应用
58 0
|
1月前
|
JavaScript 算法 前端开发
虚拟 DOM 如何提高应用的性能?
虚拟 DOM 通过减少真实 DOM 操作、高效的 Diff 算法、提升渲染性能、跨平台能力以及优化内存管理等多种方式,全面提高了应用的性能,为用户提供了更流畅、高效的交互体验,尤其在构建大型、复杂的前端应用时,其性能优势更加显著。
37 1
|
25天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
38 5
|
2月前
|
缓存 编解码 JavaScript
DOM 和 BOM 在项目中应用时的性能优化方法
【10月更文挑战第19天】总之,优化 DOM 和 BOM 的性能需要综合考虑多个方面,通过合理的设计和技术手段,提升项目的运行效率和用户体验。在实际开发中,要不断地进行性能优化实践,以适应不断变化的需求和技术发展。
|
2月前
|
JavaScript 安全 物联网
DOM 和 BOM 在项目中的应用
【10月更文挑战第19天】在现代网页开发和应用项目中,DOM(文档对象模型)和 BOM(浏览器对象模型)扮演着至关重要的角色。它们为开发者提供了与网页文档和浏览器环境进行交互的能力,使项目能够实现丰富的功能和用户体验。
|
XML JavaScript Java
Java Web之JSP操作XML(XML的文档结构 语法和注释、dom4j的下载与配置 应用dom4j创建、解析和修改XML)
Java Web之JSP操作XML(XML的文档结构 语法和注释、dom4j的下载与配置 应用dom4j创建、解析和修改XML)
283 0
Java Web之JSP操作XML(XML的文档结构 语法和注释、dom4j的下载与配置 应用dom4j创建、解析和修改XML)
|
JavaScript API
DOM——事件介绍与简单应用
DOM——事件介绍与简单应用
146 0
DOM——事件介绍与简单应用
|
JavaScript 前端开发
JavaScript DOM的图片库的应用和优化
js和html分离很重要 属性: display:inline;可以实现列表横向显示 外部引用css 注意点: title是鼠标移到上面显示的内容 alt是图片加载不出来显示的内容 为了减少对网站的请求次数 应该将.
1451 0