WebDriver--定位元素的8种方式

Posted 2022-04-21 i969639

WebDriver--定位元素的8种方式

在UI层面的自动化测试开发中，元素的定位与操作是基础，也是经常遇到的困难所在。webdriver提供了8种定位：

id定位：

find_element_by_id("id值")；id属性是唯一的

driver.find_element_by_id("loginName").clear()#用户名输入框的id属性
driver.find_element_by_id("loginName").send_keys("admin")
driver.find_element_by_id("pwdTip").send_keys(Keys.TAB)#密码输入框的id属性
driver.find_element_by_id("pwdTip").send_keys("111111")

name定位：

元素的名称，find_element_by_name("name值")；name属性值在当前页面可以不唯一

1 driver.find_elements_by_name("PeriodName")[1].click()#选择学段：初中
2 driver.find_elements_by_name("SubjectName")[0].click()#选择学科：语文

find_elements_by_name("PeriodName")是因为当前页面有一组radiobutton的name值是PeriodName，所以可以用定位一组元素的方法findElements，定位出来的是结果一个list

class定位：

元素的类名，find_element_by_class_name("class值")

driver.find_elements_by_class_name("u-btn-levred")[0].click()#选择年级：七年级

tag定位：

页面html文档下的各种标签，find_element_by_tag_name("input")；

tag往往用来定义一类功能，所以通过tag识别某个元素的概率很低。任意打开一个页面，都会发现大量的

、、等tag，所以tag name定位很少用

link定位：

专门用来定位文本链接，find_element_by_link_name("text")；

driver.find_element_by_link_text(u"退出").click()#页面右上方的一些个人操作，比如退出、个人中心、消息通知等

partial link定位：

是对link定位的一种补充，当链接上的文本内容比较长的时候，可以取文本的一部分进行定位，当然这部分可以唯一地标识这个链接

※注：以上的方式稍有局限，且经常页面没有id，name这些属性值，class name重复性较高，link定位有针对性，所以Xpath与Css定位更灵活些。

XPath定位：

find_element_by_xpath("")；有多种定位策略，用FirePath插件自动生成的涵盖以下几种方式

1）绝对路径定位：对于没有id，name、classname不好定位的，这也是我最常用的，因为可以通过Firefox的FirePath插件可以方便的获取到xpath值

2）利用元素属性定位：

　　find_element_by_xpath(".//[@id=‘Title‘]")，这里是用的id，也可以用元素其他能够唯一标识的属性，不局限于id、name、class这些；代表的是标签名，不指定时就可以用*代替

3）层级与属性结合：下图中就是这种

4）使用逻辑运算符

1 driver.find_element_by_xpath(".//*[@id='divword']/input[7]").click()#登录
2 driver.find_element_by_xpath("html/body/div[4]/div/div[2]/div/div[3]/a[1]").click()#个人页面的发布课程操作

CSS定位：

（薄弱，用的很少，但很强大，比xpath简洁灵活）：使用选择器来为页面元素绑定属性，可以灵活地选择控件的任意属性；find_element_by_css_selector("")；同样也可以用FirePATH生成css哟！

1）通过class属性定位：点号（"."）表示通过class属性定位

1 <input class="u-btn mart5" type="submit" onclick="return User.check()" value="登录">
2 driver.find_element_by_css_selector(".u-btn.mart5").click()

2）通过id属性定位：（"#"）表示通过id定位元素

driver.find_element_by_css_selector("#loginName")

3）通过其他属性定位：（"[]"），中括号里的属性可以唯一标识这个元素就可以；属性的值可以加引号，也可以不加

1 <input class="u-btn mart5" type="submit" onclick="return User.check()" value="登录">
2 driver.find_element_by_css_selector("[type=submit]").click()

4）组合定位

平时使用生成的xpath，id，name，classname这些比较多，今天根据最近这段时间的实践，并参照书上整理了下，发现原来XPath和Css下还有这么多方式，顺便拿最近一些代码试验了下，有些简单的css定位能够成功，有的Firepath生成的并不可用，一些组合定位还需要再研究，是有些难度的。最后记录一种定位方式，更接近底层实现方式的定位，But书上说webdriver更推荐前面那些写法，为毛捏？

By定位元素：

　　除find_element_by_***这种方式，还有另一套写法，也就是统一调用find_element()方法，两个参数，第一个参数是定位的类型，由By提供；第二个参数是定位的具体值

from selenium.webdriver.common.by import By     #使用By这种定位前要将By类导入

find_element(By.ID,"loginName")
find_element(By.NAME,"SubjectName")
find_element(By.CLASS_NAME,"u-btn-levred")
find_element(By.TAG_NAME,"input")
find_element(By.LINK_TEXT,"退出")
find_element(By.PARTIAL_LINK_TEXT,"退")
find_element(By.XPATH,".//*[@id='Title")
find_element(By.CSS_SELECTOR,"[type=submit]")

python+webdriver学习笔记

控制浏览器

设置浏览器大小：像素点

set_window_size(width,height)

maximize_window() 浏览器全屏显示，不带参数

控制浏览器前进、后退：

driver.forward()

driver.back()

