web自动化测试-D3-学习笔记之一（Selenium彩蛋篇-Xpath使用方法）

Posted 爱睡觉的加菲猫

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了web自动化测试-D3-学习笔记之一（Selenium彩蛋篇-Xpath使用方法）相关的知识，希望对你有一定的参考价值。

由于最新版火狐不在支持FireBug等开发工具，可以通过https://ftp.mozilla.org/pub/firefox/releases/ 下载49版本以下的火狐就可以增加Firebug等扩展了。

什么是Xpath？

XPath是XML的路径语言，通俗一点讲就是通过元素的路径来查找到这个标签元素。

工具

Xpath的练习建议大家安装火狐浏览器后，下载插件，FireBug。

Xpath使用方法

注：默认死格式 先写 //* 代表定位页面下所有元素

1、Xpath支持ID、Class、Name定位功能

 
1
2
3
4
5
6
7
8
9
10
11
通过ID定位
 
//*[@id=‘kw‘]
 
通过Class定位
 
//*[@class=‘class_name‘]
 
通过Name定位
 
//*[@name=‘name‘]

2、如果标签没有ID、Class、Name三总属性，Xpath还支持属性定位功能

 
1
2
3
@ 代表以属性定位，后面可以接标签中任意属性
 
//*[@other=‘attribute‘]

3、当标签的属性重复时，Xpath提供了通过标签来进行过滤

 
1
2
3
将 * 换位任意标签名，则可根据标签进行筛选
 
//input[@placeholder=‘用户名‘]

4、当标签页重复时，Xpath提供了层级过滤

例如：找不到儿子，那么就先找他的爸爸，是在不行可以在找他的爷爷

 
1
2
3
4
5
6
7
支持通过 / 进行层级递进，找到符合层级关系的标签
 
//form/div/input[@placeholder="用户名"]
 
当层级都重复时，可以通过单个层级的属性进行定位
 
//form/div[@class=‘login-user‘]/input

5、一个元素它的兄弟元素跟它的标签一样，这时候无法通过层级定位到。因为都是一个父亲生的，多胞胎兄弟。Xpath提供了索引过滤

 
1
2
3
通过索引，在List中定位属性，与python的索引有些差别，Xpath从1开始
 
//select[@name=‘city‘][1]/option[1]

6、上面集中如果都用上了之后还重复的话，我们就可以使用Xpath提供的终极神器，逻辑运算定位。and 或 or

 
1
2
3
4
5
6
7
通过and来缩小过滤的范围，只有条件都符合时才能定位到
 
//select[@name=‘city‘ and @size=‘4‘ and @multiple="multiple"]
 
or就相反了，只要这些筛选中，其中一个出现那么久匹配到了
 
//select[@name=‘city‘ or @size=‘4‘]

我通常把Xpath看成是屠龙刀。武林至尊，宝刀Xpath，Css不出，谁与争锋？

 

什么是Css Selector？

Css Selector定位实际就是html的Css选择器的标签定位

工具

Css Selector的练习建议大家安装火狐浏览器后，下载插件，FireFinder 或 FireBug和FirePath组合使用。

Css Selector使用方法

1、Css Selector支持ID、Class的定位 与HTML中CSS定位相同

 
1
2
3
4
5
6
7
8
9
10
11
# 号表id 定位有id的标签方式更加简洁
 
#i1
 
. 代表Class 定位有id的标签方式更加简洁
 
.c1
 
Class定位还提供了多个Class定位 通过连续 . 来缩小范围
 
.c1.c2.c3

2、Css Selector支持标签定位没什么卵用

 
1
2
3
与Css相同 支持标签选择器，但并没有什么用，一个页面重复的标签太多
 
定位方式 ：直接输入标签名称

3、Css Selector支持任意属性定位

 
1
2
3
属性定位方式与css相同,直接中括号，加上属性就可以了
 
[name=‘n1‘]

4、单单属性定位不足以满足我们的定位需求，Css Selector提供了标签属性组合定位

 
1
2
3
4
5
6
7
8
9
10
11
12
13
与css 定位相同 等同于我们标签属性选择器
 
input[name=‘n1‘]
 
当与ID、Class 组合使用时书写方式更为简单
 
Class
 
input.c1
 
ID
 
input#i1

5、Css Selector提供了多属性组合过滤

 
1
2
3
Css Selector 的多属性组合选择过滤 没有and 只需要多个[] 连接 就可以
 
