zoukankan      html  css  js  c++  java
  • 一步到位带你入门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+r  替换单个或者替换多个 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-810.认真检查控制台的报错信息 代码报错行数

    六、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)

  • 相关阅读:
    Java输入/输出
    JSP第二天 JavaBean加强
    JSP 第一天学习
    java集合
    Github配置SSH Keys
    Android Fragment学习笔记
    Android开源资源整理
    centos终端显示字母重叠
    好用的log查看工具log2console
    .NET 日期转换
  • 原文地址:https://www.cnblogs.com/fighter007/p/8359587.html
Copyright © 2011-2022 走看看