模拟浏览器刷新：

driver.refresh()

实例：

from selenium import webdriver  
  
driver = webdriver.Firefox()  
driver.get(r"http://www.baidu.com/")  
  
#参数是像素点宽，高  
driver.set_window_size(800,800)  
print("浏览器大小是800px，800px")  
  
driver.find_element_by_link_text("新闻").click()  
driver.back()     #返回前一个页面  
driver.forward()  #前进前一个页面  
driver.refresh()  #刷新当前页面  
driver.find_element_by_css_selector("#ww").send_keys("python3")  
driver.find_element_by_xpath("//*[@class='btn']").click()  
driver.refresh()  #刷新当前页面  
driver.quit()  

clear()清除文本

send_keys("....") 模拟按键输入

click() 单击元素，前提是它是可以被单击的对象。另外click()方法不仅可以用于单击一个按钮，它还能可以单击任何可以单击的文字、图片、checkbox、radio、select下拉框等。

submit() 用于提交表单，同样可以用于提交一个按钮。

WebElement接口常用方法

submit() 用于提交表单，同样可以用于提交一个按钮。

先看例子：

from selenium import webdriver  
  
driver = webdriver.Firefox()  
driver.get(r"http://www.baidu.com/")  
size = driver.find_element_by_name("wd").size  
print(size)      #size属性，返回元素的尺寸，表单输入框之类的width、height等  
  
text = driver.find_element_by_id("jgwab").text  
print(text)      #text属性，获取元素的文本，可以用力判断打开的页面是否是预期的。  
  
attribute = driver.find_element_by_xpath(".//input[@id='kw']").get_attribute('maxlength')  
print(attribute) #get_attribute()方法可以获取属性值  
  
result = driver.find_element_by_partial_link_text("京公网安备").is_displayed()  
print(result)   #is_displayed() 元素是否设置可见，可见返回true则false  
  
driver.quit()  

size属性返回元素尺寸

text属性返回元素文本

get_attribute()方法获取属性值

is_displayed()方法返回该元素是否设置可见

鼠标事件

对鼠标的操作：右击、双击、悬停、鼠标拖动等功能，webdriver中对鼠标的操作的方法封装在ActionChains类中。

使用前要先导入ActionChains类：

from selenium.webdriver.common.action_chains import ActionChains

ActionChains类提供的鼠标操作常用方法：

• context_click() 右击
• double_click() 双击
• drag_and_drop() 拖动
• move_to_element() 鼠标悬停
• perform() 执行所有ActionChains类中存储的行为，可以理解为对整个操作的提交动作

鼠标右键操作

from selenium import webdriver  
from selenium.webdriver.common.action_chains import ActionChains  #导入ActionChains类  
  
driver = webdriver.Firefox()  
driver.get(r"https://yunpan.360.cn/")  
driver.maximize_window ()  
driver.find_element_by_xpath("//*[@name='account']").clear()  
driver.find_element_by_xpath("//*[@name='account']").send_keys("username.com")  
driver.find_element_by_name("password").clear()  
driver.find_element_by_name("password").send_keys("pwd")  
driver.find_element_by_xpath("//*[@id='login']/div/div[2]/form/p[4]/label/input").click()  
driver.find_element_by_xpath("//*[@id='login']/div/div[2]/form/p[5]/input").click()  
  
#定位到需要右击的元素  
right_click = driver.find_element_by_link_text("jemeter")  
  
#对定位到的元素执行鼠标邮件操作，调用ActionChains类，将浏览器驱动driver作为参数传入，context_click()需要指定元素位置  
ActionChains(driver).context_click(right_click).perform()   

鼠标双击操作

double_click()方法模拟鼠标双击操作

（单击查看详情，双击弹出修改页面就用这个方法模拟）

from selenium import webdriver  
from selenium.webdriver.common.action_chains import ActionChains  
  
driver = webdriver.Firefox()  
driver.get(r"http://www.baidu.com/")  
  
....  
#定位需要双击的元素  
double_click = driver.find_element_by_xpath("")  
#对定位到的元素进行双击操作  
ActionChains(driver).double_click(double_click).perform()  
  
a = driver.find_element_by_class_name("")  
ActionChains(driver).double_click(a).perform()  

鼠标悬停

move_to_element()方法模拟鼠标悬停

from selenium import webdriver  
import time  
from selenium.webdriver.common.action_chains import ActionChains  
  
driver = webdriver.Firefox()  
driver.get(r"http://www.baidu.com/")  
driver.set_window_size(1000,1000)  
#定位到悬停的元素  
attrible = driver.find_element_by_link_text("设置")  
#对定位到的元素进行悬停操作  
ActionChains(driver).move_to_element(attrible).perform()  
time.sleep(5)  
driver.refresh()  

以上3中鼠标操作用法相同！

鼠标拖放操作

drag_and_drop(source,target) 在源元素上按住鼠标左键，然后移动到目标元素上释放。

• source 鼠标拖动的源元素
• target鼠标释放的目标元素

from selenium import webdriver  
from selenium.webdriver.common.action_chains import ActionChains  
  
