selenium自动化初级

selenium1. 介绍自动化2. selenium环境搭建3. WebDriver元素定位3.1 id定位3.2 name定位3.3 class_name定位3.4 tag_name定位3.5 link_text定位3.6 partial_link_text定位3.7 find_element[s]_by_XXX()3.8 Xpath定位3.9 CSS定位4. 元素操作4.1 常用操作4.2 浏览器常用方法4.3 WebDriver其它常用方法

selenium

1. 介绍自动化

web自动化：selenium、robot framework
App端自动化测试：Appium、Monkey
接口：Jmeter、Postman、httpUnit、RESTClient

2. selenium环境搭建

python：下载python安装
下载WebDriver，可以去淘宝镜像下载，最好安装在python目录下，不需要单独配置环境变量
pip install selenium

3. WebDriver元素定位

定位方式8种：

1). id、name、class_name：为元素属性定位
2). tag_name：为元素标签名称
3). link_text、partial_link_text：为超链接定位(a标签)
4). Xpath：为元素路径定位
5). Css：为CSS选择器定位
Webdriver代码格式：

from selenium import webdriver # 导入库
driver = web driver.Chrome() # 打开浏览器
driver.get('url') # 填写http地址
driver.find_element_by_id("").send_keys("") # 做操作
driver.close() # 关闭当前页
driver.quit() # 关闭浏览器

3.1 id定位

说明：
- id属性在HTML文档种必须是唯一的
方式：
- find_element_by_id()

3.2 name定位

说明：
- HTML规定name属性来指定元素名称，因此它的作用更像人名，name的属性值在当前文档中可以不是唯一的
定位方法：
- find_element_by_name()

3.3 class_name定位

说明：
- HTML规定了class来指定元素的类名，用法和name、id类似；
定位方法：
- find_element_by_class_name()
注意：
- HTML的class元素里的名称如果用空格分隔，代表多个类名，写其中一个就行

3.4 tag_name定位

说明：
- HTML本质就是由不同的tag(标签)组成，而每个tag都是指同一类，所以tag定位效率低，
  一般不建议使用；tag_name定位就是通过标签名来定位；
定位方法：
- find_element_by_tag_name()
  
  返回的符合条件的第一个标签
- 如何获取第二个元素？

3.5 link_text定位

说明：
- 专门定位超链接文本（<a>标签</a>）
方法：
- find_element_by_link_text()
  需要传入a标签全部文本
  
  定位后可以通过 .click() 来进行点击操作

3.6 partial_link_text定位

说明：
- partial_link_text定位是对link_text定位的补充，partial_like_text为模糊匹配；link_text全部匹配
方法：
- find_element_by_partial_link_text()
  传入a标签局部文本

3.7 find_element[s]_by_XXX()

element加了s
作用：
- 1. 查找定位所有符合条件的元素
  2. 返回的定位元素格式为数组(列表)格式；
  说明：
  2.1 列表数据格式的读取需要指定下标(下标从0开始)
例子
- 使用tag_name获取第二个元素(密码框)
  driver.find_elements_by_tag_name("input")[1].send_keys("123456")

3.8 Xpath定位

Xpath和CSS定位可以解决，项目中没有id、name、class属性，或者id、name、class属性值为动态获取，随着刷新或加载而变化
方法
- driver.find_element_by_xpath()
Xpath定位方式
- 路径-定位：绝对路径、相对路径
  - 绝对路径：从最外层元素到指定元素之间所有经过元素层级路径
    - 绝对路径以 ‘/’开始
  - 相对路径：从第一个符合条件元素开始(一般配合属性来区分)
    - 相对路径以‘//’开始
- 利用元素等级定位
  - 利用元素的唯一属性定位：//*[@id='userA']
- 层级与属性结合
  - 要找的元素没有属性，但是它的父级有：//*[@id='p1']/input
- 属性与逻辑结合
  - 解决元素之间个相同属性重名的问题：//*[@id='telA' and @class='telA']
- //[text()="xxx"] 文本内容是xxx的元素
  //[starts-with(@attribute,'xxx')] 属性以xxx开头的元素
  //*[contains(@attribute,'Sxxx')] 属性中含有xxx的元素

3.9 CSS定位

CSS定位速度Xpath要快
CSS定位方法
- driver.find_element_by_css_selector()
方式
- id选择器
  - 说明：根据元素id属性来选择
    格式：#id 如：#userA <选择id属性值为userA的所有元素>
- class选择器
  - 说明：根据元素class属性来选择
    格式：.class 如：.telA <选择class属性值为telA的所有元素>
- 元素选择器
  - 说明：根据元素的标签名选择
    格式：element 如：input <选择所有input元素>
- 属性选择器
  - 说明：根据元素的属性名和值来选择
    格式：[attribute=value] 如：[type="password"] <选择所有type属性值为password的值>
- 层级选择器
  - 说明：根据元素的父子关系来选择
    格式：element>element 如：p>input <返回所有p元素下所有的input元素>
    提示：> 可以用空格代替如：p input 或者 p [type='password']
- 1. input[type^='p'] 说明：type属性以p字母开头的元素
  2. input[type$='d'] 说明：type属性以d字母结束的元素
  3. input[type*='w'] 说明：type属性包含w字母的元素
CSS功能

选择器	例子	描述
#id	#userA	id选择器，选择id="userA"的所有元素
.class	.telA	class选择器，选择class="telA"的所有元素
element	input	选择所有input元素
[attribute=value]	[type="password"]	选择type="password"的所有元素
element>element	p>input	选择所有父元素为p元素的input元素

XPath与CSS类似功能对比

定位方式	XPath	CSS
元素名	//input	input
id	//input[@id='userA']	#userA
class	//*[@class='telA']	.telA
属性	1. //※[text()="xxx"] 2. //※[starts-with(@attribute,'xxx')] 3. //※[contains(@attribute,'xxx')]	1. input[type^='p'] 2. input[type$='d'] 3. input[type*='w']

4. 元素操作

4.1 常用操作

clear()：清除文本一般清除input输入的值
send_keys：模拟输入
click()：单击元素

4.2 浏览器常用方法

1. maximize_window() 最大化 --> 模拟浏览器最大化按钮
2. set_window_size(100,100) 浏览器大小 --> 设置浏览器宽、高(像素点)
3. set_window_position(300,200) 浏览器位置 --> 设置浏览器位置
4. back() 后退 --> 模拟浏览器后退按钮
5. forward() 前进 --> 模拟浏览器前进按钮
6. refresh() 刷新 --> 模拟浏览器F5刷新
7. close() 关闭 --> 模拟浏览器关闭按钮(关闭单个窗口)
8. quit() 关闭 --> 关闭所有WebDriver启动的窗口

4.3 WebDriver其它常用方法

1. size 返回元素大小
2. text 获取元素的文本
3. title 获取页面title
4. current_url 获取当前页面URL
5. get_attribute() 获取属性值
6. is_display() 判断元素是否可见
7. is_enabled() 判断元素是否可用