Selenium—WebDriver简介及元素定位

一、WebDriver原理

1、关于WebDriver

设计模式：按照Server-Client的经典设计模式设计；

Server端：即Remote Server（远程服务器），可以是任意的浏览器，当脚本启动浏览器时，该浏览器就是Remote Server，它的职责是等待Client发送请求并做出响应；

Client端：简单来说就是我们的测试代码，测试代码中的一些行为是以HTTP请求的方式发送给被测试浏览器——Remote Server，Remote Server接受请求，执行相应操作，并在Response中返回执行状态、返回值等信息；

2、WebDriver工作流程

①WebDriver启动目标浏览器，并绑定至指定端口，启动的浏览器实例将作为WebDriver的Remote Server；

②Client端通过CommandExcuter发送HTTPRequest给Remote Server的侦听端口（通信协议：the webdriver wire protocol）；

③Remote Server需要依赖原生的浏览器组件（比如：chromedriver.exe）来转化浏览器的native调用；

3、WebDriver.log

python提供了logging模块给运行中的应用，提供了一个标准的信息输出接口。它提供了basicConfig方法用于基本信息的定义，开启debug模块，

就可以捕捉到Client端向Server端发送的请求，例子如下：

1 # coding=utf-8

2 # 导入logging模块，捕捉Client发送的请求

3 from selenium import webdriver

4 import logging

5 from selenium import webdriver

6 from selenium.webdriver.support.select import Select # select类

7 from selenium.webdriver.common.by import By #By类：定位元素

8

9 logging.basicConfig(level=logging.DEBUG)

10 driver = webdriver.Chrome("F:\安装工具\python\chromedriver.exe")

11 driver.get("www.baidu.com")

12

13 driver.find_element_by_id("kw").send_keys("selenium")

14 driver.find_element_by_id("su").click()

15 driver.quit()

二、WebDriver定位方法

WebDriver是基于selenium设计的操作浏览器的一套API，针对多种编程语言都实现了这套API，站在python角度来说，WebDriver是python的一个用于实现Web自动化的第三方库。

1、WebDriver定位方法

WebDriver定位方法提供了八种元素定位方法，所对应的方法、特性分别是：

2、XPath和CSS的类似功能对比

3、用By定位元素

针对前面介绍的8种定位方法，WebDriver还提供另一种方法，即：统一调用find_element()方法，通过By来声明定位方法，并且传入对应定位方法的定位参数，例子如下：

find.element()方法只用于定位元素，它需要两个参数，第一个参数是定位的类型，由By提供，第二个参数是定位的具体方式，在使用By之前需要将By类导入；

1 # 导入By类的包 2 from selenium.webdriver.common.by import By 3 find.element(by.id,"kw") 4 find.element(by.name,"wd") 5 find.element(by.class_name,"s_ipt") 6 find.element(by.tag_name,"input") 7 find.element(by.link_text,"新闻") 8 find.element(by.partial_link_text,"新") 9 find.element(by.xpath,"//*[@class='bg s_btn'")10 find.element(by.css_selector,"span.bg s_btn_wr>input#su")

4、定位一组元素

上面提到的8种定位方法，都是针对单个元素定位的，webdriver还提供了与之对应的8种用于定位一组元素的方法。其一般应用于以下场景：

①批量操作元素，例如勾选页面上所有的复选框；

②先获取一组元素，再从这组元素中过滤出需要操作的元素；

定位一组元素的方法与定位单个元素的用法相似，唯一的区别是在element后面多一个s表示复数，具体如下：

1 # webdriver提供的定位一组元素方法

2 id find_elements_by_id()

3 Name find_elements_by_name()

4 class_name find_elements_by_class_name()

5 tag Name find_elements_by_tag_name()

6 link text find_elements_by_link_text()

7 partial link text find_elements_by_partial_link_text()

8 xpath find_elements_by_xpath()

9 css selector find_elements_by_css_selector()

获取一组元素中某个元素的几个方法：

len()：用来计算元素的个数，通过print()打印出计算的结果；

pos()或pop(-1)：默认获取一组元素的最后一个元素，并返回该元素的值；

pop(0)：默认获取一组元素的第一个元素，并返回该元素的值；

pop(1)：默认获取一组元素的第二个元素，并返回该元素的值；

三、WebElement接口常用方法

通常需要与页面交互的方法都由WebElement接口提供，包括上面提到的8种定位方法，下面介绍常用的几种方法：

submit()：用于提交表单，例如搜索框输入关键字之后的“回车”操作，例如：

1 # 提交表单2 from select import webdriver3 driver = webdriver.Chrome("安装工具\python\chromedriver.exe")4 driver.get("http://www.baidu.com")5 driver.find_element_by_id("kw").send_keys("imyalost")6 # 提交输入框中的内容7 driver.find_element_by_id("imyalost").submit()8 driver.quit()

注意：有时候submit()方法和click()方法可以互用，但submit()的应用范围不及click()广泛；

clear():清除文本；

send_keys(*value):模拟按键输入；

click():单击元素；

size:返回元素的尺寸；

text:获取元素的文本；

get.attribute(name):获得属性值；

is_displayed():设置该元素是否用户可见；

1 # webelement接口常用方法 2 from selenium import webdriver 3 driver = webdriver.Chrome("安装工具\python\chromedriver.exe") 4 driver.get("http://www.baidu.com") 5 # 获得输入尺寸 6 size = driver.find_element_by_id("kw").size 7 print("size") 8 # 返回百度页面底部备案信息 9 text = driver.find_element_by_id("cp").text10 print("text")11 # 返回元素的属性值，可以是id、name、type或其他属性12 attribute = driver.find_element_by_id("kw").get_attribute("type")13 print("attribute")14 # 返回元素结果是否可见，返回结果为True或Flase15 result = driver.find_element_by_id("kw").is_displayed()16 print("result")

创建了一个测试交流群，如果对软件测试、接口测试、自动化测试、面试经验交流感兴趣可加qq群：829792258，可以与同行一起交流技术