前言 css
自动化只要掌握四步操做:获取元素,操做元素,获取返回结果,断言(返回结果与指望结果是否一致),最后自动出测试报告。本篇主要讲如何用firefox辅助工具进行元素定位。
元素定位在这四个环节中是相当重要的,若是说按学习精力分配的话,元素定位占70%;操做元素10%,获取返回结果10%;断言10%。若是一个页面上的元素不能被定位到,那后面的操做就没法继续了。接下来就来说webdriver提供的八种基本元素定位方法。python
1、环境准备:web
1.浏览器选择:Firefox浏览器
2.安装插件:Firebug和FirePath(设置》附加组件》搜索:输入插件名称》下载安装后重启浏览器)函数
3.安装完成后,页面右上角有个小爬虫图标工具
2、查看页面元素:学习
以百度搜索框为例,先打开百度网页测试
1.点右上角爬虫按钮spa
2.点左下角箭头firefox
3.讲箭头移动到百度搜索输入框上,输入框高亮状态
4.下方红色区域就是单位到输入框的属性:
3、元素定位-单数:
find_element_by_id()
1.从上面定位到的元素属性中,能够看到有个id属性:id="search-key",这里能够经过它的id属性单位到这个元素。
2.定位到搜索框后,用send_keys()方法
find_element_by_name()
1.从上面定位到的元素属性中,能够看到有个name属性:name="wd",这里能够经过它的name属性单位到这个元素。
说明:这里运行后会报错,说明这个搜索框的name属性不是惟一的,没法经过name属性直接定位到输入框
find_element_by_class_name()
1.从上面定位到的元素属性中,能够看到有个class属性:class="s_ipt",这里能够经过它的class属性定位到这个元素。
find_element_by_tag_name()
1.从上面定位到的元素属性中,能够看到每一个元素都有tag(标签)属性,如搜索框的标签属性,就是最前面的input;
2.很明显,在一个页面中,相同的标签有不少,因此通常不用标签来定位。如下例子,仅供参考和理解,运行确定报错;
find_element_by_link_text()
1.定位百度页面上"hao123"这个按钮
查看页面元素:
<a class="mnav" target="_blank" href="http://www.hao123.com">hao123</a>
2.从元素属性能够分析出,有个href = "http://www.hao123.com,说明它是个超连接,对于这种元素,能够用如下方法:
find_element_by_partial_link_text()
1.有时候一个超连接它的字符串可能比较长,若是输入全称的话,会显示很长,这时候能够用一模糊匹配方式,截取其中一部分字符串就能够了;
2.如“hao123”,只需输入“ao123”也能够定位到:
find_element_by_xpath()
1.以上定位方式都是经过元素的某个属性来定位的,若是一个元素它既没有id、name、class属性也不是超连接,这么办呢?或者说它的属性不少重复的。这个时候就能够用xpath解决;
2.xpath是一种路径语言,跟上面的定位原理不太同样,首先第一步要先学会用工具查看一个元素的xpath;
3.安装上图的步骤,在FriePath插件里copy对应的xpath地址;
find_element_by_css_selector()
1.css是另一种语法,比xpath更为简洁,可是不太好理解。这里先学会如何用工具查看,后续的教程再深刻讲解;
2.打开FirePath插件选择css;
3.定位到后以下图红色区域显示;
4、元素定位-双数:
element和elements区别:
1.element方法定位到是是单数,是直接定位到元素;
2.elements方法是复数,这个学过英文的都知道,定位到的是一组元素,返回的是list队列;
3.能够用type()函数查看数据类型;
elements定位元素说明:
1.当一个页面上有多个属性相同的元素时,而后父元素的属性也比较模糊,不太好定位。这个时候不用怕,换个思惟,别老想着一次定位到,能够先把相同属性的元素找出来,取对应的第几个就能够了。
2.以下图,百度页面上有六个class同样的元素,我要定位“地图”这个元素:
3.取对应下标便可定位了:
elements定位方法:
5、By定位元素:
find_element()方法只用于定位元素。它须要两个参数,第一个参数是定位方式,这个由By 提供;第二个参数是定位的值。
ID = "id"
XPATH = "xpath"
LINK_TEXT = "link text"
PARTIAL_LINK_TEXT = "partial link text"
NAME = "name"
TAG_NAME = "tag name"
CLASS_NAME = "class name"
CSS_SELECTOR = "css selector"
例子:
from selenium.webdriver.common.by import By ''' 定位百度输入框 '''
find_element(By.ID,"kw")
find_element(By.NAME,"wd")
总结:
selenium的webdriver提供了八种基本的元素定位方法,前面六种是经过元素的属性来直接定位的,后面的xpath和css定位更加灵活,须要重点掌握其中一个:
1.经过id定位:find_element_by_id()
2.经过name定位:find_element_by_name()
3.经过class定位:find_element_by_class_name()
4.经过tag定位:find_element_by_tag_name()
5.经过link定位:find_element_by_link_text()
6.经过partial_link定位:find_element_by_partial_link_text()
7.经过xpath定位:find_element_by_xpath()
8.经过css定位:find_element_by_css_selector()
Class定位:
class属性有空格是多重属性,取其中一个就行。