一、WebDriver(selenium2.0)
1.1 什么是WebDriver?
Webdriver (Selenium2)是一种用于Web应用程序的自动测试工具;
它提供了一套友好的API;
Webdriver完全就是一套类库,不依赖于任何测试框架,除了必要的浏览器驱动;
说明: API:应用编程接口说明(WebDriver类库内封装非常多的方法,要使用这些方法,就需要友好的调用命 名规则)
1.2 WebDriverAPI 支持的浏览器
Firefox (FirefoxDriver)【推荐-本阶段学习使用】
IE(InternetExplorerDriver)
Opera(OperaDriver)
Chrome (ChromeDriver)
safari(SafariDriver)
HtmlUnit (HtmlUnit Driver)
提示: Firefox、Chrome:对元素定位和操作有良好的支持,同时对JavaScript支持也非常好。 IE:只能在windows平台运行,所有浏览器中运行速度最慢 HtmlUnit:无GUI(界面)运行,运行速度最快;
推荐原因: 1. Selenium IDE 2 FireBug 3. 对WebDriver API支持良好
1.3 WebDriverAPI 支持的开发语言
官网文档:https://docs.seleniumhq.org/docs/03_webdriver.jsp
Java
Python
PHP
JavaScript
Perl
Ruby
C#
1.4 基于Python环境, selenium 安装、卸载、查看命令
安装:pip install selenium==2.48.0
1). pip:通用的 Python 包管理工具。提供了对 Python 包的查找、下载、安装、卸载的功能。
2). install: 安装命令 3). selenium==2.48.0: 指定安装selenium2.48.0版本(如果不指定版本默认为最新版本)
卸载:pip uninstall selenium
查看:pip show selenium
二、WebDriver-元素定位
2.1 id 定位
说明:HTML规定id属性在整个HTML文档中必须是唯一的,id定位就是通过元素的id属性来定位元素; 前提:元素有id属性
实现案例-1需求: 1). 打开注册A.html页面,使用id定位,自动填写(账号A:admin、密码A:123456) 2). 填写完毕后,3秒钟关闭浏览器窗口
2.1.1 id定位方法
find_element_by_id()
2.1.2 id定位实现 步骤分析
1. 导入selenium包 --> from selenium import webdriver 2. 导入time包 --> from time import sleep 3. 实例化火狐浏览器 --> driver=webdriver.Firefox() 4. 打开注册A.html --> driver.get(url) 5. 调用id定位方法 --> driver.find_element_by_id("") 6. 使用send_keys()方法发送数据 --> .send_keys("admin") 7. 暂停3秒 --> sleep(3) 8. 关闭浏览器 --> quit() 说明:为了接下来更好的而学习体验,我们先暂时使用下,send_keys()和quit()方法,在2.4节元素操作讲解;
2.1.3 id定位代码演示
from selenium import webdriver from time import sleep driver=webdriver.Firefox() url='E:\\测试\\课件\\Web自动化\\Web自动化课件\\02img\\注册A.html' driver.get(url) user=driver.find_element_by_id("userA") user.send_keys("admin") pwd=driver.find_element_by_id("passwordA") pwd.send_keys("123456") sleep(3) driver.quit()
2.2 name定位
说明:HTML规定name属性来指定元素名称,因此它的作用更像人名,name的属性值在当前文档中可以不是唯 一的 ,
name定位就是根据元素name属性来定位 前提:元素有name属性 实现案例-1需求:
1). 打开注册A.html页面,使用name定位,自动填写(账号A:admin、密码A:123456)
2). 填写完毕后,3秒钟关闭浏览器窗口
2.2.1 name定位方法
find_element_by_name()
2.2.2 name定位代码演示
from selenium import webdriver from time import sleep driver=webdriver.Firefox() url='E:\\测试\\课件\\Web自动化\\Web自动化课件\\02img\\注册A.html' driver.get(url) user=driver.find_element_by_name("userA") user.send_keys("admin") pwd=driver.find_element_by_name("passwordA") pwd.send_keys("123456") sleep(3) driver.quit()
2.3 class_name
2.3.1 class_name定位方法
find_element_by_class_name()
2.3.2 class_name定位代码演示
#说明:HTML规定了class来指定元素的类名,用法和name、id类似; #前提:元素有class属性 #实现案例-1需求: # 通过class_name定位电话号码A,并发送18611111111 from selenium import webdriver from time import sleep driver=webdriver.Firefox() url='E:\\测试\\课件\\Web自动化\\Web自动化课件\\02img\\注册A.html' driver.get(url) user=driver.find_element_by_class_name("userA") user.send_keys("1861111111111") sleep(3) driver.quit()
2.4 tag_name定位
2.4.1 tag_name定位 方法
1. find_element_by_tag_name() 返回:符合条件的第一个标签
2.4.2 tag_name定位代码演示
from selenium import webdriver from time import sleep driver=webdriver.Firefox() url='E:\\测试\\课件\\Web自动化\\Web自动化课件\\02img\\注册A.html' driver.get(url) user=driver.find_element_by_tag_name("input") user.send_keys("1861111111111") sleep(3) driver.quit()
2.5 link_text定位
2.5.1 link_text定位方法
方法:find_element_by_link_text()
说明:需要传入a标签全部文本(访问 新浪 网站)
2.5.2 link_text定位代码演示
from selenium import webdriver from time import sleep driver=webdriver.Firefox() url='E:\\测试\\课件\\Web自动化\\Web自动化课件\\02img\\注册A.html' driver.get(url) user=driver.find_element_by_link_text("(访问 新浪 网站") user.click() sleep(3) driver.quit()
2.6 partial_link_text定位
说明:partial_link_text定位是对link_text定位的补充,partial_like_text为模糊匹配;link_text 全部匹配 实现案例-1需求: 1). 打开注册A.html页面,使用partial_link_text定位(访问 新浪 网站)超链接 2). 3秒钟关闭浏览器窗口
2.6.1 partial_link_text定位方法
方法:find_element_by_partial_link_text() 说明:需要传入a标签局部文本-能表达唯一性(访问 新浪 网站)
2.6.2 partial_link_text定位代码演示
from selenium import webdriver from time import sleep driver=webdriver.Firefox() url='E:\\测试\\课件\\Web自动化\\Web自动化课件\\02img\\注册A.html' driver.get(url) user=driver.find_element_by_partial_link_text("(访问") user.click() sleep(3) driver.quit()
2.7 find_element[s]_by_XXX()
作用: 1). 查找定位所有符合条件的元素
2). 返回的定位元素格式为数组(列表)格式; 说明: 1). 列表数据格式的读取需要指定下标(下标从0开始)
2.4.1操作 tag_name)方法
说明:使用tag_name获取第二个元素(密码框) 代码: ... driver.find_elements_by_tag_name("input")[1].send_keys("123456") ...
三、Xpath、CSS定位
3.1.1 什么是Xpath?
XPath即为XML Path 的简称,它是一种用来确定XML文档中某部分位置的语言。
HTML可以看做是XML的一种实现,所以Selenium用户可以使用这种强大的语言在Web应用中定位元素。 XML:一种标记语言,用于数据的存储和传递。 后缀.xml结尾 提示:Xpath为强大的语言,那是因为它有非常灵活定位策略;
3.1.2 Xpath 定位策略
路径-定位 1). 绝对路径 2). 相对路径
利用元素属性-定位
层级与属性结合-定位
属性与逻辑结合-定位
3.2 使用Xpath实现 案例-1
需求: 使用绝对路径和相对路径分别实现,账号A:admin;密码A:123456;自动化脚本设计
3.2.1 利用元素属性
说明:快速定位元素,利用元素唯一属性; 示例://*[@id='userA']。
3.2.2 层级与属性结合
说明:要找的元素没有属性,但是它的父级有; 示例://*[@id='p1']/input
3.2.3 属性与逻辑结合
说明:解决元素之间个相同属性重名问题 示例://*[@id='telA' and @class='telA']
3.2.4 Xpath-延伸
//[text()="xxx"] 文本内容是xxx的元素 //[starts-with(@attribute,'xxx')] 属性以xxx开头的元素 //*[contains(@attribute,'Sxxx')] 属性中含有xxx的元素
四、CSS 定位
4.1 什么是CSS?
CSS(Cascading Style Sheets)是一种语言,它用来描述HTML和XML的元素显示样式; (css语言书写两个格式:
写在HTML语言中<style type="text/css">...
写在单独文件中 后缀.css
而在CSS语言中有CSS选择器(不同的策略选择元素),在Selenium中也可以使用这种选择器; 提示:
在selenium中极力推荐CSS定位,因为它比XPath定位速度要快
css选择器语法非常强大,在这里我们只学习在测试中常用的几个
4.2 定位方法
driver.find_element_by_css_selector()
4.3 CSS定位常用策略
id选择器
class选择器
元素选择器
属性选择器
层级选择器
4.3.1 id 选择器
说明:根据元素id属性来选择 格式:#id 如:#userA <选择id属性值为userA的所有元素>
代码演示:
from selenium import webdriver from time import sleep driver=webdriver.Firefox() url='E:\\测试\\课件\\Web自动化\\Web自动化课件\\02img\\注册A.html' driver.get(url) user=driver.find_element_by_css_selector("#userA") user.send_keys("admin") pwd=driver.find_element_by_css_selector("passwordA") pwd.send_keys("123456") sleep(3) driver.quit()
4.3.2 class 选择器
说明:根据元素class属性来选择 格式:.class 如:.telA <选择class属性值为telA的所有元素>
4.3.3 元素选择器
说明:根据元素的标签名选择 格式:element 如:input <选择所有input元素
4.3.4 属性选择器
说明:根据元素的属性名和值来选择 格式:[attribute=value] 如:[type="password"] <选择所有type属性值为password的值>
4.3.5 层级选择器
说明:根据元素的父子关系来选择 格式:element>element 如:p>input <返回所有p元素下所有的input元素> 提示:> 可以用空格代替 如:p input 或者 p [type='password']
4.3.6 CSS延伸
input[type^='p'] 说明:type属性以p字母开头的元素
input[type$='d'] 说明:type属性以d字母结束的元素
input[type*='w'] 说明:type属性包含w字母的元素
4.3.7 Xpath与CSS类似功能对比
定位方式 | Xpath | CSS |
---|---|---|
元素名 | //input | input |
id | //input[@id='userA'] | #userA |
class | //*[@class='telA'] | .telA |
属性 | 1. //※[text()="xxx"]2. //※[starts-with(@attribute,'xxx')] 3.//※[contains(@attribute,'xxx')] | 1.input[type^='p']. 2.input[type$='d'] 3.input[type*='w'] |
4.4 定位(另一种写法)-延伸【了解】
说明:第二种方法使用By类的封装的方法,所以需要导入By类包
4.4.1 导入By类
导包:from selenium.webdriver.common.by import By
4.4.2 By类的方法
方法:find_element(By.ID,"userA") 备注:需要两个参数,第一个参数为定位的类型由By提供,第二个参数为定位的具体方式 示例: 1. driver.find_element(By.CSS_SELECTOR,'#emailA').send_keys("123@126.com") 2. driver.find_element(By.XPATH,'//*[@id="emailA"]').send_keys('234@qq.com') 3. driver.find_element(By.ID,"userA").send_keys("admin") 4. driver.find_element(By.NAME,"passwordA").send_keys("123456") 5. driver.find_element(By.CLASS_NAME,"telA").send_keys("18611111111") 6. driver.find_element(By.TAG_NAME,'input').send_keys("123") 7. driver.find_element(By.LINK_TEXT,'访问 新浪 网站').click() 8. driver.find_element(By.PARTIAL_LINK_TEXT,'访问').click()
4.4.3 find_element_by_xxx()和find_element() 区别
说明:通过查看find_element_by_id底层实现方法,发现底层也是调用的By类方法进行的封装; def find_element_by_id(self, id_): """Finds an element by id. :Args: - id\_ - The id of the element to be found. :Usage: driver.find_element_by_id('foo') """ return self.find_element(by=By.ID, value=id_) 总结:虽然方法一样,但WebDriver推荐 find_element_by_xxx()这种方法