Selenium常见元素定位方法和操做的学习介绍

时间 2019-12-05

原文原文链接

一.定位元素方法

官网地址：http://selenium-python.readthedocs.org/locating-elements.html
这里有各类策略用于定位网页中的元素(locate elements)，你能够选择最适合的方案，Selenium提供了一下方法来定义一个页面中的元素：css

1html

2java

3python

4web

5windows

6api

7浏览器

8dom

find_element_by_id函数

find_element_by_name

find_element_by_xpath

find_element_by_link_text

find_element_by_partial_link_text

find_element_by_tag_name

find_element_by_class_name

find_element_by_css_selector

下面是查找多个元素（这些方法将返回一个列表）：

find_elements_by_name

find_elements_by_xpath

find_elements_by_link_text

find_elements_by_partial_link_text

find_elements_by_tag_name

find_elements_by_class_name

find_elements_by_css_selector

除了上面给出的公共方法，这里也有两个在页面对象定位器有用的私有方法。这两个私有方法是find_element和find_elements。
经常使用方法是经过xpath相对路径进行定位，同时CSS也是比较好的方法。举例：

<html>
 <body>
  <form id="loginForm">
   <input name="username" type="text" />
   <input name="password" type="password" />
   <input name="continue" type="submit" value="Login" />
   <input name="continue" type="button" value="Clear" />
  </form>
</body>
<html>

定位username元素的方法以下：

username = driver.find_element_by_xpath("//form[input/@name='username']")
username = driver.find_element_by_xpath("//form[@id='loginForm']/input[1]")
username = driver.find_element_by_xpath("//input[@name='username']")

[1] 第一个form元素经过一个input子元素，name属性和值为username实现
[2] 经过id=loginForm值的form元素找到第一个input子元素
[3] 属性名为name且值为username的第一个input元素

二.操做元素方法

在讲述完定位对象(locate elements)以后咱们须要对该已定位对象进行操做，一般全部的操做与页面交互都将经过WebElement接口，常见的操做元素方法以下：

clear 清除元素的内容

send_keys 模拟按键输入

click 点击元素

submit 提交表单

举例自动访问FireFox浏览器自动登陆163邮箱。

from selenium import webdriver  
from selenium.webdriver.common.keys import Keys  
import time

# Login 163 email
driver = webdriver.Firefox()  
driver.get("http://mail.163.com/")

elem_user = driver.find_element_by_name("username")
elem_user.clear
elem_user.send_keys("15201615157")  
elem_pwd = driver.find_element_by_name("password")
elem_pwd.clear
elem_pwd.send_keys("******")  
elem_pwd.send_keys(Keys.RETURN)
#driver.find_element_by_id("loginBtn").click()
#driver.find_element_by_id("loginBtn").submit()
time.sleep(5)  
assert "baidu" in driver.title  
driver.close()  
driver.quit()

首先经过name定位用户名和密码，再调用方法clear()清除输入框默认内容，如“请输入密码”等提示，经过send_keys("**")输入正确的用户名和密码，最后经过click()点击登陆按钮或send_keys(Keys.RETURN)至关于回车登陆，submit()提交表单。
PS：若是须要输入中文，防止编码错误使用send_keys(u"中文用户名")。

三.WebElement接口获取值

经过WebElement接口能够获取经常使用的值，这些值一样很是重要。

size 获取元素的尺寸

text 获取元素的文本

get_attribute(name) 获取属性值

location 获取元素坐标，先找到要获取的元素，再调用该方法

page_source 返回页面源码

driver.title 返回页面标题

current_url 获取当前页面的URL

is_displayed() 设置该元素是否可见

is_enabled() 判断元素是否被使用

is_selected() 判断元素是否被选中

tag_name 返回元素的tagName

举例代码以下：

from selenium import webdriver  
from selenium.webdriver.common.keys import Keys  
import time

driver = webdriver.PhantomJS(executable_path="G:\phantomjs-1.9.1-windows\phantomjs.exe")   
driver.get("http://www.baidu.com/")

size = driver.find_element_by_name("wd").size
print size
#尺寸: {'width': 500, 'height': 22}

news = driver.find_element_by_xpath("//div[@id='u1']/a[1]").text
print news
#文本: 新闻

href = driver.find_element_by_xpath("//div[@id='u1']/a[2]").get_attribute('href')
name = driver.find_element_by_xpath("//div[@id='u1']/a[2]").get_attribute('name')
print href,name
#属性值: http://www.hao123.com/ tj_trhao123

location = driver.find_element_by_xpath("//div[@id='u1']/a[3]").location
print location
#坐标: {'y': 19, 'x': 498}

print driver.current_url
#当前连接: https://www.baidu.com/
print driver.title
#标题: 百度一下， 你就知道

