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

原文地址：https://www.cnblogs.com/blackbird0423/p/8907291.html

时间： 2024-10-06 15:14:30

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

Selenium彩蛋篇-三种等待的使用方式

转: http://www.imdsx.cn/index.php/2017/07/27/ec/ 在UI自动化测试中,必然会遇到环境不稳定,网络慢的情况,这时如果你不做任何处理的话,代码会由于没有找到元素,而报错.这时我们就要用到wait(等待),而在Selenium中,我们可以用到一共三种等待,没一种等待都有自己的优点或缺点,如果选择最优的等待方式呢.来看下这三种等待方式吧. time(固定等待) 在开发自动化框架过程中,最忌讳使用Python自带模块的time的sleep方法进行等待,虽然可以

Selenium彩蛋篇-Css Selector使用方法

转:http://www.imdsx.cn/index.php/2017/07/27/css1/ 什么是Css Selector? Css Selector定位实际就是HTML的Css选择器的标签定位 工具 Css Selector的练习建议大家安装火狐浏览器后,下载插件,FireFinder 或 FireBug和FirePath组合使用. Css Selector使用方法 1.Css Selector支持ID.Class的定位 与HTML中CSS定位相同 # 号表id 定位有id的标签方式更加

《Flask Web Development》学习笔记---chapter4 Web Forms

1.  我们用 wrapper了WTForms的Flask-WTF扩展来处理表单生成和验证. 2.  Cross-Site Request Forgery (CSRF) 保护 配置config,'SECRET_KEY' 3. Form class definition from flask.ext.wtf import Form from wtforms import StringField, SubmitField from wtforms.validators import Required

Spring MVC学习笔记（一）--------准备篇

这一系列笔记将带你一步一步的进入Spring MVC,高手勿喷. 首先你得安装以下的工具: JDK,虽然JDK8已经发布了一段时间了,但是由于我们并不会使用到里面的新特性,所以JDK6以上版本皆可以(需加入到PATH环境变量中): Servlet Container,为了能运行WEB应用程序,因此需要一个Web Container,这里我们建议Tomcat即可: IDE,一个好的IDE不仅能提高你开发的效率,还能降低你学习的成本,我们选择的是IntelliJ: 构建工具,推荐使用Gradle,它

《AxureRP原型设计学习笔记》之骨头班门弄斧篇

懒骨头(http://blog.csdn.net/iamlazybone QQ:124774397 青岛) ---- 前言 ---- AxureRP中的RP:Rapid Prototyping,快速原型. 这是产品经理的神奇,作为开发来搞这个东西,有点班门弄斧. 最近边查边搞了一个丑陋的app原型,一点心得,简计于此. mac下的AxureRP装完之后,默认打开是不显示程序界面的.别跟骨头似的以为没装好,重新下载安装.新建或打开即可. 这是软件界面: ---- 控件 ---- 不建议初学者首先下

Hbase学习笔记之一 | Hbase Shell命令篇

最近在XX项目的测试过程中,接触到一些HBase的东西,希望能站在测试的角度,把过程记录下来,期望对快速了解它有点帮助.作为一个初次接触它的人来说,需要迫切掌握其中基本的概念,这里就不赘述了. HBase Shell是HBase提供的便捷的访问方式,首先你需要搭建HBase的环境,可以参考 http://hbase.apache.org/book/quickstart.html 和http://hbase.apache.org/book/notsoquick.html. 1.进入Hbase Sh

C#可扩展编程之MEF学习笔记（三）：导出类的方法和属性

前面说完了导入和导出的几种方法,如果大家细心的话会注意到前面我们导出的都是类,那么方法和属性能不能导出呢???答案是肯定的,下面就来说下MEF是如何导出方法和属性的. 还是前面的代码,第二篇中已经提供了下载链接,大家可以下载学习. 首先来说导出属性,因为这个比较简单,和导出类差不多,先来看看代码,主要看我加注释的地方,MusicBook.cs中的代码如下: using System; using System.Collections.Generic; using System.Linq; usi

JavaScript学习笔记第一天——字符串连接的N种方法

Javascript 字符串的连接方法有多种,但效率却有很大区别. 1.逐个字符串相加 var arr = ['item 1', 'item 2', 'item 3', ...]; var list = ''; for (var i = 0, l = arr.length; i < l; i++) { list += '<li>' + arr[i] + '</li>'; } list = '<ul>' + list + '</ul>'; 这种最常见的,

iOS学习笔记（5）形参个数可变的方法

如果在定义方法时,在最后一个形参明后增加逗号和三点(,...),则表明该形参可以接受多个参数值. 为了在程序中获取个数可变的形参,需要使用如下关键字 · va_list:这是一个类型,用于定义指向可变参数列表的指针变量 · va_start:这是一个函数,该函数指定开始处理可变形参的列表,并让指针变量指向可变形参列表的第一个参数 · va_end:结束处理可变形参,释放指针变量 · va_arg:该函数返回获取指针当前指向的参数的值,并将指针移动到指向下一个参数 例子 Varargs.h #im