Selenium：WebDriver简介及元素定位

参考内容：官方API文档，下载链接：http://download.csdn.net/detail/kwgkwg001/4004500

虫师:《selenium2自动化测试实战-基于python语言》

一、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端发送的请求，例子如下：

 # coding=utf-8
 # 导入logging模块，捕捉Client发送的请求
 from selenium import webdriver
 import logging
 from selenium import webdriver
 from selenium.webdriver.support.select import Select # select类
 from selenium.webdriver.common.by import By #By类：定位元素

 logging.basicConfig(level=logging.DEBUG)
 driver = webdriver.Chrome("F:\安装工具\python\chromedriver.exe")
 driver.get("www.baidu.com")

 driver.find_element_by_id("kw").send_keys("selenium")
 driver.find_element_by_id("su").click()
 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类导入；

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

4、定位一组元素

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

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

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

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

 # webdriver提供的定位一组元素方法
 id                    find_elements_by_id()
 Name                  find_elements_by_name()
 class_name            find_elements_by_class_name()
 tag Name              find_elements_by_tag_name()
 link text             find_elements_by_link_text()
 partial link text     find_elements_by_partial_link_text()
 xpath                 find_elements_by_xpath()
 css selector          find_elements_by_css_selector()

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

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

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

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

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

......

三、WebElement接口常用方法

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

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

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

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

clear():清除文本；

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

click():单击元素；

size:返回元素的尺寸；

text:获取元素的文本；

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

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

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

PS：上面的例子取自百度首页，关于UI自动化，建议系统的了解学习一下前端相关的基础知识，可以去W3C看看。。。