selenium的web控件定位与常见操作
元素定位
一共有8中定位方式：id、name、class name、tag name、link test、partial link text、xpath、css selector，每种定位方式所对应的方法如下：
| 定位方式 | 具体方法 | 具体方法 |
|---|---|---|
| id | find_element_by_id() | |
| name | find_element_by_name() | |
| class name | find_element_by_class_name() | |
| tag name | find_element_by_tag_name() | |
| link test | find_element_by_link_text() | |
| partial link | text find_element_by_partial_link_text() | |
| xpath | find_element_by_xpath() | |
| name | find_element_by_name() | 通过xpath定位有多种方法，列出常用的几个: dr.find_element_by_xpath("//[@id=‘kw’]") dr.find_element_by_xpath("//[@name=‘wd’]") dr.find_element_by_xpath("//input[@class=‘s_ipt’]") dr.find_element_by_xpath("/html/body/form/span/input") dr.find_element_by_xpath("//span[@class=‘soutu-btn’]/input") dr.find_element_by_xpath("//form[@id=‘form’]/span/input") dr.find_element_by_xpath("//input[@id=‘kw’ and @name=‘wd’]") |
| css selector | find_emelent_by_css_selector() | 通过css selector定位有多种方法，列出常用的几个: dr.find_element_by_css_selector("#kw") dr.find_element_by_css_selector("[name=wd]") dr.find_element_by_css_selector(".s_ipt") dr.find_element_by_css_selector(“html > body > form > span > input”) |
常用的xpath
一般情况下，表达式“/”表示从根节点选取子节点；"//"表示选取当前节点中的所有元素，包括子节点，孙子节点，重孙节点……；“.”表示选取当前节点；“…”表示选取当前节点的父节点；@表示选取属性。
常用的css选择器
css selector和xpath一样，都可应用于selenium和appium中，但appium原生控件不支持css selector，只有在webview中才能够适用css selector
| 选择器 | 示例 | 描述 |
|---|---|---|
| .class | .intro | 选择class="intro"的所有元素 |
| #id | #firstname | 选择id="firstname”的所有元素 |
| * | * | 选择所有元素 |
| element | p | 选择所有<p>元素 |
| element,element | div,p | 选择所有<div>和<p> 元素 |
| element element | div p | 选择<div>元素内部的所有<p>元素 元素之间用的是空格占位符，表示获取空格左边元素<div>的所有的子元素，孙子元素……中的<p>元素 |
| element>element | div>p | 选择父元素为<div>元素的所有<p>元素，“>”只能选取子节点 |
| element+element | div+p | 选择紧接在<div>元素之后的所有兄弟<p>元素，div与p是同级的 |
| [attribute] | [target] | 选择带有target属性的所有元素 |
| [attribute=value] | [target=_blank] | 选择target="_blank"的所有元素 |
| [:nth-child(n)] | p:nth-child(2) | 选择属于其父元素的第二个子元素的每个<p>元素 |
| [element1~element2] | p~ul | 选择前面有<p>元素的每个<ul>元素 |
不管用xpath还是css selector，都可以打开浏览器的开发者工具，在console中调试尝试下，如下
用xpath来调试定位元素的语法：
$x('//*[@id="kw"]')
用css selector来调试定位元素的语法：
$('#kw')
$('[id=kw]')
控制浏览器操作
控制浏览器窗口大小
可以通过设置参数来控制浏览器窗口的大小，方法set_window_size（宽度，高度），参数数字为像素点，如：
from selenium import webdriver
driver = webdriver.Firefox()
driver.get("http://m.baidu.com")
# 参数数字为像素点
print("设置浏览器宽480、高800显示")
driver.set_window_size(480, 800)
driver.quit()
另外，maximize_window()方法用来控制浏览器窗口以全屏的方式打开，无参数
控制浏览器前进后退
WebDriver提供了的back()和forward()方法来模拟浏览器的后退和前进按钮，如：
from selenium import webdriver
driver = webdriver.Firefox()
#访问百度首页
first_url= 'http://www.baidu.com'
print("now access %s" %(first_url))
driver.get(first_url)
#访问新闻页面
second_url='http://news.baidu.com'
print("now access %s" %(second_url))
driver.get(second_url)
#返回（后退）到百度首页
print("back to %s "%(first_url))
driver.back()
#前进到新闻页
print("forward to %s"%(second_url))
driver.forward()
driver.quit()
刷新页面
刷新页面的方法：driver.refresh()
webdriver常用方法
| 方法 | 释义 | 备注 |
|---|---|---|
| clear() | 清除文本 | |
| send_keys(value) | 模拟按键输入 | |
| click() | 单击元素 | |
| submit() | 提交 | 有时候 submit()可以与click()方法互换来使用， submit()同样可以提交一个按钮， 但 submit()的应用范围远不及 click()广泛 |
| size() | 返回元素尺寸 | |
| text() | 获取元素的文本 | |
| get_attribute(name) | 获得属性值 | |
| is_displayed() | 设置该元素是否用户可见 | |
| sleep() (Python函数) | 推迟调用线程的运行 | 使用该函数要先import time，使用时：time.sleep(单位为秒) |
鼠标事件
在webdriver中，关于鼠标操作的方法封装在ActionChains类中提供
ActionChains提供的常用方法有：
| 方法 | 释义 |
|---|---|
| perform() | 执行所有ActionChains中存储的行为 |
| context_click() | 右击 |
| Double_click() | 双击 |
| drag_and_drop() | 拖动 |
| move_to_element() | 鼠标悬停 |
执行原理：调用ActionChains的方法时，不会立即执行，而是将所有的操作按顺序存放在一个队列中，当调用perform()方法时，队列中的事件会依次执行
更多更详细的方法可参考官网：ActionChains官方文档
基本用法
# 生成一个动作
action ActionChains(driver)
# 动作添加方法1
action.方法1
# 动作添加方法2
action.方法2
# 调用perform()方法执行
action.perform()
# 链式写法
ActionChains(driver).move_to_element(ele).click(ele).perform()
# 分布写法
actions = ActionChains(driver)
actions.move_to_element(ele)
actions.click(ele)
actions.perform()
ActionChains模拟按键
模拟按键有多种方法，可用win32api实现，或SendKeys，或selenium的WebElement对象的send_keys()方法，这里介绍ActionChains的几个方法
用法如下
action = ActionChains(driver)
action.send_keys(Keys.BACK_SPACE)
# 或者：
action.key_down(Keys.CONTROL).send_keys('a').key_up(Keys.CONTROL)
action.perform()
TouchAction鼠标模拟
ActionChains只能对PC端的设备进行模拟操作，对H5端是无效的，但TouchAction都可以，能够实现滑动，拖拽，多点触控，模拟手势等各种操作
手势控制：
| 方法 | 描述 |
|---|---|
| tap | 在指定元素上点击 |
| double_tap | 在指定元素上双击 |
| tap_and_hold | 在指定元素上点击但不释放 |
| move | 手势移动指定偏移 |
| release | 释放手势 |
| scroll | 手势点击并滚动 |
| scroll_from_element | 从某个元素位置开始手势点击并滚动（向上滑动为正数，向下滑动为负数 |
| long_press | 长按元素 |
| flick | 手势滑动 |
| flick_element | 从某个元素位置开始手势滑动（向上滑动为负数，向下滑动为正数） |
| perform | 执行 |
定位一组元素
webdriver提供了8种用于定位一组元素的方法：
find_elements_by_id()
find_elements_by_name()
find_elements_by_class_name()
find_elements_by_tag_name()
find_elements_by_link_text()
find_elements_by_partial_link_text()
find_elements_by_xpath()
find_elements_by_css_selector()
多表单切换
switch_to.frame() 默认可以直接取表单的id 或name属性。如果iframe没有可用的id和name属性，则可以通过下面的方式进行定位。
#先通过xpth定位到iframe
xf = driver.find_element_by_xpath('//*[@id="x-URS-iframe"]')
#再将定位对象传给switch_to.frame()方法
driver.switch_to.frame(xf)
driver.switch_to.parent_frame()
警告框处理
在WebDriver中处理JavaScript所生成的alert、confirm以及prompt十分简单，具体做法是使用 switch_to.alert 方法定位到 alert/confirm/prompt，然后使用text/accept/dismiss/ send_keys等方法进行操作。
? text：返回 alert/confirm/prompt 中的文字信息。
? accept()：接受现有警告框。
? dismiss()：解散现有警告框。
? send_keys(keysToSend)：发送文本至警告框。keysToSend：将文本发送至警告框。
cookie操作
有时候我们需要验证浏览器中cookie是否正确，因为基于真实cookie的测试是无法通过白盒和集成测试进行的。WebDriver提供了操作Cookie的相关方法，可以读取、添加和删除cookie信息。
WebDriver操作cookie的方法：
get_cookies()： 获得所有cookie信息。
get_cookie(name)： 返回字典的key为“name”的cookie信息。
add_cookie(cookie_dict) ： 添加cookie。“cookie_dict”指字典对象，必须有name 和value 值。
delete_cookie(name,optionsString)：删除cookie信息。“name”是要删除的cookie的名称，“optionsString”是该cookie的选项，选项包括“路径”，“域”。
delete_all_cookies()： 删除所有cookie信息
调用JavaScript
虽然WebDriver提供了操作浏览器的前进和后退方法，但对于浏览器滚动条并没有提供相应的操作方法。在这种情况下，就可以借助JavaScript来控制浏览器的滚动条。WebDriver提供了execute_script()方法来执行JavaScript代码。
用于调整浏览器滚动条位置的JavaScript代码如下：
window.scrollTo(左边距,上边距);
window.scrollTo(0,450);
window.scrollTo()方法用于设置浏览器窗口滚动条的水平和垂直位置。方法的第一个参数表示水平的左间距，第二个参数表示垂直的上边距
窗口截图
WebDriver提供了截图函数get_screenshot_as_file()来截取当前窗口。
关闭浏览器
可以使用quit()方法，其含义为退出相关的驱动程序和关闭所有窗口。除此之外，WebDriver还提供了close()方法，用来关闭当前窗口。
例如多窗口的处理，在用例执行的过程中打开了多个窗口，我们想要关闭其中的某个窗口，这时就要用到close()方法进行关闭了。
close() 关闭单个窗口
quit() 关闭所有窗口