由于最新版火狐不在支持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 | ‘‘‘隐式等待和显示等待都存在时，超时时间取二者中较大的‘‘‘<
知识推荐
我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8
不良信息举报平台
互联网安全管理备案
Copyright 2023 www.wodecom.cn All Rights Reserved |