在watir中运用xpath初级篇（zz）

于Watir操作IE浏览器，目前并没有录制工具来帮助测试人员，一般靠测试人员使用IE Developer Toolbar辅助进行元素识别，然后编写测试脚本。

lIBa f:z,]4U3U0在编写脚本过程中，主要通过是使用Watir::IE的一个实例化对象@ie来获得页面上的各种元素，比如button，link…然后可以对这些元素进行操作。（Watir识别HTML元素的方法详见附表一），识别元素时各不同元素支持不同的属性识别，详见附图一，这里不做赘述。

tme\,aPLmn P}051Testing软件测试网t-v B
P vg{~AL

Watir::IE封装的是一个当前页面的DOM Tree，而不是页面源代码。比如页面如果用javascrīpt动态产生一个元素，在Watir中仍然可以访问。本文主要介绍通过xpath来定位并识别页面元素，达到灵活操作控件的目的。

,]}$N*g.l X051Testing软件测试网WX3C;ea

首先简单介绍一下xpath，xpath是在xml文档中查找信息的语言，可用来在xml文档中对元素和属性进行遍历。XPath 使用路径表达式来选取 XML 文档中的节点或者节点集。这些路径表达式和我们在常规的电脑文件系统中看到的表达式非常相似。Xpath的运用使得Watir自动化脚本更易于维护、更健壮。

b3h.J2c$K)N*alp9_/nV0

8O)W0lLX\-H\0Watir对xpath的支持提供给测试人员一种识别页面元素更为有效的解决方案，从附图一中可以看出来：xpath是较多document对象所支持的识别属性。从原理上说，是把页面HTML转化成为XHTML，然后REXML来解析他，达到使用xpath表达式语言在文档结构中做查询定位的目的。并且，xpath可以操作html中的扩展tag，或者Watir不支持的tag操作，对于Watir扩展是很有效的，这使得xpath在Watir如何运用的研究变得有那么些意义。51Testing软件测试网*Q[W5X C:K!^'IP`"p#vm

%r8f9F:jP Gy0首先看一下xpath的简单语法以及在Watir中如何运用。

^^)P%c$UsX0

3QF0w#O M[m(J+O0示例节选代码如下：

7I#p7[i!}+bVS0

-nV*W6?.m$jP"O0xpath常用路径表达式如下：51Testing软件测试网C-a-LhF

cB&L+A'O9V$h0// 从匹配选择的当前节点选择文档中的节点，而不考虑它们的位置

i-o;a~ l0

7qx9xYGi t0. 选取当前节点

"D,IN,XeL
or051Testing软件测试网#[5i!XTBsh;pEQ

.. 选取当前节点的父节点

\B|F;gN,X051Testing软件测试网1t:j]6Z? M

@ 指定属性51Testing软件测试网,\ SZ`nMz)A

51Testing软件测试网 ` CR ^inw

示例一：使用属性定位识别元素

Fu`o0S051Testing软件测试网J^hl7V*|yw1k$L

//div[@id=’categories’]

+s,ei/m*d,?1N051Testing软件测试网:NxC b%Mfz2iU

选取id为categories的div，返回所有符合条件节点51Testing软件测试网1k8^ ?!Y/Hy

51Testing软件测试网+P Je^*Y.RxA[
g8_:d

Watir代码：

+h)e!G0@}W.y H6Q!R051Testing软件测试网(Zh}8q3X"^)b5K{

@ie.div(:xpath,”//div[@id='categories']“)

R-Z4z*\i)}]y$n051Testing软件测试网zm b3L+b2c

示例二：使用tag以及数组位置定位元素51Testing软件测试网'a%w&z"Lx5xbWy)D

cF[;z/L0//a51Testing软件测试网?v/?-LyXb)@.Q

Hz\^K9C_]0返回所有a子元素，无论它们在文档中的位置51Testing软件测试网aAN!hm0i

51Testing软件测试网D
c!s[F[SO._'|c)z

Watir代码：

(^8?!c d8w{_7A`051Testing软件测试网NsSKxAw

@ie.link(:xpath,”//a”)

;b qMXl6g0? Zh!xg051Testing软件测试网
Xg0})i/tJFp

注：watir中使用该xpath自动返回元素集中的第一个元素，该代码与@ie.link(:xpath,”//a[1]”)效果相同。若需要识别其他位置元素，可使用数组方式定位识别，如：@ie.link(:xpath,”//a[2]”).click点击第二个tag为a的元素，@ie.link(:xpath,”//a[last()]”)点击最后一个tag为a的元素

*M j
O
o&z^!Q0

3Y-OG$GZ8WWG \:g0示例三：使用相对路径识别元素51Testing软件测试网fX$AE3E?|

51Testing软件测试网!W }k)_5m&Go
n,g

//a[1]/../../../../../../div[2]/input51Testing软件测试网NI4Dv_!`'e)q!X z

51Testing软件测试网 A'rr SNG4JYE

首先找到第一个a元素，一层层定位到根节点下第二个div，再选取input节点

H P%qL\b'jG$H051Testing软件测试网Wa+N&hi9W}

Watir代码：51Testing软件测试网6v {K%L5I~
M
Y

51Testing软件测试网2VV5z)rgL&E'Jw