driver = webdriver.Firefox()  
driver.get("http://www.baidu.com/")  
#定位元素的初始位置  
source = driver.find_element_by_css_selector("")  
#定位元素的要移动到的位置  
target = driver.find_element_by_name("")  
#执行元素的拖放操作  
ActionChains(driver).drag_and_drop(source,target).perform()  

键盘事件

Keys()类提供了键盘上按键的方法，send_keys()方法可以用来模拟键盘输入，还可以用来输入键盘上的按键、组合键。

在使用键盘按键方法前需要先导入keys类：

from selenium.webdriver.common.keys import Keys
实例：

from selenium import webdriver  
from selenium.webdriver.common.keys import Keys  
import time  
  
driver = webdriver.Firefox()  
driver.get(r"http://www.baidu.com/")  
driver.maximize_window()  
driver.find_element_by_name("wd").send_keys("pythonm")  
#删除多输入的m  
time.sleep(2)                       #删除键  
driver.find_element_by_name('wd').send_keys(Keys.BACK_SPACE)  
  
  
#输入空格键在输入“selenium”       #空格键  
driver.find_element_by_name("wd").send_keys(Keys.SPACE)  
time.sleep(2)  
driver.find_element_by_name("wd").send_keys("selenium")  
time.sleep(2)  
  
#ctrl+a全选输入框内容               #Ctrl+a全选  
driver.find_element_by_name("wd").send_keys(Keys.CONTROL,'a')  
time.sleep(2)  
  
#Ctrl+x剪切选中的内容               #Ctrl+x剪切  
driver.find_element_by_name("wd").send_keys(Keys.CONTROL,'x')  
time.sleep(2)  
  
#Ctrl+v粘贴选中的内容               #Ctrl+v粘贴  
driver.find_element_by_name('wd').send_keys(Keys.CONTROL,'v')  
  
#通过输入enter键替代clic()单击      #enter回车键  
driver.find_element_by_name('wd').send_keys(Keys.ENTER)  
driver.quit()  

获取验证信息

在自动化用例执行之后，我们可以在页面上获取一些信息来证明，用例执行成功还是失败。

通常用到的验证信息分别是：text、title、URL

text：获取标签对之间的文本信息；
title：获取当前页面的标题；
current_url：获取当前页面的URL
它们是webdriver的属性！！！

实例：

from selenium import webdriver  
from time import sleep  
  
driver = webdriver.Firefox()  
driver.get(r"http://yunpan.360.cn")  
  
print("登录之前：")  
  
#打印打钱页面的title  
title = driver.title  
print(title)  
  
#打印当前页面的URL  
now_url = driver.current_url  
print(now_url)  
  
#获取“欢迎使用360云盘！”的文本  
text = driver.find_element_by_tag_name("h1").text  
print(text)  
  
#登录邮箱  
driver.find_element_by_name("account").clear() #name定位  
driver.find_element_by_name("account").send_keys("xxxqq.com")  
driver.find_element_by_xpath("//*[@name='password']").clear() #xpath元素属性定位  
driver.find_element_by_xpath("//*[@name='password']").send_keys("yxxx36")  
#xpath元素属性和层级结合定位  
driver.find_element_by_xpath("//div[@id='login']/div/div[2]/form/p[4]/label/input").click()  
driver.find_element_by_xpath("//*[@id='login']/div/div[2]/form/p[5]/input").click()  
sleep(5)  
  
print("登录邮箱之后：")  
  
#再次打印title  
title = driver.title  
print(title)  
  
#打印当前的URL  
now_url = driver.current_url  
print(now_url)  
  
#获取登录后的文本  
text = driver.find_element_by_xpath(".//*[@id='crumb']/div/span").text  
print(text)  

可以把登录之后的信息存放起来，作为验证登录是否成功。加断言就可可以。

设置元素等待

web应用程序采用AJAX技术时，页面上的元素不会同时被加载完成，防止定位元素会出现ElementNotVisibleException的错误，可以通过设置元素等待防止这种问题出现。

显式等待

显式等待使WebDriver等待某个条件成立时继续执行，否则在达到最大时长抛出超时异常（TimeException）。

显式等待用到WebDriverWait()类和expected_conditions()类中的方法，使用前需要先导入：

from selenium.webdriver.support.ui import WebDriverWait

from selenium.webdriver.support import expected_conditions as EC

显式等待相当于：在定位某个元素之前检查该元素是否被加载出来了，until到当前元素被加载到DOM树中

实例：

from selenium import webdriver  
from selenium.webdriver.common.by import By  
from selenium.webdriver.support.ui import WebDriverWait  
from selenium.webdriver.support import expected_conditions as EC  
  
driver = webdriver.Firefox()  
driver.get(r"http://www.baidu.com//")  
  
#显式等待  
#定位第一个元素  
element = WebDriverWait(driver,5,0.5,ignored_exceptions=None).until(  
    EC.presence_of_element_located((By.ID,"kw"))  
    )  
element.send_keys("ptyh")  
#定位第二个元素  
element = WebDriverWait(driver,5,0.5,ignored_exceptions=None).until(  
    EC.presence_of_element_located((By.ID,"su"))  
    )  
element.click()  
driver.quit()  