result = location = driver.find_element_by_id("su").is_displayed()
print result
#是否可见: True

其中图片解释以下图所示。

四.鼠标操做

在现实的自动化测试中关于鼠标的操做不单单是click()单击操做，还有不少包含在ActionChains类中的操做。以下：

context_click(elem) 右击鼠标点击元素elem，另存为等行为

double_click(elem) 双击鼠标点击元素elem，地图web可实现放大功能

drag_and_drop(source,target) 拖动鼠标，源元素按下左键移动至目标元素释放

move_to_element(elem) 鼠标移动到一个元素上

click_and_hold(elem) 按下鼠标左键在一个元素上

perform() 在经过调用该函数执行ActionChains中存储行为

举例以下图所示，获取经过鼠标右键另存为百度图片logo。代码：

import time
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.action_chains import ActionChains

driver = webdriver.Firefox()
driver.get("http://www.baidu.com")

#鼠标移动至图片上 右键保存图片
elem_pic = driver.find_element_by_xpath("//div[@id='lg']/img")
print elem_pic.get_attribute("src")
action = ActionChains(driver).move_to_element(elem_pic)
action.context_click(elem_pic)

#重点:当右键鼠标点击键盘光标向下则移动至右键菜单第一个选项
action.send_keys(Keys.ARROW_DOWN)
time.sleep(3)
action.send_keys('v') #另存为
action.perform()

#获取另存为对话框(失败)
alert.switch_to_alert()
alert.accept()

效果以下图所示，经过xpath定位到图片位置并右击鼠标，在弹出的菜单中选择“另存为图片”。可是如何点击“另存为对话框”的“保存”按钮是个难点，目前刚学习阶段，境界没到没法解决。缘由：
WebDriver cannot directly interact with dialog windows this is because dialog windows are the domain of the operating system and not the webpage.

该部分推荐参考资料：
selenium 右键下载图片，结合sikuli - tobecrazy
Selenium WebDriver 中鼠标和键盘事件分析及扩展
Selenium Windows Save/Open Open Dialouge - StackOver
书籍《selenium2 python自动化测试》做者：虫师

五.键盘操做

参考：http://selenium-python.readthedocs.org/api.html
前面讲述了鼠标操做，如今讲述键盘操做。在webdriver的Keys类中提供了键盘全部的按键操做，固然也包括一些常见的组合键操做如Ctrl+A(全选)、Ctrl+C(复制)、Ctrl+V(粘贴)。更多键参考官方文档对应的编码。

send_keys(Keys.ENTER) 按下回车键

send_keys(Keys.TAB) 按下Tab制表键

send_keys(Keys.SPACE) 按下空格键space

send_keys(Kyes.ESCAPE) 按下回退键Esc

send_keys(Keys.BACK_SPACE) 按下删除键BackSpace

send_keys(Keys.SHIFT) 按下shift键

send_keys(Keys.CONTROL) 按下Ctrl键

send_keys(Keys.ARROW_DOWN) 按下鼠标光标向下按键

send_keys(Keys.CONTROL,'a') 组合键全选Ctrl+A

send_keys(Keys.CONTROL,'c') 组合键复制Ctrl+C

send_keys(Keys.CONTROL,'x') 组合键剪切Ctrl+X

send_keys(Keys.CONTROL,'v') 组合键粘贴Ctrl+V

这里使用的例子参考虫师的书籍《selenium2 python自动化测试》，推荐该书给你们。代码仍是很是有意思的，你们本身去感觉下吧~

#coding=utf-8
import time
from selenium import webdriver
from selenium.webdriver.common.keys import Keys

driver = webdriver.Firefox()
driver.get("http://www.baidu.com")

#输入框输入内容
elem = driver.find_element_by_id("kw")
elem.send_keys("Eastmount CSDN")
time.sleep(3)

#删除一个字符CSDN 回退键
elem.send_keys(Keys.BACK_SPACE)
elem.send_keys(Keys.BACK_SPACE)
elem.send_keys(Keys.BACK_SPACE)
elem.send_keys(Keys.BACK_SPACE)
time.sleep(3)

#输入空格+"博客"
elem.send_keys(Keys.SPACE)
elem.send_keys(u"博客")
time.sleep(3)

#ctrl+a 全选输入框内容
elem.send_keys(Keys.CONTROL,'a')
time.sleep(3)

#ctrl+x 剪切输入框内容
elem.send_keys(Keys.CONTROL,'x')
time.sleep(3)

#输入框从新输入搜索
elem.send_keys(Keys.CONTROL,'v')
time.sleep(3)

#经过回车键替代点击操做
driver.find_element_by_id("su").send_keys(Keys.ENTER)
time.sleep(3)

driver.quit()