由于最新版火狐不在支持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
|