Selenium自动化测试3.元素定位(1)

——————·今天距2020年83天·——————

这是ITester软件测试小栈第53次推文

大家好

我是vivi小胖虎

今天继续selenium系列

实例示范

即学即用

学成之后

你就是整条gai最靓的仔

上篇文章我们介绍了selenium自动化测试-浏览器的一些基本操作&＃xff0c;这次我们要分享的是对元素的定位&＃xff0c;在一个页面中有很多不同的策略来定位一个元素&＃xff0c;我们选择最合适的方法即可。

一个页面最基本组成单元是元素&＃xff0c;想要定位一个元素&＃xff0c;我们需要特定的信息来说明这个元素的唯一特征。

selenium 主要提供了8种定位元素方法&＃xff1a;

• find_element_by_id   

• find_element_by_name

• find_element_by_link_text

• find_element_by_partial_link_text

• find_element_by_tag_name

• find_element_by_class_name

• find_element_by_css_selector

• find_element_by_xpath

我们先简单介绍浏览器怎么定位到元素上&＃xff1a;

1.打开Chrome浏览器&＃xff0c;按F12或浏览器右上角打开开发者工具。

&＃xff08;注&＃xff1a;F12打不开的&＃xff0c;看快捷键设置&＃xff0c;比如Fn&＃43;F12打开&＃xff09;  

2.打开开发者工具后&＃xff0c;在开发者工具栏左上角点亮箭头&＃xff0c;然后鼠标移动到想要定位的页面元素上&＃xff0c;如图所示&＃xff1a;  

3.定位之后&＃xff0c;就可以看到对应的元素属性信息了。

接下来依次介绍前6种定位方法&＃xff1a;

1.find_element_by_id 

id就像人的身份证一样&＃xff0c;具有唯一性。当然&＃xff0c;同一个页面发现两个相同的id也是有可能的&＃xff0c;这取决于前端代码的规范程度。所以&＃xff0c;通过id来查找元素相对可靠。

我们以百度页面的搜索框为例子&＃xff0c;先定位到搜索框上&＃xff0c;如下图&＃xff1a;id&＃61;“kw”

接下来直接写代码&＃xff0c;定位搜索框&＃xff0c;且输入文本&＃xff1a;

&＃xff08;补充&＃xff1a;send_keys()表示模拟键盘输入文本&＃xff09;

运行之后&＃xff0c;在搜索框输入了小胖虎&＃xff0c;表示定位到了搜索框&＃xff1a;

2.find_element_by_name

name定位和id定位类似&＃xff0c;name就像人的名字一样&＃xff0c;元素也会有name属性。

我们还是以百度搜索框为例&＃xff0c;定位元素后发现&＃xff0c; name&＃61;"wd"。

实现代码如下&＃xff1a;

运行后&＃xff0c;在百度搜索框输入小胖虎&＃xff0c;定位成功。

3.find_element_by_link_text

link_text通过文本链接定位元素。

以百度页面的右上角的的文本链接为例:

定位到“hao123”链接上&＃xff1a;

hao123


我们要取的是a标签中间的“hao123”。

运行之后&＃xff0c;打开百度页面&＃xff0c;然后点击hao123, 进入hao123页面。

补充&＃xff1a;click()是指点击定位到元素之后&＃xff0c;进行点击。

4.find_element_by_partial_link_text

partial_link_text方法和link_text类似&＃xff0c;只不过是模糊匹配&＃xff0c;有时候文本链接很长&＃xff0c;我们截取文本的一部分进行定位即可&＃xff0c;我们还是定位“hao123”链接元素&＃xff1a;

hao123


截取“hao”或“123”进行定位&＃xff0c;代码如下&＃xff1a;

运行后&＃xff0c;启动浏览器&＃xff0c;打开百度页面&＃xff0c;等待2秒钟&＃xff0c;打开hao123页面&＃xff0c;定位成功。

5.find_element_by_tag_name

tag_name 顾名思义就是tag(标签)属性。


hao123


上面的 input, a都叫标签&＃xff0c;我们可以发现一个页面相同的标签很多。接下里我们用tag_name属性定位百度搜索框&＃xff1a;

运行之后&＃xff0c;发现报错了&＃xff0c;是因为一个页面&＃xff0c;相同的标签太多&＃xff0c;想要定位到元素&＃xff0c;必须具有唯一性&＃xff0c;所以不太推荐使用tag name的方法。

6.find_element_by_class_name

class_name 通过类名定位。

百度搜索框为例&＃xff0c;其中class&＃61;"s_ipt"。

代码如下&＃xff1a;

运行成功后&＃xff0c;启动浏览器&＃xff0c;打开百度页面&＃xff0c;搜索框输入小胖虎&＃xff0c;定位成功&＃xff01;

总结&＃xff1a;今天介绍的6种定位方法&＃xff0c;id定位是最高效也是首选的方法&＃xff0c;没有id属性的话&＃xff0c;再选择其他定位方法。

下一篇我们将介绍第7种定位方法——xpath定位&＃xff0c;功能强大&＃xff0c;你值得拥有。

最后是今天的分享&＃xff1a;Jenkins持续集成实战视频及电子书

ITester软件测试小栈今日分享

分享内容

Jenkins持续集成实战视频及电子书

领取方式

微信公众号后台回复&＃xff1a;20191009

有图有真相

以上

That‘s all

ITester软件测试小栈

往期内容宠幸

叮—这有一打让你666的测试终极资料包&＃xff0c;请查收&＃xff01;

QQ空间面试题放送&＃xff0c;速度教科书式扑街补救offer&＃xff01;

金九银十加薪季&＃xff0c;测试题预热一波。

selenium自动化测试-1.selenium介绍及环境安装

selenium自动化测试-2.浏览器基本操作

速看&＃xff0c;APP测试之ADB最全指南&＃xff01;

APP测试之Monkey压力测试(一)

APP测试之Monkey压力测试(二)

快来星标 置顶 关注我

 T ester

想要获取相关资料和软件 &＃xff1f;

Q群&＃xff1a;701841415