一步到位带你入门Selenium
其实，关于这篇文章发布前还是有很多思考的，我是不想发布的，因为关于selenium的文章博客园里面有很多的介绍，写的详细的，也有写的不详细的，那么我的这篇文章的定位是基于selnium从开始到最后的框架组织。其实套路和很多的教程类似，但是更多的是本篇文章是以笔记的形式展示给大家，可能对于一些初学者来说，并不是一篇很好的文章，但是对于一些有经验的测试童鞋来说，本篇确是值得你回忆selenium过往的一篇文章。
一、Selenium自动化测试环境搭建
1.cmd --- pip install selenium==2.53.0 (如果selenium后面不跟==,表示默认安装最新版本)
2. pip show selenium 查看selenium安装的版本号(该操作在cmd->windows下面查看)
(注意：1.pip 是什么？ pip是python2.7.9版本以后自动集成到python中的一个包管理工具，方便下载和python
有关的包或者模块)
3.验证环境是否安装成功python交互模式下--->输入from selenium import webdriver -->运行无报错（安装成功）
4.配置浏览器驱动，这里我们教学使用的chrome浏览器，目前最新的版本是63.0.3239.84（正式版本）
5.下载谷歌浏览器的驱动文件 chromedriver.exe
谷歌浏览器驱动下载地址：
http://chromedriver.storage.googleapis.com/index.html
谷歌浏览器驱动及版本对应匹配参考表：
http://chromedriver.storage.googleapis.com/index.html
6.直接将chromedriver.exe （chromedriver.exe原封不动复制到C:\Python27目录下面）
7.在idle编辑器里面敲一段代码：
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com')
二、PyCharm开发集成环境部署及快捷键
1.科学上网：访问 https://www.jetbrains.com/pycharm/download/#section=windows
2.选择community（社区版） 版本 足够用
快捷键：
1.注释 ctrl + /
2.取消注释 在次ctrl + /
3.运行 右键点击Run按钮 或者使用快捷键 ctrl + shift + F10
4.创建python文件
1.点击编辑器主项目工程文件目录->file->python file
2.在windows下面的主项目工程文件目录里面->创建一个pyhton文件 如demo.txt ---->demo.py
5.替换 ctrl＋ｒ 替换单个或者替换多个 replace replace all
6.回退 shift+table
7.缩进 table
8.#coding=utf-8 （中文编码的声明 允许在编辑中写入中文注释 否则报错）
三、前端工具的安装
目的：方便web页面的元素定位。
只有火狐浏览器提供。高版本的火狐浏览器没有，只有低版本的有这个插件。
FireBug:附加组件--扩展--搜索firebug--点击安装--重启---F12查看 小虫子
FirePath:附加组件--扩展--搜索firepath--点击安装--重启---F12查看 小虫子上面有没有firepath
四、前端技术讲解
前端三剑客：
HTML
CSS
Javascript
HTML静态网页 == 文档
标签有开口有闭合(并不是所有标签都有闭合标签 如 img input标签)：
开始标签： <a>
结束标签： </a>
标签都是有层级关系的：爷爷类标签-->父类标签-->子类标签
自动化测试要定位元素---->要认识HTML页面---->要了解HTML页面的层级关系--->学会用程序的视角去找到他们
HTML中的常用标签说明：
<html> 声明 这是一个HTML文档
<head> HTML标签的头部
<body> 身体包含了N多组标签对
<a> 超链接 如果a标签后面跟着 href="任何链接" 说明<a>一定是链接
<p> 段落
<img> 图像
<input> 输入 文本框
<form> 表单（结构 包含input 包含一个button）
<title> 窗口的标题
<iframe> 框架 HTML中的框架
<div> 无名式 代表的是块级元素 div是一个容器 可以包含任意标签
<span> 无名式 代表的是块级元素 span是一个文本容器 可以包含任意标签
什么是元素？
HTML中的开始标签和结束标签之间的所有代码都是元素，元素有属性和属性值。
demo:
<input id="kw" name="wd" class="s_ipt" value="" maxlength="100" autocomplete="off">
如上所述 id 是该元素中的一个属性 它的属性值是 kw 依此类推
检查属性值的唯一性： f12 -->ctrl + f -->拷贝属性对应的属性值--复制到HTML中的文本框-->enter键查看该属性值是否在整个页面中是否唯一，如果唯一就可以使用该元素去定位。
五、Webdriver API 学习
什么是webdriver API?
他是一套操作浏览器的规范。可以理解为一套N多个函数来实现操作浏览器的方法的集合。比如：元素定位/操作浏览器 /最大化窗口/设置等待/多窗口切换/切换框架/操作警告框等
元素的八大定位精讲
id
name
class_name
link_text
partial_link_text
tag_name
xpath
css_selector
以上8种元素定位在Python语言中对应的写法如下：
.find_element_by_id('id的属性值') #必须掌握
.find_element_by_name('name的属性值') #必须掌握
.find_element_by_class_name('class的属性值') #必须掌握
.find_element_by_link_text('文本链接') #必须掌握
.find_element_by_partial_link_text('部分文本链接') #了解
.find_element_by_ tag_name('标签名') #了解
.find_element_by_xpath('很多') #超级重点
.find_element_by_css_selector('很多') #超级重点
.click() 点击事件
.send_keys() 向文本框输入内容
1.使用id定位百度文本框
driver.find_element_by_id('kw').send_keys('demo')
2.使用name定位百度文本框
driver.find_element_by_name('kw').send_keys('demo')
3.使用class定位百度文本框
driver.find_element_by_class_name('s_ipt').send_keys('demo')
4.使用link_text定位百度首页新闻链接
driver.find_element_by_link_text(u'新闻').click()
5.partial_link_text部分文本定位新闻链接
driver.find_element_by_partial_link_text(u'闻').click()
6.使用tag定位百度文本框（不建议使用该方法 因为实际项目中标签名重复的概率非常大 不能代表要定位的元素的唯一性）
driver.find_element_by_tag_name('input').send_keys('demo')
7.定位界的倚天剑 --------xpath 定位
定位的优缺点：
优点： 定位语法丰富 当元素没有属性时可以通过xpah的路径定位
缺点：1.抗变性弱 2.不稳定 3.查找速度慢（相对于CSS定位）
xpath 的层级关系表示方法： /
a.绝对路径定位（不稳定，从根一级级往里找）
driver.find_element_by_xpath('html/body/div[1]/div[1]/div/div[1]/div/form/span[1]/input').send_keys('demo')
b.相对路径定位（层级和属性结合定位，经常用）
driver.find_element_by_xpath("//input[@id='kw']").send_keys('demo')
c.父类属性和层级关系定位(很强大，很实用)
driver.find_element_by_xpath("//span[@class='bg s_ipt_wr quickdelete-wrap']/input").send_keys('demo')
d.爷爷类属性和层级关系定位（一定能定位）
driver.find_element_by_xpath("//form[@id='form']/span/input").send_keys('demo')
e.使用逻辑运算符定位 and
driver.find_element_by_xpath("//input[@name='wd' and @autocomplete='off']").send_keys('demo')
8.定位界的屠龙刀---CSS定位
CSS是层叠样式表，用于美化web页面的一种技术，我们主要使用CSS中的选择器作为我们元素定位的一种策略。
CSS定位优缺点：
优点：1.语法简洁 2.定位速度快 3.抗变性强
缺点：暂时没发现
CSS的层级关系表示方法： >
CSS简写说明：
id -----------------> #
class ------------------> .
8.1CSS使用id class定位百度文本框
driver.find_element_by_css_selector("#kw").send_keys('demo')
driver.find_element_by_css_selector(".s_ipt").send_keys('demo')
8.2CSS使用属性定位（很常用）
driver.find_element_by_css_selector("input[id='kw']").send_keys('demo')
8.3CSS的父类属性和层级定位方法（和xpath区分开 用的也比较多）
driver.find_element_by_css_selector("span#s_ipt_wr>input.s_ipt").send_keys('demo')
8.4CSS的爷爷属性和层级定位方式
driver.find_element_by_css_selector("form#form>span>input").send_keys('demo')
登录sina邮箱发邮件实战：
1.手动注册一个新浪邮箱http://mail.sina.com.cn/
2.模拟用户输入账号和密码
3.模拟用户点击登录按钮
4.输出 Login is ok---------->
5.点击写信----->收件人----->主题----->写入内容（收件人为同桌的邮箱账号）
（定位过程中多使用css定位，少用xpath）
元素定位注意事项：
定位前先思考：
a.有id属性优先使用id定位。没有id的尽量使用css、xpath定位。
b.Xpath/CSS/定位的灵活运用
c.对HMTL各类标签代表的含义补充学习
d.一个定位方式行不通，可以多尝试其他的定位方式（不要一个树上吊死）
e.元素的属性值如果数字、动态变化的，你应该放弃使用该属性
脚本中检查：
1.脚本的上下文是否引入sleep 增强脚本稳定性
2.元素的属性值是否唯一
3.元素的属性值是否真实可见 is_displayed()
4.元素是否在iframe框架中？
5.元素定位方式需要改变
6.元素是否真正定位到是真正的元素
7.网络环境是否良好
8.Web页面操作前后页面关联是否是否检查过？思考过？
9.定位元素的代码是否是正常的 比如代码敲错了 或者是否引入了相关的模块 没加相关的声明 #coding=utf-8？
10.认真检查控制台的报错信息 代码报错行数
六、Webdriver api 继续
1.控制浏览器
.maximize_window() 最大化浏览器窗口
.set_window_size(a,b) a、b代表的浏览器的长宽
.forword() 前进操作
.back() 后退操作
.refresh() 模拟F5刷新
代码示例：
from time import sleep
from selenium import webdriver
driver = webdriver.Chrome() #调用谷歌浏览器驱动
driver.get("https://www.baidu.com") #访问百度站点
sleep(3)
driver.maximize_window() #最大化窗口
sleep(4)
driver.find_element_by_link_text(u'新闻').click()
sleep(3)
driver.back() #返回百度首页
print driver.current_url #获取url
sleep(3)
driver.forward() #前进新闻页面
print driver.current_url #获取url
sleep(5)
driver.refresh() #模拟浏览器刷新
sleep(5)
driver.set_window_size(900,900) #设置浏览器长和宽
sleep(3)
driver.quit() #关闭浏览器
2.webdriver 常用操作方法
.click() 点击事件
.send_keys() 向文本框输入内容
.quit() 关闭所有浏览器窗口
.close() 只关闭当前窗口
.clear() 清空
3.webdriver常用接口方法
.text 获取元素对应文本
.is_displayed() 检查元素是否用户可见
实例：
demo = driver.find_element_by_id('kw').size #文本框的尺寸
print demo
demo = driver.find_element_by_id('cp').text #打印元素对应的文本
print demo
demo = driver.find_element_by_id('kw').is_displayed() #检查元素是否用户可见
print demo
4.获取验证信息
webdriver提供了三种验证信息的方法，也叫断言。根据测试用例中的描述的规程一步一步的执行测试用例，在最后会将测用例的实际结果很预期结果进行比较，这种方式在自动化测试中叫：断言。
.url (由句柄提供)
.text (由元素定位提供)
.title (由句柄提供)
#text 获取元素对应的文本进行断言
text = driver.find_element_by_css_selector('span[class="nick"]').text
if text == 'luruifengx@sohu.com':
print 'login is ok--------------->'
else:
print 'login is error---------------->'
#title 窗口标题
title = driver.title
if title == u'我的通行证':
print 'login is ok--------------->'
else:
print 'login is error---------------->'
#url 通过url做断言
url = driver.current_url
if url == u'https://passport.sohu.com/mypassport/index':
print 'login is ok--------------->'
else:
print 'login is error---------------->'
5.设置元素等待
sleep(S) Python的time模块提供的方法 强制等待
.implicitly_wait(S) 是webdriver提供的隐式等待 （比较温柔，这个用法和网络传输速度有关系，比较智能一些对比强制等待
原理是：在规定时间内比如设置60S,那么假如在运行第10S元素访问到了则会继续往下执行脚本，否则将以轮询的方式不断的去判断元素是否被加载出来）
6.上传文件
webdriver中的send_keys()支持上传文件
该操作只能针对的是标签 input 标签 使用方法：send_keys('上传本地文件的路径')
driver.find_element_by_name("file").send_keys("上传本地文件所在路径")
7.JS操作浏览器滚动条
调用js代码实现
excute_script("window.scrollTo(0,2500);") 从最顶端拉到最下面（实际项目中最常用）2500为一般参考值，具体要看需求，有的可能1000就到滚动条的底部
driver = webdriver.Chrome()
driver.get("https://www.baidu.com")
driver.find_element_by_id("kw").send_keys("python")
driver.set_window_size(800,600)
driver.find_element_by_id("su").click()
time.sleep(5)
driver.execute_script("window.scrollTo(0,2500);") #上---->下
time.sleep(5)
driver.execute_script("window.scrollTo(2500,0);") #下---->上
driver.execute_script("window.scrollTo(900,900);") #从上网下 从左往右 同时拖动
8.多窗口切换
句柄.switch_to.window(句柄.window_handles[1]) #跳转到第二个窗口
switch_to.window 切换窗口
window_handles[1] [1] 代表的是切换到第二个窗口
window_handles[2] [2] 代表的是切换到第三个窗口
9.下拉框处理
有三种定位策略
1. 引入一个Select类 (下拉框的实现必须是select标签才可以使用1方法)
from selenium.webdriver.support.select import Select 引入select类
Select(demo).select_by_index(2) #通过索引
Select(demo).select_by_value('2') #通过value值
Select(demo).select_by_visible_text(u'审核不通过') #通过文本描述
time.sleep(5)
2.链式定位
第一步：先定位下拉框大标签，将定位的结果赋值给一个变量demo
第二步：拿着第一步中赋值好的demo,直接操作下拉框里面的选项
demo = driver.find_element_by_name('status')
demo.find_element_by_css_selector("option[value='1']").click()
3.一步到位法
driver.find_element_by_name('status').find_element_by_css_selector("option[value='1']").click()
driver.find_element_by_name('status') #定位下拉框
find_element_by_css_selector("option[value='1']").click() 选择里面的选项
10.警告框的处理
有三种表现形式：
1.alert 只有一个确定按钮
2.confirm 有一个确定按钮和一个取消按钮
3.prompt() 有一个确定按钮和一个取消按钮，还有一个文本框
以上三种统一的定位方式如下：
句柄.switch_to.alert.accept( ) 接收弹窗
句柄.switch_to.alert.dismiss( ) 拒绝弹窗
11.多框架iframe处理
有两种形式： 1.平行框架 2.嵌套框架
1.iframe标签本身有id/name的情况
句柄.switch_to.frame('id或者name的属性值') 然后继续操作下面的步骤即可。
2.iframe标签本身有id/name的情况
a.先使用Xpath定位到iframe标签,将结果赋值给一个变量demo
b.使用a中定义好的变量执行下面的语句 句柄.switch_to.frame(demo)
demo=driver.find_element_by_xpath('//*[@id="f1"]') #先定位大框架 （demo为变量名字）
driver.switch_to.frame(demo)
demo=driver.find_element_by_xpath('//*[@id="f2"]') #再定位小框架
driver.switch_to.frame(demo)
3.框架有进入就要有退出（除嵌套框架以外）----针对是平行框架
句柄.switch_to.default_content()
七、面向对象编程（三大特点：继承/多态/封装）
1.类定义：类是一个具有相同属性或者方法的集合。
2.类的写法:
a.定义类的关键字：class
b.类的关键字后面跟的是类的名字，类的首字母一般是 大写 class Student():
pass #如果这个类什么都不做 使用pass表示
c.类下面的def （函数）我们叫类方法，不叫函数。类方法中的第一个参数是self，self代表的是类本身自己属性。
self一定要写在类方法中的第一个位置，在进行传参的时候，我们可以不对self传参。
d.访问类下面的属性时通过创建化对象进行访问，如果在创建类的时候，给类强制性的绑定一些属性以后，这时访问类的时候
需要进行对应的传参。
#代码示例
class Stundent():
pass
bart = Stundent() #创建一个实例对象
print bart #查看创建实例对象所在计算机内存位置
bart.name = 'zhangshan'
print bart.name
3.类的初始化 __init__方法
#代码示例
class Student():
def __init__(self,name,age):
self.name = name
self.age = age
demo = Student('zhaoming',250)
a = demo.name
b = demo.age
print a,b
class Student():
def __init__(self,name,age):
self.name = name
self.age = age
def print_message(self):
print 'hello,{} my age is {}'.format(self.name,self.age)
demo = Student('zhaoming',250)
demo.print_message()
4.类的继承
class Animals():
def running(self):
print "Animals is running---------------->"
class Dog(Animals):
pass
real_demo = Dog()
print real_demo
real_demo.running() #访问animals下面的running方法
class Animals():
def running(self):
print "Animals is running---------------->"
class Dog(Animals):
def singsing(self):
print 'dog is singsing+++++++++++++++>'
if __name__ == "__main__":
real_demo = Dog()
real_demo.running() #访问animals下面的running方法
real_demo.singsing()
5.学生成绩封装 （函数对比类实现） 函数式编程 面向整个过程 注重的功能的实现
std1 = {'name':'zhangshan','score':150}
std2 = {'name':'lukuncai','score':100}
def print_score(std):
print "student:{},score:{}".format(std['name'],std['score'])
print_score(std1)
print_score(std2)
面向对象编程把学生看做一个类，学生有name score属性 print_score功能
class Student(object):
def __init__(self,name,score):
self.name = name
self.score = score
def print_score(self):
print "student:{},score:{}".format(self.name,self.score)
if __name__=='__main__':
demo1 = Student('zhangshan',150)
demo2 = Student('lukuncai',100)
print demo1,demo2
demo1.print_score()
八、unittest单元测试框架
每一种开发语言都有自己的原生的单元测试框架。
（pyunit）unittest --------> Python语言内部的一个单元测试框架
pytest --------> Python语言内部的单元测试框架
TestNg、Junit --------------->Java语言的原生框架
1.unittest单元测试框架好处
a.提供用例的组织和管理
b.提供丰富的断言方法
assertIn(a,b)
assertEqual(a,b)
assertTrue(a)
assertIs(a,b)
..............
c.提供丰富的日志（执行的测试用例数量，通过数有多少，失败数量有多少，环境信息）
2.unittest单元测试框架组成
import unittest #导包unittest
class Leiming(unittest.TestCase):
#定义一个测试类 类名Leiming 继承unittest.TestCase
def test_Add(self): #test method names begin 'test*'
#测试用例的开头必须以test test后面跟什么不需要关注
self.assertEqual(3, 3)
#assertEqual(a,b) 断言的函数 由TestCase提供，表示a是否等于b
def test_Multiply(self):
self.assertEqual(10, 0)
if __name__ == '__main__':#作用是用来运行整个模块的主函数
unittest.main()
#.main方法是unittest下面提供的方法 用来运行整个测试用例中以test开头的测试用例
3.自动化测试用例执行顺序
0-9数字优先----->其次A-Z大写字母------>最后a-z小写字母
import unittest
class Test(unittest.TestCase):
def test123Add(self):
print '第一次打印------------->'
def test123Aub(self):
print '第一次打印+++++++++++++>'
def test123(self):
print '第一次打印%%%%%%%%%%%%%%'
if __name__=="__main__":
unittest.main()
4.前置条件和后置条件
前置：setUp()
后置：tearDown( )
前置指的是：比如打开浏览器、最大化窗口、休眠等一系列动作，都可以看做是前置。
后置指的是：执行完测试用例，数据还原，浏览器的关闭等操作。
前置和后置属于非必要条件，如果在前置条件和后置条件什么都不做，用pass 表示。但是一般写自动化测试脚本必须要有前置和后置。结构清晰、组织代码正常运行。
import unittest
class Test(unittest.TestCase):
def setUp(self):
print '111111111111111111111111111111'
def test123Add(self):
print '第一次打印------------->'
def test123Aub(self):
print '第一次打印+++++++++++++>'
def test123(self):
print '第一次打印%%%%%%%%%%%%%%'
def tearDown(self):
print '00000000000000000000000000000000'
if __name__=="__main__":
unittest.main()
运行看效果。
5.unittest单元测试框架之--断言
什么是断言？
在编写用例的过程中，不管用例的执行过程是怎样的，最初都会有一个预期结果，用例的执行就是通过执行用例的步骤，验证实际的结果是否与预期结果相等。unittest 框架的 TestCase 类提供一些方法用检查比较和报告失败。
assertEqual(a,b) ----------判断a是否等于b
assertNotEqual(a,b) --------判断a是否不等于b
assertIn(a,b) -------- 判断a是否在b中
assertNotIn(a,b) --------判断a是否不在b中
assertTrue(x) --------判断x是否为真
assertFalse(x) --------判断x是否为假
assertIs(a,b) -------- 判断a是否是b
6.整合百度/有道测试用例到uniitest单元测试框架
import unittest,time
from selenium import webdriver
class Test_baidu_search(unittest.TestCase):
def setUp(self):
self.driver = webdriver.Chrome()
self.base_url = 'https://www.baidu.com'
self.driver.implicitly_wait(30)
self.driver.maximize_window()
def test_baidu(self):
'''百度搜索测试用例'''
driver = self.driver
driver.get(self.base_url)
driver.find_element_by_css_selector('#kw').send_keys('demo')
driver.find_element_by_css_selector('#su').click()
time.sleep(3)
title = driver.title
self.assertEqual(title,u'demo_百度搜索')
def test_youdao(self):
'''有道搜索测试用例'''
driver = self.driver
driver.get('http://www.youdao.com/')
driver.find_element_by_name("q").clear()
driver.find_element_by_name("q").send_keys("webdriver")
driver.find_element_by_xpath("//*[@id='form']/button").click()
time.sleep(2)
driver.find_element_by_xpath("html/body/div[7]/i/a[1]").click()
text01 = driver.find_element_by_css_selector("span[class='keyword']").text
self.assertEqual(text01,'webdriver')
def tearDown(self):
self.driver.quit()
if __name__ == '__main__':
unittest.main()
7.引包机制
- 同级引包
- 跨目录引包
pub.py下面的代码：
def add(a,b):
return a+b
def sub(a,b):
return a-b
from Change_Directory.count import add,sub
print add(1,2)
print sub(1,2)
将喜欢的一切留在身边，这便是努力的意义。