WebDriverWait(driver,timeout,poll_frequency=0.5,ignored_exceptions=None)

• driver：浏览器驱动
• timeout：最长超时时间，默认单位是秒
• poll_frequency：检测的间隔时间，默认是0.5秒
• ignored_exceptions：超时后的异常信息，默认抛出NoSuchElementException异常。

WebDriverWait()一般由until()或until_not()方法一起使用：

until(method,message = ‘xxx‘)
until_not(method，message = ‘XXX’)

例子中until()的method是EC.presence_of_element_located((By.Id,"kw"))

expected_conditions()类所提供的预期条件判断方法还很多！！P97

除了预期类提供的判断外还可以用is_displayed()方法判断元素是否可见：

#利用is_displayed()方法判断元素是否可见  
''''' 
for循环10次每次循环判断元素的is_diaplayed()状态 
是否是true，若为true，则break跳出循环；否则sleep(1) 
后继续循环判断，知道10次循环结束后，打印“time_out”信息。 
'''  
from selenium import webdriver  
from time import sleep,ctime  
  
driver = webdriver.Firefox()  
driver.get(r"http://www.baidu.com/")  
  
print(ctime())  
for i in range(10):  
    try:  
        element = driver.find_element_by_id("kw33")  
        if element.is_displayed():  
            break  
    except:pass  
    sleep(1)  
else:  
    print("time_out!")  
driver.close()  
print(ctime())  

隐式等待

隐式等待是通过一定的时长等待页面上某元素加载完成。如果超出了设置的时长元素还没有加载，会抛出NoSuchElementException异常。

webdriver的implicitly_wait()方法来实现隐式等待，默认设置为0。

隐式等待使用到抛出异常，NoSuchElementException异常需要先导入：

from selenium .common.exceptions import NoSuchElementException

implicitly_wait()方法由webdriver提供。

实例：

from selenium import webdriver  
#from selenium.common.exceptions import NoSuchElementException  
from time import ctime  
  
driver = webdriver.Firefox()  
  
#设置隐式等待是10s  
driver.implicitly_wait(10)  
driver.get("http://www.baidu.com/")  
try:  
    print(ctime())  
    driver.find_element_by_id("kw22").send_keys("python")  
except NoSuchElementException as e:  
    print(e)  
finally:  
    print(ctime())  
    driver.quit()  

• implicitly_wait()默认参数单位是秒，这里的5秒并不是一个固定的等待时间，它不影响脚本的执行速度。
• implicitly_wait()并不针对页面上的某一元素进行等待，当脚本执行到某个元素定位时，若元素可以定位，则继续执行；若元素定位不到，则它将以轮询的方式不断判断元素是否被定位到，直到超出设置时长还没有定位到元素，则抛出异常。

sleep休眠方法

希望脚本执行到某个位置做固定休眠，可以使用sleep()方法。sleep()方法由Python的time提供：

from time import sleep

实例：（结合隐式等待、键盘事件）

隐式等待利用语句：try...except...else...finally...

先对定位元素进行判断，若在设置的时间内定位元素失败就执行except语句抛出NoSuchElementException，定位到元素执行else语句代码继续执行。

from selenium import webdriver  
from selenium.webdriver.common.keys import Keys  
from time import sleep,ctime  
from selenium.common.exceptions import NoSuchElementException  
  
driver = webdriver.Firefox()  
print(ctime())  
  
#设置隐式等待  
driver.implicitly_wait(10)  
  
#先执行try定位元素位置  
try:  
    driver.get(r"http://www.baidu.com/")  
    driver.maximize_window () #全屏显示  
    sleep(2)  
    el = driver.find_element_by_name("wd")  
    sleep(3) #休眠3秒  
  
#找不到元素位置就执行except      
except NoSuchElementException as e:  
    print(e)  
  
#找到元素位置执行else语句  
else:  
    el.send_keys("pythonm")  
  
    #删除多输入的m  
    driver.find_element_by_name("wd").send_keys(Keys.BACK_SPACE)  
    sleep(3)  
    #输入空格+“自动化测试”  
    driver.find_element_by_name("wd").send_keys(Keys.SPACE)  
    sleep(3)  
    driver.find_element_by_name("wd").send_keys("自动化测试")  
    sleep(3)  
    #输入enter键百度一下  
    driver.find_element_by_id("su").send_keys("Keys.ENTER")  
    sleep(3)  
  
#定不定位到元素都会执行finally语句  
finally:  
    print(ctime())  
    driver.quit()  

定位一组元素

webdriver提供了定位一组元素的方法：

• find_elements_by_id()
• find_elements_by_name()
• find_elements_by_class_name()
• find_elements_by_tag_name()
• find_elements_by_xpath()
• find_elements_by_css_selector()
• find_elements_by_link_text()
• find_elements_by_partial_link_text()

原来定位一组元素和定位一个元素基本一样，唯一不同的是elements复数。

定位一组元素用于：

• 批量操作元素，如勾选复选框checkbox、单选框radio。
• 先获取一组元素，再从这组元素对象中过滤出需要操作的元素，如定位页面所有的复选框，然后选择其中一个进行其他操作。