@ie.text_field(:xpath,”//a[1]/../../../../../../div[2]/input”).set ‘test’

R
b3A[.Wc0G.}0

3G,^hz9Rd1|5yF0注：使用相对路径可以去除对id,name等属性的依赖，当页面元素缺乏类似属性来定位识别时，可以使用该方法进行控件操作

'l8k&ut c R+pAB0

Z^x-{B6fWu/Z%x0示例四：根据模糊属性定位元素

+o*S#g8P,jYK051Testing软件测试网"f{X Ve;R5J+G?Ls"]

//a[contains(@href , ' crafts ')]51Testing软件测试网%jo#zDb2r`

51Testing软件测试网m U1\r[,R{a

定位到href属性值中含有crafts的a元素51Testing软件测试网J'_'~s;pq

51Testing软件测试网8b0y~"k'[:Ht

Watir代码51Testing软件测试网;ar;F@]4Si
`8G

{0S
E nW`!IV.s)g0@ie.link(:xpath,”//a[contains(@href,'crafts')]“).click51Testing软件测试网FX4O0\8L.oV#Z

51Testing软件测试网q1l8hu,z[)|t$@:L

示例五：属性不被Watir支持，但可通过xpath识别51Testing软件测试网Z$?5@YCXR

51Testing软件测试网 WsI~$KfxRY

//select[@foo='bar')]

m0j x(u.k051Testing软件测试网'_)D!\M,l.A"\3wl

当遇到有属性名为foo的情况，watir并不支持通过该属性来定位查询元素，但可通过xpath查询识别

Lm]&Z v CU051Testing软件测试网9U-]8th'o2s,f

Watir代码：51Testing软件测试网O
MD#|r0iS

Fo't6CI{3Ns\0@ie.select_list(:xpath,”//select[@foo='bar')]“).select ‘Art’

4[%~RF9g-@+D|0

%B z*iD-m6Y}{*S0示例五：使用element_by_xpath扩展Watir不支持的控件51Testing软件测试网1^0`[a'd.D;C$G!sw

'I/vp$A*}K?~0Watir代码：51Testing软件测试网5YO
AB[G3I r

51Testing软件测试网Jn2AD.u!T

puts @ie.element_by_xpath(”//object”).name51Testing软件测试网
EPO;[#bL9B8q

51Testing软件测试网0C S+UE;PA

注：某些页面标签并不被Watir所支持，比如object，可以通过这种方法获取元素

o9L.g E"U-Mx051Testing软件测试网`4R;l7mYnx*XH

还有很多其他用法这里不一一举例了，有兴趣的同学可以深入研究xpath语法，并灵活运用到我们的自动化脚本中。当然在使用当中也遇到一些问题，比如在Watir中使用xpath时，中文页面似乎经常会解析出问题，具体问题还在研究当中，也希望对此有了解的同学能给些方向和建议。

+I}/U H aPx Zi0

t
xU1Ban8If0附表一：Watir识别HTML元素的方法（From Wiki）51Testing软件测试网f*F~1|l3gy

How?	HTML源码	Watir代码	注
:action	<form. action=”page.htm”>	ie.form(:action, /page/).click	只可用于form元素， 通过指定form提交的url来识别
:after?	<a>one</a> <a>two</a> <a>one</a>	ie.link(:after?, ie.link(:text, “two”)).click	定位到指定元素之后的页面控件
:class	<a>	ie.link(:class, “header”).click	当元素有class属性时可以使用其进行定位、识别
:for	<label for=”header”>	ie.label(:for, “header”).click	只可用于定位label元素
:href	<a href=”page.htm”>	ie.link(:href, /page/).click	可使用href属性定位超链接
:id	<a>	ie.link(:id, “header”).click	用于通过id识别控件，由于xhtml说明中定义了id唯一，推荐使用这种最为可靠的识别方式
:index	<button>	ie.button(:index, 1).click	用于定位页面指定类别第N个元素。目前的Watir版本中从index为1开始计数，但以后可能会从0开始计数。
:method	<form. method=”get”>	ie.form(:method, “get”).click	仅可用于定位form元素，form的method属性值可以是get或post
:name	<a>	ie.link(:name, “header”).click	用于通过name属性识别元素，对于之前版本的HTML比较有用，但对于XHTML来说识别度较低。
:src	<img src=”photo.png”>	ie.image(:src, /photo/).click	当需要通过URL来识别一个图片元素时使用
:text	<a>click me</a>	ie.link(:text, “click me”).click	可用于识别包含文本的页面元素，如link,span,div等
:title	<a title=”header”>	ie.link(:title, “header”).click	识别含有title属性的元素
:value	<input value=”text”>	ie.text_field(:value, “text”).click	用于识别含有默认值的text field元素或button元素
:url	<a href=”page.htm”>	ie.link(:url, /page/).click	url属性和href属性相同
path	<a href=”page.htm”>	ie.link(:xpath,”//a[@href='page.htm']“).click	使用xpath定位元素
multiple attribute	<a>click me</a> <a>click me</a>	ie.link(:text => “click me”, :index => 2).click	可以使用多个属性联合定位识别，如本例所示，将点击文本为”click me”的第二个链接

{3{"H \r:B2LuMA0附图一：识别元素所支持的方法（From Wiki）

;g}5R"|;O0f051Testing软件测试网&A"n]0cU-A2{|2U`"H!z

51Testing软件测试网5tx9_&E-HIf0W