select[name=‘city‘][size=‘4‘][multiple="multiple"]

6、同样Css Selector也支持层级关系定位

 
1
2
3
与Xpath的不同 Css Selector通过 > 来区分层级的界定
 
select>option[value=‘3‘]

7、Css Selector模糊匹配

 
1
2
3
4
5
6
7
8
9
10
11
^= 匹配元素属性以什么开头
 
input[value^="登"]
 
$= 匹配属性以什么结尾
 
input[value$="录"]  
 
*= 匹配属性包含什么值 input
 
[value*="录"]

倚天剑我们已经是不是比屠龙刀更加的锋利？

毕竟倚天剑和屠龙刀不是一般人能够使用的，如果屠龙刀与倚天剑挥舞不起来，还有个简单的神器，Selenium Builder。

 

在UI自动化测试中，必然会遇到环境不稳定，网络慢的情况，这时如果你不做任何处理的话，代码会由于没有找到元素，而报错。这时我们就要用到wait（等待），而在Selenium中，我们可以用到一共三种等待，没一种等待都有自己的优点或缺点，如果选择最优的等待方式呢。来看下这三种等待方式吧。

time（固定等待）

在开发自动化框架过程中，最忌讳使用Python自带模块的time的sleep方法进行等待，虽然可以自定义等待时间，但当网络条件良好时，依旧按照预设定的时间继续等待，导致整个项目的自动化时间无限延长。不建议使用。（注：脚本调试过程时，还是可以使用的，方便快捷）

implicitly_wait（隐式等待）

隐式等待实际是设置了一个最长等待时间，如果在规定时间内网页加载完成，则执行下一步，否则一直等到时间结束，然后执行下一步。这样的隐式等待会有个坑。我们都知道js一般都是放在我们的body的最后进行加载，实际这是页面上的元素都已经加载完毕，我们却还在等带全部页面加载结束。隐式等待对整个driver周期都起作用，在最开始设置一次就可以了。不要当做固定等待使用，到那都来一下隐式等待。

WebDriverWait（显示等待）

WebDriverWait是selenium提供的显示等待模块引入路径

 
1
from selenium.webdriver.support.wait import WebDriverWait

WebDriverWait参数

 
1
2
3
4
5
driver: 传入WebDriver实例，即我们上例中的driver
timeout: 超时时间，等待的最长时间
poll_frequency: 调用until或until_not中的方法的间隔时间，默认是0.5秒
ignored_exceptions: 忽略的异常，如果在调用until或until_not的过程中抛出这个元组中的异常，
则不中断代码，继续等待，如果抛出的是这个元组外的异常，则中断代码，抛出异常。默认只有NoSuchElementException。

这个模块中，一共只有两种方法until与until_not

 
1
2
method: 在等待期间，每隔一段时间调用这个传入的方法，直到返回值不是False
message: 如果超时，抛出TimeoutException，将message传入异常

until

当某元素出现或什么条件成立则继续执行

until_not

当某元素消失或什么条件不成立则继续执行

两个方法的method，必须是含有__call__的可执行方法。所以我们引用selenium提供的一个模块

 
1
from selenium.webdriver.support import expected_conditions as Ec

 

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
‘‘‘隐式等待和显示等待都存在时，超时时间取二者中较大的‘‘‘
locator = (By.ID,‘kw‘)
driver.get(base_url)
 
WebDriverWait(driver,10).until(EC.title_is(u"百度一下，你就知道"))
‘‘‘判断title,返回布尔值‘‘‘
 
WebDriverWait(driver,10).until(EC.title_contains(u"百度一下"))
‘‘‘判断title，返回布尔值‘‘‘
 
WebDriverWait(driver,10).until(EC.presence_of_element_located((By.ID,‘kw‘)))
‘‘‘判断某个元素是否被加到了dom树里，并不代表该元素一定可见，如果定位到就返回WebElement‘‘‘
 
WebDriverWait(driver,10).until(EC.visibility_of_element_located((By.ID,‘su‘)))
‘‘‘判断某个元素是否被添加到了dom里并且可见，可见代表元素可显示且宽和高都大于0‘‘‘
 
WebDriverWait(driver,10).until(EC.visibility_of(driver.find_element(by=By.ID,value=‘kw‘)))
‘‘‘判断元素是否可见，如果可见就返回这个元素‘‘‘
 