如操作下面一段代码：checkbox.html

<!DOCTYPE HTML>  
<html lang="ch-zh">  
 <head>  
  <meta charset="utf-8">  
  <title>checkbox test~</title>  
  <style type="text/css">  
  
  </style>  
 </head>  
 <body>  
   <h2>选择你喜欢的食物：</h2>  
   <form action="" method="get" id="myform">  
    <p>  
      <label>  
       <input type="checkbox" name="checkbox1" value="1">苹果  
      </label>  
      <label>  
       <input type="checkbox" name="checkbox2" value="2">栗子  
      </label>  
      <label>  
       <input type="checkbox" name="checkbox3" value="3">西瓜  
      </label>  
      <label>  
       <input type="checkbox" name="checkbox4" value="4">芒果  
      </label>  
      <label>  
       <input type="checkbox" name="checkbox5" value="5">芒果  
      </label>  
    </p>  
   <h2>你是男士还是女士：</h2>  
    <p>  
      <label>  
        <input type="radio" name="sex" value="man">男士  
      </label>  
      <label>  
        <input type="radio" name="sex" value="woman">女士  
      </label>  
      <label>  
         <input type="radio" name="sex" value="no">保密  
      </label>  
    </p>  
   </form>  
 </body>  
</html>  

把checkbox复选框全部选择：

find_elements_by_tag_name()定位，需要判断是否是checkbox

from selenium import webdriver  
import time  
  
driver = webdriver.Firefox()  
  
driver.get(r"http://192.168.225.137/html5/checkbox.html")  
  
#选择页面上所有tag_name是input的元素  
inputs = driver.find_elements_by_tag_name("input")  
  
#然后过滤出type为checkbox的元素  
for i in inputs:  #用tag_name定位需要判断是否是checkbox，如下：  
    if i.get_attribute("type") == "checkbox":  
        i.click()  
        time.sleep(1)  
inputs.pop().click()  
inputs.pop().click(2)  

通过find_elements_by_xpath()和find_elements_by_css_selector()直接定位到checkbox：

不需要判断了，选择所有的复选框后取消第二个和最后一个：

from selenium import webdriver  
from time import sleep  
  
driver = webdriver.Firefox()  
driver.get(r"http://192.168.225.137/html5/checkbox.html")  
driver.set_window_size(1000,1000)  
  
#通过css定位  
checkboxs = driver.find_elements_by_css_selector("[type='checkbox']")  
#通过xpath定位  
inputs = driver.find_elements_by_xpath("//*[@type='checkbox']")  
#通过以上两种方式定位就不需要判断定位的标签是否是复选框的了  
for i in checkboxs:  
    i.click()  
    sleep(1)  
      
#打印当前页面上input="checkbox" 的个数  
print(len(inputs))  
  
#把页面上第二个checkbox取到勾选  
inputs.pop(1).click()  
sleep(2)  
driver.find_elements_by_xpath("//*[@type='checkbox']").pop(-1).click()  
#前面已经把所有checkbox勾上了，通过pop().click()对某个checkbox再勾选，即是取消勾选。  

• len()方法可以计算定位到的元素个数；
• pop()方法获取列表中某个元素，pop().click()定位到某个checkbox后取消勾选；
• pop()\\pop(-1)都表示最后一个checkbox；
• pop(0)第一个checkbox；

多表单切换

webdriver只能在一个页面上定位和识别元素，对于iframe或frame不能直接定位。

通过switch_to.frame()方法将当前的主体切换为frame或iframe表单的内嵌页面中。

myframe.html

<!DOCTYPE HTML>  
<html lang="ch-zn">  
  <head>  
   <title>myframe test!!!</title>  
   <meta charset="utf-8">  
   <style type="text/css">  
    h3text-align:center;color:blue;  
    divtext-align:center;  
   </style>  
  </head>  
  <body>  
   <h3>myframe</h3>  
   <div>  
     <iframe src="http://www.baidu.com/" width="800px" height="200px" name="myframe" id="if"></iframe>  
   </div>  
  </body>  
</html>  

如上内联框架，定位里面的百度页面元素时，先要使用switch_to.frame()找到标签，然后再定位百度页面的元素。

实例：

from selenium import webdriver  
from time import sleep  
from selenium.common.exceptions import NoSuchElementException  
  
driver =webdriver.Firefox()  
driver.get(r"http://192.168.225.137/html5/myframe.html")  
driver.set_window_size(2000,2000)  
  
#切换到iframe里面，iframe（name='myframe'）  
driver.switch_to.frame("myframe")  
  
#下面就是正常操作  
#隐式等待10s  
driver.implicitly_wait(10)  
try:  
    el = driver.find_element_by_xpath("//*[@id='kw']")  
    el1 = driver.find_element_by_id("su")  
    sleep(2)  
except NoSuchElementException as e:  
    print(e)  
else:  
    el.send_keys("python")  
    el1.click()  
finally:  
    driver.quit()  

switch_to.frame()默认可以去id或name属性值定位，如果没有id或name属性，可以用下面方式定位：

from selenium import webdriver  
from time import ctime,sleep  
  
driver = webdriver.Firefox()  
  
