由于最新版火狐不在支持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
|
来源:oschina
链接:https://my.oschina.net/u/4383116/blog/3999214