WebDriverWait(driver,10).until(EC.presence_of_all_elements_located((By.CSS_SELECTOR,‘.mnav‘)))
‘‘‘判断是否至少有1个元素存在于dom树中，如果定位到就返回列表‘‘‘
 
WebDriverWait(driver,10).until(EC.visibility_of_any_elements_located((By.CSS_SELECTOR,‘.mnav‘)))
‘‘‘判断是否至少有一个元素在页面中可见，如果定位到就返回列表‘‘‘
 
WebDriverWait(driver,10).until(EC.text_to_be_present_in_element((By.XPATH,"//*[@id=‘u1‘]/a[8]"),u‘设置‘))
‘‘‘判断指定的元素中是否包含了预期的字符串，返回布尔值‘‘‘
 
WebDriverWait(driver,10).until(EC.text_to_be_present_in_element_value((By.CSS_SELECTOR,‘#su‘),u‘百度一下‘))
‘‘‘判断指定元素的属性值中是否包含了预期的字符串，返回布尔值‘‘‘
 
#WebDriverWait(driver,10).until(EC.frame_to_be_available_and_switch_to_it(locator))
‘‘‘判断该frame是否可以switch进去，如果可以的话，返回True并且switch进去，否则返回False‘‘‘
#注意这里并没有一个frame可以切换进去
 
WebDriverWait(driver,10).until(EC.invisibility_of_element_located((By.CSS_SELECTOR,‘#swfEveryCookieWrap‘)))
‘‘‘判断某个元素在是否存在于dom或不可见,如果可见返回False,不可见返回这个元素‘‘‘
#注意#swfEveryCookieWrap在此页面中是一个隐藏的元素
 
WebDriverWait(driver,10).until(EC.element_to_be_clickable((By.XPATH,"//*[@id=‘u1‘]/a[8]"))).click()
‘‘‘判断某个元素中是否可见并且是enable的，代表可点击‘‘‘
driver.find_element_by_xpath("//*[@id=‘wrapper‘]/div[6]/a[1]").click()
#WebDriverWait(driver,10).until(EC.element_to_be_clickable((By.XPATH,"//*[@id=‘wrapper‘]/div[6]/a[1]"))).click()
 
#WebDriverWait(driver,10).until(EC.staleness_of(driver.find_element(By.ID,‘su‘)))
‘‘‘等待某个元素从dom树中移除‘‘‘
#这里没有找到合适的例子
 
WebDriverWait(driver,10).until(EC.element_to_be_selected(driver.find_element(By.XPATH,"//*[@id=‘nr‘]/option[1]")))
‘‘‘判断某个元素是否被选中了,一般用在下拉列表‘‘‘
 
WebDriverWait(driver,10).until(EC.element_selection_state_to_be(driver.find_element(By.XPATH,"//*[@id=‘nr‘]/option[1]"),True))
‘‘‘判断某个元素的选中状态是否符合预期‘‘‘
 
WebDriverWait(driver,10).until(EC.element_located_selection_state_to_be((By.XPATH,"//*[@id=‘nr‘]/option[1]"),True))
‘‘‘判断某个元素的选中状态是否符合预期‘‘‘
driver.find_element_by_xpath(".//*[@id=‘gxszButton‘]/a[1]").click()
 
instance = WebDriverWait(driver,10).until(EC.alert_is_present())
‘‘‘判断页面上是否存在alert,如果有就切换到alert并返回alert的内容‘‘‘
print instance.text
instance.accept()
 
driver.close()

自定义expected_conditions

 
1
2
3
4
5
class current_url(object):
    def __init__(self,current_url):
        self.current_url = current_url
    def __call__(self, driver):
        return self.current_url == driver.current_url

 

以上是关于web自动化测试-D3-学习笔记之一（Selenium彩蛋篇-Xpath使用方法）的主要内容，如果未能解决你的问题，请参考以下文章

web自动化测试-D3-学习笔记之二（Selenium-WebDriverApi接口详解）

web自动化测试-D3-学习笔记之三（Selenium-Switch与SelectApi接口详解）

web自动化测试-D4-学习笔记之一（npx）

web自动化测试-D2-学习笔记之二（HTML基础之JS）

（转）D3D11游戏编程学习笔记二十一：Cube Mapping及其应用之一：天空盒的实现

（转）D3D11游戏编程学习笔记二十四：切线空间（Tangent Space）