python元素定位的方法比较_python+selenium-【四】-元素定位方法

python+selenium-【四】-元素定位方法

前言:

UI自动化的步骤就是“获取元素、操作元素、获取返回值、断言(返回结果与期望结果是否一致)”,最后就是自动化测试报告的生成。

这一篇主要讲一下如何进行元素定位。

元素定位在这四个环节是至关重要的,如果在一个页面上的元素不能被定位到,那后面的操作就无法继续了。

webdriver给我提供了八种基本元素定位方法。

一、查看页面元素

F12,打开开发者模式,左上角的小箭头选中,然后鼠标走到想要获取的元素位置,下面代码中有阴影的位置就是此元素。

1.比如下面input框

20200724115546-5f1acc424839f.png

2.比如下面链接

20200724115548-5f1acc4471dce.png

新闻

二、定位元素

定位元素官方提供了8种方法,下面分别介绍下每种方法

2.1.通过id定位:find_element_by_id()

2.2.通过name定位:find_element_by_name()

2.3.通过class定位:find_element_by_class_name()

2.4.通过tag定位:find_element_by_tag_name()

2.5.通过link定位:find_element_by_link_text()

2.6.通过partial_link定位:find_element_by_partial_link_text()

2.7.通过xpath定位:find_element_by_xpath()

2.8.通过css定位:find_element_by_css_selector()

2.1、通过id定位:find_element_by_id()

1.从上面定位到的元素属性中,可以看到有个id属性:id=“search-key”,这里可以通过它的id属性定位到这个元素。

2.定位到搜索框后,用send_keys()方法。

20200724115549-5f1acc45c8102.png

2.2、通过name定位:find_element_by_name()

1.从上面定位到的元素属性中,可以看到有个name属性:name=”wd”,这里可以通过它的name属性单位到这个元素。

20200724115553-5f1acc49d731f.png

2.3、通过class定位:find_element_by_class_name()

1.从上面定位到的元素属性中,可以看到有个class属性:class=”s_ipt”,这里可以通过它的class属性单位到这个元素。

EBC189B2B2C1465884D45BC5320B752C

20200724115557-5f1acc4dac28a.png

2.4、通过tag标签定位:find_element_by_tag_name()

1.从上面定位到的元素属性中,可以看到每个元素都有tag(标签)属性,如搜索框的标签属性,就是最前面的input。

2.很明显,在一个页面中,相同的标签有很多,所以一般不用标签来定位。以下例子,仅供参考和理解,运行肯定报错。

20200724115602-5f1acc5239f80.png

2.5、通过link定位链接:find_element_by_link_text()

1.定位百度页面上”hao123″这个按钮。

20200724115606-5f1acc5667428.png

查看页面元素:

hao123

2.从元素属性可以分析出,有个href = “http://www.hao123.com” 说明它是个超链接,对于这种元素,可以用以下方法。

20200724115607-5f1acc57d6bad.png

2.6、通过partial_link模糊定位链接:find_element_by_partial_link_text()

1.有时候一个超链接它的字符串可能比较长,如果输入全称的话,会显示很长,这时候可以用一模糊匹配方式,截取其中一部分字符串就可以了

2.如“hao123”,只需输入“ao123”也可以定位到。

20200724115610-5f1acc5af3939.png

2.7、通过xpath定位:find_element_by_xpath()

1.以上定位方式都是通过元素的某个属性来定位的,如果一个元素它既没有id、name、class属性也不是超链接,这么办呢?或者说它的属性很多重复的。这个时候就可以用xpath解决。

2.xpath是一种路径语言,跟上面的定位原理不太一样,首先第一步要先学会用工具查看一个元素的xpath。

3.可以用F12开发者模式复制,也可以用上节的辅助工具定位

chrome:

20200724115615-5f1acc5f1b441.png

火狐:

20200724115620-5f1acc64af607.png

4.按照上图的步骤,在FriePath插件里copy对应的xpath地址

20200724115622-5f1acc6689b77.png

2.8、通过css定位:find_element_by_css_selector()

1.css是另外一种语法,比xpath更为简洁,性能也好一些,但是不太好理解,我个人也理解的不是很透彻(o(╯□╰)o)

2.打开FirePath插件选择css

3.定位到后如下图红色区域显示

20200724115626-5f1acc6acd1ce.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值