driver.implicitly_wait(10)  
print(ctime())  
  
driver.get(r"http://192.168.225.137/html5/myframe.html")  
  
#定位iframe的位置保存到变量el  
el = driver.find_element_by_xpath("//*[@class='if']")  
#切换到该frame  
driver.switch_to.frame(el)  
#对iframe页面操作  
driver.find_element_by_css_selector("#kw").send_keys("iframe")  
driver.find_element_by_css_selector("#su").click()  
print(ctime())  
  
#跳出当前一级表单  
driver.switch_to.parent_frame ()  
#切换到最外层的页面  
driver.switch_to.default_content()  

多窗口切换

在页面操作过程中有时候点击某个链接会弹出新的窗口，

webdriver的switch_to.window()方法

，可以实现在不同窗口之间的切换。

实例：

打开百度首页，打开新的窗口注册窗口，在返回百度首页窗口。

from selenium import webdriver  
from time import *  
  
driver = webdriver.Firefox()  
driver.implicitly_wait(10)  
driver.get(r"http://www.baidu.com/")  
driver.maximize_window()  
  
#获得百度搜索窗口句柄  
search_windows = driver.current_window_handle  
  
driver.find_element_by_link_text("登录").click()  
driver.find_element_by_link_text("立即注册").click()  
  
#获得当前所有打开窗口的句柄，这里一共就两个句柄。  
all_handles = driver.window_handles  
  
#进入注册窗口  
for handle in all_handles:  
    if handle != search_windows: #不是百度句柄，就是注册句柄了。  
        driver.switch_to.window(handle)  
        print("现在是注册窗口！")  
        #获取当前页面的title  
        title = driver.title  
        print(title)  
        pass  
        #获取当前注册页面的URL  
        url = driver.current_url  
        print(url)  
  
  
#回到搜索窗口  
for handle in all_handles:  
    if handle ==search_windows: #百度句柄了  
        driver.switch_to.window(handle)  
        print("现在是搜索窗口！")  
          
        #关闭百度登录框  
        driver.find_element_by_xpath(".//*[@id='TANGRAM__PSP_2__closeBtn']").click()  
          
        title = driver.title  
        print(title)  
        pass  
        url = driver.current_url  
        print(url)  
        #百度搜索  
        driver.find_element_by_id("kw").send_keys("python")  
        driver.find_element_by_id("su").click()  
        sleep(2)  
driver.quit()  

webdriver新的属性和方法：

• current_window_handle:获取当前窗口句柄
• Window_handles:获取所有窗口的句柄
• switch_to.window():切换到相应的窗口。用于不同窗口的切换；switch_to.frame()用于不同表单的切换。

警告框处理

webdriver中处理js所生成的alert、confirm、prompt警告框：（怎么区分是不是警告框的一种方法：利用firebug的“点击查看元素”，是不能定位到警告框的元素位置的，定位到的就不是警告框了，可以通过一般的方式操作该页面的元素，这里要理解警告是怎么产生的，一般是js脚本）

使用switch_to_alert()方法定位到alert、confirm、prompt，然后使用text、accept、dismiss、send_keys等方法进行操作。

• text：返回alert、confirm、prompt中的文字信息；
• accept()：接受现有警告框；
• dismiss()：解散现有警告框；
• send_keys(keysToSend)：发送文本到警告框。keyToSend：将文本发送到警告框

操作实例：

from selenium import webdriver  
from time import *  
from selenium.webdriver.common.action_chains import ActionChains  
  
driver = webdriver.Firefox()  
driver.get(r"http://www.baidu.com/")  
driver.maximize_window()  
#鼠标悬停  
el = driver.find_element_by_link_text("设置")  
ActionChains(driver).move_to_element(el).perform()  
#打开搜索设置  
driver.find_element_by_link_text("搜索设置").click()  
#点击恢复默认  
driver.find_element_by_link_text("恢复默认").click()  
sleep(2)  
#返回警告框中的文本信息  
text = driver.switch_to_alert().text  
print(text)  
#接受现有警告框  
driver.switch_to_alert().accept()  
  
driver.quit()  

上传文件

file.html

通过input标签实现的上传功能

<!DOCTYPE html>  
<html lang="en">  
 <head>  
  <title>file test!</title>  
  <meta charset="utf-8">  
 </head>  
 <body>  
  <p style="color:blue;text-align:left;font-size:30px;">请上传一个文件：</p>  
  <form action="" method="get" id="myform">  
   <input type="file" name="file" accept="" multiple="multiple">  
  </form>  
 </body>  
</html>  

实例：通过input标签实现上传功能的可以通过send_keys("文件地址")上传

from selenium import webdriver  
 
driver = webdriver.Firefox()  
driver.get(r"http://192.168.225.137/html5/file.html")  
#通过send_keys()上传  
driver.find_element_by_css_selector("[type='file']").send_keys("C:\\\\Users\\\\Administrator\\\\Desktop\\\\html5.txt")  

下载文件

实例：下载一个文件（此实例只适合Firefox浏览器）

from selenium import webdriver  
import os  
import time  
  
#为了能够让Firefox()实现下载，需要对FirefoxPile()进行设置  
fp = webdriver.FirefoxProfile()  
  
#browser.download.folderList设置为0，下载到浏览器默认的路径；设置为2则可以设置下载路径  
fp.set_preference('browser.download.folderList',2)  
#browser.download.manager.showWhenStarting设为false不显示开始，设为true显示开始  
fp.set_preference('browser.download.manager.showWhenStarting',False)  
#browser.download.dir用于指定下载文件的目录，os.getcwd()当前目录  
fp.set_preference('browser.download.dir',os.getcwd())  
#browser.helperApps.neverAsk.saveToDisk指定下载页面的Content-type值，“application/octet-stream”是文件的类型  
fp.set_preference('browser.helperApps.neverAsk.saveToDisk',  
                   'application/octet-stream')  
#将所有设置的信息在调用webdriver的Firefox时作为参数传递给浏览器，Firefox浏览器就是根据折现设置信息将文件下载到设定的脚本目录下。  
driver = webdriver.Firefox(firefox_profile = fp)  
driver.get('https://pypi.python.org/pypi/selenium')  
driver.find_element_by_partial_link_text("selenium-3.0").click()  
time.sleep(30)  
driver.quit()  

为了能够让Firefox()实现下载，需要对FirefoxPile()进行设置：

• browser.download.folderList设置为0，下载到浏览器默认的路径；设置为2则可以设置下载路径
• browser.download.manager.showWhenStarting设为false不显示开始，设为true显示开始
• browser.download.dir用于指定下载文件的目录，os.getcwd()当前目录
• browser.helperApps.neverAsk.saveToDisk指定下载页面的Content-type值，“application/octet-stream”是文件的类型

HTTP Content-type常用的对照表：http://tool.oschina.NET/commons

操作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,optionString)：删除cookie信息。name是要删除的cookie名称，optionString是该cookie的选项，目前支持的选项包括“路径”，“域”
• delete_all_cookies()：删除所有的cookie信息

get_cookie()实例：

from selenium import webdriver  
  
driver = webdriver.Firefox()  
driver.get(r"http://www.hao123.com/")  
#获取所有cookies  
cookies = driver.get_cookies()  
print(cookies)  
driver.quit()  

添加cookie实例：add_cookie()

from selenium import webdriver  
  
driver = webdriver.Firefox()  
driver.get(r"http://www.baidu.com/")  
#添加cookie，字典形式且必须有name、value值  
driver.add_cookie("name":"user","value":"tester")  
#遍历所有的cookies中的name、value并打印出来，就会显示添加的信息了  
for i in driver.get_cookies():  
    print("%s => %s"%(i['name'],i['value']))  
driver.quit()   

调用javascript

webdriver对与浏览器的滚动条没有提供相应的操作方法，可以接着JavaScript来控制浏览器的滚动条。webdriver提供了execute_script()方法来执行JavaScript代码。

调整浏览器的滚动条位置的JavaScript方法：

window.scrollTo(水平位置,垂直位置);

水平位置是指水平的左间距；

垂直位置是指垂直的上边距；

实例：操作百度搜结果

for i in range(10):  
    from selenium import webdriver  
    from time import *  
  
    driver = webdriver.Firefox()  
    driver.get(r'http://www.baidu.com/')  
    driver.set_window_size(600,600)  
    driver.find_element_by_css_selector('#kw').clear()  
    driver.find_element_by_css_selector('#kw').send_keys("python接口测试")  
    driver.find_element_by_xpath("//*[@id='su']").click()  
    sleep(2)  
    #通过JavaScript设置浏览器窗口的滚动条位置  
    js = "window.scrollTo(100,300);"  
    driver.execute_script(js)  
    sleep(3)  
    driver.quit()  

另外JavaScript的作用还可以想textarea多行文本框输入内容：

多行文本.html

<!DOCTYPE HTML>  
<html lang="en">  
 <head>  
  <meta charset="utf-8">  
  <title>多行文本 test!!</title>  
 </head>  
 <body>  
   <h3>请输入你的建议：</h3>  
   <form action="" method="get" name="1">  
    <textarea name="suggest" cols="50" rows="10"></textarea>  
    <br>  
    <input type="submit" id="3" value="提交叻">  
   </form>  
 </body>  
</html>  

操作textarea文本框

from selenium import webdriver  
from time import *  
  
driver = webdriver.Firefox()  
driver.get(r"http://192.168.225.137/html5/textarea.html")  
driver.maximize_window()  
#首先text定义要输入的内容  
text = "我的建议是，哈哈哈哈哈哈哈哈"  
#然后将text与JavaScript代码通过“+”拼接，这样是使输入的内容变得可以自定义  
js = "var sum=document.get_element_by_name('suggest');sum.value='" + text + "';"  
#通过execute_script()执行js代码  
driver.execute_script(js)  
  
driver.find_element_by_xpath("//*[@id='3']").click()  
sleep(5)  
  
driver.quit()  

窗口截图

webdriver提供了截图函数get_screenshot_as_file(‘保存文件的路径‘)来截取当前窗口。

实例1：截取百度

from selenium import webdriver  
import time  
driver = webdriver.Firefox()  
driver.get(r'http://www.baidu.com/')  
driver.maximize_window()  
driver.find_element_by_css_selector('#kw').send_keys("selenium")  
driver.find_element_by_id('su').click()  
time.sleep(3)  
#截取当前窗口，并将图片保存到指定位置  
driver.get_screenshot_as_file('E:\\\\screenshot\\\\baidu.jpg')  
driver.quit()  

实例2：截取126邮箱

from selenium import webdriver  
import time  
  
driver = webdriver.Firefox()  
driver.get(r'http://www.126.com/')  
driver.maximize_window()  
driver.implicitly_wait(5)  
url = driver.current_url  
print(url)  
title = driver.title  
print(title)  
  
#使用截图函数，截取当前页面  
driver.get_screenshot_as_file('E:\\\\screenshot\\\\login.jpg')  
  
#登录126邮箱  
driver.find_element_by_xpath("//*[@id='login-form']/div/div/div[2]/input").clear()  
driver.find_element_by_xpath("//*[@id='login-form']/div/div/div[2]/input").send_keys('XXX—you')  
driver.find_element_by_xpath("//*[@type='password']").clear()  
driver.find_element_by_xpath("//*[@type='password']").send_keys('yuexxx.')  
driver.find_element_by_id('dologin').click()  
time.sleep(3)  
title = driver.title  
print(title)  
url = driver.current_url  
print(url)  
  
#截取登录后的页面  
driver.get_screenshot_as_file("E:\\\\screenshot\\\\afterlogin")  
time.sleep(3)  
  
#退出邮箱  
driver.find_element_by_link_text("退出").click()  
driver.quit()  

打开E盘screeshot目录就看到截取的JPG图片了！

在做UI自动化测试时，可以把该截图函数：get_screenshot_as_file()封装成单独一个模块，需要截取的时直接使用该方法。

''''' 
定义截图函数。 
创建截图函数insert_img(),为了保持自动化项目的可移植性，采用相对 
路径的方式将测试截图保存到.\\report\\image\\目录中。 
 
'''  
  
from selenium import webdriver  
import os  
  
#截图函数  
def insert_img(driver,file_name):  
    #获取当前运行脚本的路径保存到base_dir里面  
    base_dir = os.path.dirname(os.path.dirname(__file__))  
    #把获取到的路径转为字符串  
    base_dir = str(base_dir)  
    #字符串函数replace()把路径中的“\\\\”变成“/”  
    base_dir = base_dir.replace('\\\\','/')  
    #利用split()方法把字符串以“/test_case/”分割为两部分，split分割字符串后保存为列表，把左边的保存到base列表中  
    base = base_dir.split('/test_case')[0]  
    #利用字符串拼接重新组合文件路径。get_screenshot_as_file(文件路径+截取到的文件名)  
    file_path = base +"/report/image/" + file_name  
    driver.get_screenshot_as_file(file_path)  
  
if __name__ == "__main__":  
    driver = webdriver.Firefox()  
    driver.get("https://www.126.com/")  
    #调用截图函数  
    insert_img(driver,"126.jpg")  
    driver.quit()  

验证码处理

对于有些登录系统是需要验证码的，怎么处理呢？

去掉验证码

但如果自动化脚本是在正式环境中测试，这种做法就会给系统带来一定的风险。

设置万能的验证码

只要测试时输入一个万能验证码，程序就认为验证通过，否则就判断用户输入的验证码是否正确。设计万能验证码的方式只需要对用户的输入信息多加一个逻辑判断，如下：

number.py

from random import randint  
  
#生成1000到9999之间一个随机数  
verify = randint(1000,9999)  
print(u"生成的随机数是：%s"%verify)  
  
number =input("请输入一个验证码：")  
number = int(number)    #把number转为int和随机数类型一致  
print(number)  
  
if number == verify:    #number和verify类型要一致才有可比性  
    print("验证码正确！")  
elif number == 1234:  
    print("验证吗正确！")  
else:  
    print("验证码错误！！！")  

这个程序分别输入正确的验证码、万能验证码、错误验证码。

记录cookie

通过向浏览器中添加cookie可以要过登录的验证码。

基本操作函数

driver.标签语句.click()

执行一次点击事件，就是点一下当前的标签

driver.标签语句.send_keys(‘‘)

向当前标签输入一段内容为字符串

driver.标签语句.size()

返回元素尺寸

driver.标签语句.text()

返回元素文本

driver.标签语句.get_attribute()

方法获取属性值

driver.标签语句.is_displayed()

返回该元素是否可见

driver.back()

返回上一个页面

driver.forward()

前进前一个页面

driver.refresh()

刷新当前页面

driver.quit()

退出浏览器，表示结束

以上是关于WebDriver--定位元素的8种方式的主要内容，如果未能解决你的问题，请参考以下文章

selenium 中xpath定位的几种方式

WebDriver API --8种定位方式

胡楠宇推荐Selenium Webdriver元素定位的八种常用方式详解

Webdriver API（元素定位与操作）

Selenium Webdriver元素定位的八种常用方式

Selenium Webdriver元素定位的八种常用方式