测试必须在时间、质量和成本之间获取一个平衡点,这是测试策略和测试设计的价值体现。
2.4 CSS定位
上一篇 /
下一篇 2018-06-12 10:43:28
/ 个人分类:Python+Selenium2 WebDriver API
2.4 CSS定位
xy YN1^]U0e0前言51Testing软件测试网
p&qSG&u&d$e
fD
大部分人在使用selenium定位元素时,用的是xpath定位,因为xpath基本能解决定位的需求。css定位往往被忽略掉了,其实css定位也有它的价值,css定位更快,语法更简洁。51Testing软件测试网{8qEQF)|
这一篇css的定位方法,主要是对比上一篇的xpath来的,基本上xpath能完成的,css也可以做到。两篇对比学习,更容易理解。
k7v8t5qi"Cj02.4.1 css:属性定位51Testing软件测试网 rBh b]b2},v
~
1.css可以通过元素的id、class、标签这三个常规属性直接定位到51Testing软件测试网j5Fv,o7bW;Vf
2.如下是百度输入框的的html代码:
W5H6~?5v1C'P$Z+B0<inputid="kw"class="s_ipt"type="text"autocomplete="off"maxlength="100"name="wd"/>
&}%U7\MQSb/}03.css用#号表示id属性,如:#kw51Testing软件测试网0zy`LlgG%mp
4.css用.表示class属性,如:.s_ipt51Testing软件测试网[6L];mGN:R6\qK9EA
5.css直接用标签名称,无任何标示符,如:input51Testing软件测试网V@!v%O i-?(E2X
51Testing软件测试网HTLbF~*K,Ya(f3|\
JFg"q4Q2c02.4.2 css:其它属性
,]
G/b$u|01.css除了可以通过标签、class、id这三个常规属性定位外,也可以通过其它属性定位51Testing软件测试网v$v.O4W;A{\,AA4[
2.以下是定位其它属性的格式51Testing软件测试网Q~Z\`%Z\.l7y
5c$|[&Nc0
YABQe'{;[-s*[Z051Testing软件测试网Acd!w{/g\7kZE
rP@_9EaYY02.4.3 css:标签
51Testing软件测试网1z.T Vu0X1.css页可以通过标签与属性的组合来定位元素
3oi'PD7l2uMTT]1F3N0G6^x9MRkB%z;S0
h7qj2Y4`6b4pf-I02.4.4 css:层级关系
cn!Xz
}J7\01.在前面一篇xpath中讲到层级关系定位,这里css也可以达到同样的效果51Testing软件测试网 cMs4eM5j{0{;JH
Q
2.如xpath:51Testing软件测试网;VA]V:{)n#H
;l#p
F2] vt0//form[@id='form']/span/input和51Testing软件测试网0`8U)M+]8y?ZL
//form[@class='fm']/span/input也可以用css实现
:|*@ ^9h
k}/Z/j051Testing软件测试网4y.E#_.[n'Z@ 51Testing软件测试网%zi(?S#l3Y~4x0_"B
&HQ S T0c:{_!m0 51Testing软件测试网3O%rVP2MsyY9Cg
2.4.5 css:索引
T{*~/S!s6G01.以下图为例,跟上一篇一样:51Testing软件测试网&t+Nyc+~7x.Zj
K
?~4R/E'\G3k051Testing软件测试网A NJ*O+I+Afx
51Testing软件测试网 i5PQGh]+c2.css也可以通过索引option:nth-child(1)来定位子元素,这点与xpath写法用很大差异,其实很好理解,直接翻译过来就是第几个小孩。51Testing软件测试网#|G d]7m
51Testing软件测试网`%}3K+Q3J51Testing软件测试网Q3pdgnk yV
2.4.6 css:逻辑运算
51Testing软件测试网X#Cu:v}1.css同样也可以实现逻辑运算,同时匹配两个属性,这里跟xpath不一样,无需写and关键字51Testing软件测试网(pns]$en
51Testing软件测试网:u{
?!^S `d2@EVwj$HJ-L5z"}&Yv0$n'UiV;|#Q&XtBz1h0
;O?
Fa1P7p o:s02.4.7 css:模糊匹配
0x0I4o+O9R
E0K01.css的模糊匹配contains('xxx'),网上虽然用各种资料显示能用,但是小编亲自试验了下,一直报错。
P}'k
cricm#c,`02.在各种百度后找到了答案:you
can't do this withCSS selectors, because there is no such thing
as:contains() in CSS. It was a proposal that was abandoned years ago.51Testing软件测试网P?}fz{
非常遗憾,这个语法已经被抛弃了,所以这里就不用管这个语法了。51Testing软件测试网 ~
z,PW}pJ$xp(e
css语法远远不止上面提到的,还有更多更强大定位策略,有兴趣的可以继续深入研究。官方说法,css定位更快,语法更简洁,但是xpath更直观,更好理解一些。
?!fk9Vq
a4Ei3X0
收藏
举报
TAG: