web端自动化基础篇Web自动化测试进阶

一、认识web自动化测试

什么是自动化测试?
了解为什么要进行自动化测试?
掌握自动化测试的分类?
web自动化测试的使用条件和场景
自动化测试工具的优缺点
自动化测试的前景和发展方向

1.1 什么是自动化测试

首先比较一下手动和自动：
手动操作如下：

image

自动操作如下：
http://n1.itc.cn/img8/wb/sohulife/2016/02/24/145626026613873378.GIF

1.1.1 自动化测试的概念

软件自动化测试就是通过测试工具或者其他手段，按照测试人员的预定计划对软件产品进行自动化测试，他是软件测试的一个重要组成部分，能够完成许多手工测试无法完成或者难以实现的测试工作，正确合理的实施自动化测试，能够快速，全面的对软件进行测试，从而提高软件质量，节省经费，缩短软件的发布周期。

1.1.2 自动化测试的历史

自动化测试就是任何利用工具来辅助的测试，几乎在计算机工业产生的第一天，这种测试就出现了。
历史上从来没有出现过“测试自动化取代测试工程师工作”这种事情发生，除非你完全忽略测试人员们的真正工作。
测试自动化意味着使用测试工具。自动化测试是个古老的理念。

1.2 为什么要进行自动化测试

1.2.1 自动化测试的好处

缩短测试周期
计算机行业更新迭代快速，大量频繁的回归测试消耗时间，自动化测试能够将重复的实行交给计算机去做，加快测试速度。
避免人为出错
测试人员不可能持续高度集中，并且人类易受外界影响(头疼脑热，精神不振)，可能会造成人为错误
测试信息存储
自动化测试将测试信息和数据储存在文件中，思路清晰明确，交接方便
轻易获取覆盖率
自动化测试能够解放测试人员，使测试人员能够有更多的精力做那些非重复性的工作。
其他
自动化测试可以是实现自动或者定时执行
注意：自动化测试的方向是对的，而且趋势也是如此，但是有些自动化实现不了的还是会手动测试的。

1.3 自动化测试的分类

整体分类
1)自动化功能测试
2)自动化性能测试
自动化功能测试的分类:

1)单元测试：程序员搞定
2)功能测试
3)接口测试：大中型项目或长期项目可以采用自动化测试

性能测试主要是使用测试工具

Loadrunner、Jmeter等，对软件进行压力测试、负载测试等等，因为这些无法用手工进行代替，所以必须自动化。
为了测试一个web站点的服务能力，需要模拟上千上万的请求(比如打开浏览器访问站点)，人的速度是远远达不到这样的操作的

1.4 web自动化条件和使用范围

1.使用自动化的前提条件

1)手动测试已经完成,后期再不影响进度的前提下逐渐实现自动化
2)项目周期长，重复性的工作都交给机器去实现
3)需求稳定,项目变动不大
4)自动化测试脚本复杂度比较低
5)可重复利用

2.使用自动化测试的场景

1)频繁的回归测试
2)冒烟测试
3)传统行业需求变化不大，应用频繁
4)性能测试

1.5 web自动化常用的工具

常见的自动化web测试工具

QTP(收费)

QTP是Mercury公司的Quick Test Professional的简称，是一种自动测试工具。

Selenium(开源)

Selenium一个强大的基于浏览器的开源自动化测试工具，通常用来编写web应用的自动化测试

RFT(收费)

IBM Rational Test Professional的简称，是一款先进的自动化的功能和回归测试工具，使用与测试人员和GUI开发人员，基础是针对Java,.NET的对象计数和基于web应用程序的录制，回放功能。

1.6 元素的定位

为什么要学习定位元素?
环境及工具
css选择器
xpath路径表达式

1.6.1 为什么要学习元素定位？

1)计算机没有智能到人的程度。
2)计算机不能像手动测试人员一样通过眼看，手操作鼠标点击，操作键盘输入。
3)计算机通过一系列计数手段找到元素(按钮、输入框、模拟键盘等)

1.6.2 元素定位的工具或手段有哪些？

1)css选择器
2)xpath

1.6.3 环境及工具

材料

1)firefox35
2)firebug插件
3)firepath插件

安装步骤

参考浏览器安装文档

1.7 xpath

1.7.1 什么是xpath？

XPath即为XML路径语言，它是一种用来（标准通用标记语言的子集）在 HTML\XML 文档中查找信息的语言。
W3School官方文档：http://www.w3school.com.cn/xpath/index.asp

1.7.2 什么是XML?

XML 指可扩展标记语言（EXtensible Markup Language）
XML 是一种标记语言，很类似 HTML
XML 的设计宗旨是传输数据，而非显示数据

1.7.3 XML与HTML

image

1.7.4 节点

节点的概念：每个XML/HTML的标签我们都称之为节点

image

1.7.5 获取元素

XPath 使用路径表达式来选取 XML 文档中的节点或者节点集。这些路径表达式和我们在常规的电脑文件系统中看到的表达式非常相似。

image

/             根节点
//title      全局模糊定位title
//head/.  定位head元素
//haad/.. 定位head元素的父元素 
//meta[@conent]       
//meta[@conent=""]

查找某个特定的节点或者包含某个指定的值的节点

image

/html/head/meta[1]

选择未知节点

image
选取若干路径

image

image

1.8 css选择器

1.8.1 什么是css选择器？

CSS 中，选择器是一种模式，用于选择需要添加样式的元素。计算机能够通过css选择器定位到相应元素，我们在编写自动化测试脚本的时候很多时候是在不断地找到css选择器。

1.8.2 css选择器语法

1)通过伪类名、id、标签名定位

image

测试站点: http://www.baidu.com
2)通过元素之前嵌套关系

image

测试：Form span
3)通过属性

image

4)通过父子关系

image

Web自动化测试进阶

1. 什么是框架

框架（framework）是一个框子 -- 指其约束性，也是一个架子 -- 指其支撑性，是一个基本概念上的结构，用于去解决或者处理复杂的问题。

框架是整个或部分系统的可重用设计，表现为一组抽象构件及构件实例间交互的方法；另一种定义认为，框架是可被应用开发者定制的应用骨架。前者是从应用方面而后者是从目的方面给出的定义。

框架，其实就是某种应用的半成品，就是一组组件，供你选用完成你自己的系统。简单说就是使用别人搭好的舞台，你来做表演。

2. 为什么使用框架

1)自己从头实现太复杂
2)使用框架能够更专注于业务逻辑，加快开发速度
3)框架的使用能够处理更多细节问题
4)使用人数多，稳定性，扩展性好

3. selenium工作原理

image

4. selenium环境搭建

1）python3.7
2）Firefox35(大于43)
3）selenium2框架
稳定版 2.48.0 (pip install selenium==2.48.0)
4）浏览器驱动
下载谷歌驱动
selenium之 chromedriver与chrome版本映射表
Firefox浏览器对应各个版本驱动下载地址
firefox各个版本安装包的下载地址
注意：Firefox35(大于43)版本不需要下载驱动器，大于这个版本的需要，Chrome需要下载驱动器，下边分别演示。

5. selenium对浏览器操作

1）库的导入

from selenium import webdriver

2）创建浏览器对象
driver = webdriver.xxx()
使用dir(driver)查看方法

# 必须为大写
driver = webdriver.Firefox()
driver = webdriver.Chrome()

3）浏览器尺寸相关操作

maximize_window()     最大化
get_window_size()     获取浏览器尺寸，打印查看
set_window_size()     设置浏览器尺寸，400*400

4）浏览器位置相关操作

get_window_position()     获取浏览器位置
set_window_position(x,y)     设置浏览器位置

注意：显示器以左上角为(0,0),所有的位置操作都是相对于显示器左上角展开的位移操作，单位是像素。
5）浏览器的关闭操作

close()     关闭当前标签/窗口
quit()     关闭所有标签/窗口

6）页面请求操作

driver.get(url)    请求某个url对应的响应
refresh()     刷新页面操作
back()      回退到之前的页面
forward()     前进到之后的页面

案例

from selenium import webdriver
import time

# driver = webdriver.Chrome()#不可以找到，必须导入对应的驱动器
driver = webdriver.Firefox()
url1 = "http://www.baidu.com"
url2 = "https://zhuanlan.zhihu.com/"
# 请求第一个接口
driver.get(url1)
time.sleep(3)
# 刷新
driver.refresh()
driver.get(url2)
# 回退
driver.back()
time.sleep(3)
# 前进
driver.forward()
time.sleep(3)
driver.close()

6. selenium获取断言信息

6.1 什么是断言

断言是编程术语，表示为一些布尔表达式，程序员相信在程序中的某个特定点该表达式值为真，可以在任何时候启用和禁用断言验证，因此可以在测试时启用断言而在部署时禁用断言。

6.2 获取断言信息的操作

current_url 获取当前访问页面url
title 获取当前浏览器标题
page_source 获取网页源码

print(driver.current_url)
print(driver.title)
print(driver.page_source)

get_screenshot_as_png() 保存图片

data = driver.get_screenshot_as_png()
with open("a.png", "wb") as f:
    f.write(data)

image

get_screenshot_as_file(file) 直接保存

driver.get_screenshot_as_file("b.png")

7. selenium八大元素定位

from selenium import webdriver
driver = webdriver.Firefox()

# url = "http://www.baidu.com"
# driver.get(url)

# 第一种
# ele = driver.find_element_by_id("kw")
# ele.send_keys(12306)   # 输入数据

# from selenium.webdriver.common.by import By
# ele = driver.find_element(By.ID,"kw")
# ele.send_keys(12306)   # 输入数据

# 第二种
# ele = driver.find_element_by_name("wd")
# ele.send_keys(12306)   # 输入数据

# 第三种
# ele = driver.find_element_by_class_name("s_ipt")
# ele.send_keys(12306)   # 输入数据

# 第四种
# ele = driver.find_element_by_xpath("//*[@id='kw']")
# ele.send_keys(12306)   # 输入数据

# 第五种
# ele = driver.find_element_by_css_selector("#kw")
# ele.send_keys(12306)   # 输入数据

# 第六种
# ele = driver.find_element_by_link_text("地图")
# ele.click()   # 输入数据

# 第七种：类似于模糊匹配
# ele = driver.find_element_by_partial_link_text("地")
# ele.click()

# 第八种：标签名定位，必须得保证只有一个这种名字的标签，使用下面这个搜索
# url = "http://cn.bing.com/"
# driver.get(url)
# ele = driver.find_element_by_tag_name("input")
# ele.send_keys(12306)   # 输入数据

8. 元素的操作

对元素的相关操作，一般要先获取到元素，再调用相关方法
element = driver.find_element_by_xxx(value)
1）点击和输入
点击操作---------->element.click()
清空/输入操作：
element.clear()---------------------->清空输入框
element.send_keys(data)-------->输入数据

案例

1.打开百度搜索        
2.搜索关键字 selenium        
3.清空            
4.搜索python

2）提交操作
element.submit()

9. 多标签之间的切换

场景：有的时候点击一个链接，新页面并非由当前页面跳转过去，而是新开一个页面打开，这种情况下，计算机需要识别多标签或窗口的情况。
1）获取所以窗口的句柄
handles = driver.window_handlers
调用该方法会得到一个列表，在selenium运行过程中的每一个窗口都有一个对应的值存放在里面。
2）通过窗口的句柄进入的窗口
driver.switch_to_window(handles[n])
driver.switch_to.window(handles[n])
通过窗口句柄激活进入某一窗口

案例：58同城租房信息:http://bj.58.com

driver.get("http://bj.58.com")
ele = driver.find_element_by_xpath(".//*[@id='fcNav']/em/a[1]")
ele.click()
# 直接报错，原因是需要句柄
eleDaxing = driver.find_element_by_link_text("大兴")
eleDaxing.click()

# 使用句柄
driver.get("http://bj.58.com")
print("点击之前句柄：", driver.window_handles)
ele = driver.find_element_by_xpath(".//*[@id='fcNav']/em/a[1]")
ele.click()
list_windowns = driver.window_handles
print("点击之后句柄：", driver.window_handles)
driver.switch_to.window(list_windowns[1])
eleDaxing = driver.find_element_by_link_text("大兴")
eleDaxing.click()

10. 多表单切换

在网页中，表单嵌套是很常见的情况，尤其是在登录的场景

10.1 什么是多表单

实际上就是使用iframe/frame，引用了其他页面的链接，真正的页面数据并没有出现在当前源码中，但是在浏览器中我们看到，简单理解可以使页面中开了一个窗口显示另一个页面

10.2 处理方法

直接使用id值切换进表单
driver.switch_to.frame(value)/driver.switch_to_frame(value)
定位到表单元素，再切换进入
el = driver.find_element_by_xxx(value)
driver.switch_to.frame(el)/driver.switch_to_frame(el)

案例：QQ空间:https://qzone.qq.com/

from selenium import  webdriver
#打开游览器
driver = webdriver.Firefox()
#登录QQ
url = "https://qzone.qq.com/"
driver.get(url)
#获取元素
#定位表单元素
ele_bd = driver.find_element_by_id("login_frame")
driver.switch_to.frame(ele_bd)
ele = driver.find_element_by_xpath(".//*[@id='switcher_plogin']")
ele.click()
#输入账号
ele2 = driver.find_element_by_id("u")
ele2.send_keys()
#输入密码
ele3 = driver.find_element_by_id("p")
ele3.send_keys("")

ele4 = driver.find_element_by_id("login_button")
ele4.click()

11. 弹出框操作

进入到弹出框中
driver.switch_to.alert
接收警告
accept()
解散警告
dismiss()
发送文本到警告框
send_keys(data)
用法：driver.switch_to.alert.accept()

案例：

from selenium import  webdriver
driver = webdriver.Firefox()
driver.get("http://www.baidu.com")
ele_setting = driver.find_element_by_id("s-usersetting-top")
ele_setting.click()
ele_gaoji = driver.find_element_by_class_name("setpref")
ele_gaoji.click()
ele_save = driver.find_element_by_class_name("prefpanelgo")
ele_save.click()
driver.switch_to.alert.accept()

12.下拉框

from selenium import  webdriver
import time
driver = webdriver.Firefox()
driver.get("http://www.baidu.com")
ele = driver.find_element_by_id("s-usersetting-top")
ele.click()
ele1 = driver.find_element_by_xpath(".//*[@id='s-user-setting-menu']/div/a[2]")
ele1.click()
time.sleep(2)
ele2 = driver.find_element_by_xpath(".//*[@id='yadv-setting-gpc']/div/div[1]/i[1]")
ele2.click()
list_ele = driver.find_elements_by_class_name("c-select-item")
print(list_ele)
list_ele[2].click()
# for list_i in list_ele:
#     print(list_i.text)
#     if list_i.text =="最近一周":
#         list_i.click()

13. 鼠标和键盘操作

手动测试时键盘的操作在selenium页有实现，关于鼠标的操作由ActionChains()类来提供，关于键盘的操作由Key()类来提供
1)鼠标操作

导入动作链类，动作链可以储存鼠标的动作，并一起执行

from selenium.webdriver import ActionChains
ActionChains(driver)

鼠标右击

el = driver.find_element_by_xxx(value)
context_click(el)

对el执行右击

执行ActionChains中储存的所有动作

perform()

常用鼠标动作：

ActionChains(driver).context_click(ele).perform()        点击鼠标右键      
ActionChains(driver). double_click(ele).perform()        点击鼠标左键
ActionChains(driver).move_to_element(el).perform() 鼠标悬停

案例

from selenium.webdriver import ActionChains
from selenium import webdriver
import time

driver = webdriver.Firefox()
driver.get("http://www.baidu.com")
ele = driver.find_element_by_xpath(".//*[@id='s-top-left']/div/a")
# ele.click()
ActionChains(driver).double_click(ele).perform()

2)键盘操作
键盘操作使用的是Keys类,一般配合send_keys使用

导入

from selenium.webdriver.common.keys import Keys

常用键盘操作

send_keys(Keys.BACK_SPACE)    删除键（BackSpace）
send_keys(Keys.SPACE)         空格键(Space)
send_keys(Keys.TAB)           制表键(Tab)
send_keys(Keys.ESCAPE)        回退键（Esc）
send_keys(Keys.ENTER)         回车键（Enter）
send_keys(Keys.CONTROL,‘a’)   全选（Ctrl+A）
send_keys(Keys.CONTROL,‘a’)   全选（Ctrl+A）
send_keys(Keys.CONTROL,‘x’)   剪切（Ctrl+X）
send_keys(Keys.CONTROL,‘v’)   粘贴（Ctrl+V）
send_keys(Keys.F1)            键盘 F1
send_keys(Keys.F12)           键盘 F12

14. 浏览器等待

1) 为什么要进行等待？
1.网速慢
2.网站内容过多
3.如果不进行等待而直接定位元素，可能会抛出异常
2) selenium中等待的分类：

显示等待
显示等待是根据条件进行等待，等待条件出现
实现:

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
WebDriverWait(driver, timeout, poll_frequency=0.5, ignored_exceptions=None)

WebDriverWait类是由WebDirver 提供的等待方法。在设置时间内，默认每隔一段时间检测一次当前页面元素是否存在，如果超过设置时间检测不到则抛出异常。

案例

WebDriverWait(driver,10,0.5).until(EC.presence_of_element_located(
(By.CLASS_NAME,"g-hu")))

思考：显示等待与time的区别？

隐式等待
隐式等待是根据是件进行等待,等待特定时间
```
driver.implicitly_wait(n)
```
n的单位为秒,n为最大值，在这个最大值内只要该界面上的全部元素都加载完成定就结束没有加载出元素就抛出 NosuchException.
注意：优先隐式等待，次之显式等待，最次固定等待

15. 练习

使用游览器登录http://www.baidu.com
搜索淘宝官网
登录用户名和密码
搜索商品(手机，电脑，，，，),给定约束条件(价格,包邮,发货地址。。。)
将商品添加到购物车
在购物中游览该商品
根据自己的喜好进行下面的操作

16. 2.IDE功能简介

image

文件：创建、打开和保存测试案例和测试案例集。编辑：复制、粘贴、删除、撤销和选择测试案例中的所有命令。Options : 用于设置seleniunm IDE。
用来填写被测网站的地址。
速度控制：控制案例的运行速度。
运行所有：运行一个测试案例集中的所有案例。
运行：运行当前选定的测试案例。
暂停/恢复：暂停和恢复测试案例执行。
单步：可以运行一个案例中的一行命令。
录制：点击之后，开始记录你对浏览器的操作。
案例集列表。
测试脚本；table标签：用表格形式展现命令及参数。source标签：用原始方式展现，默认是HTML语言格式，也可以用其他语言展示。
查看脚本运行通过/失败的个数。
当选中前命令对应参数。
日志/参考/UI元素/Rollup

# -*- coding: utf-8 -*-
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.support.ui import Select
from selenium.common.exceptions import NoSuchElementException
from selenium.common.exceptions import NoAlertPresentException
import unittest, time, re

class Qq(unittest.TestCase):
    def setUp(self):
        self.driver = webdriver.Firefox()
        self.driver.implicitly_wait(30)
        self.base_url = "https://qzone.qq.com/"
        self.verificationErrors = []
        self.accept_next_alert = True

    def test_qq(self):
        driver = self.driver
        driver.get(self.base_url + "/")
        # ERROR: Caught exception [ERROR: Unsupported command [selectFrame | login_frame;login_href=https%3A%2F%2Fxui.ptlogin2.qq.com%2Fcgi-bin%2Fxlogin%3Fproxy_url%3Dhttps%253A%2F%2Fqzs.qq.com%2Fqzone%2Fv6%2Fportal%2Fproxy.html%26daid%3D5%26%26hide_title_bar%3D1%26low_login%3D0%26qlogin_auto_login%3D1%26no_verifyimg%3D1%26link_target%3Dblank%26appid%3D549000912%26style%3D22%26target%3Dself%26s_url%3Dhttps%253A%252F%252Fqzs.qq.com%252Fqzone%252Fv5%252Floginsucc.html%253Fpara%253Dizone%26pt_qr_app%3D%25E6%2589%258B%25E6%259C%25BAQQ%25E7%25A9%25BA%25E9%2597%25B4%26pt_qr_link%3Dhttps%253A%2F%2Fz.qzone.com%2Fdownload.html%26self_regurl%3Dhttps%253A%2F%2Fqzs.qq.com%2Fqzone%2Fv6%2Freg%2Findex.html%26pt_qr_help_link%3Dhttps%253A%2F%2Fz.qzone.com%2Fdownload.html%26pt_no_auth%3D0 | ]]
        driver.switch_to.frame(driver.find_element_by_id("login_frame"))
        driver.find_element_by_id("switcher_plogin").click()
        # driver.find_element_by_id("uin_del").click()
        driver.find_element_by_id("u").clear()
        driver.find_element_by_id("u").send_keys("3084761668")
        driver.find_element_by_id("p").clear()
        driver.find_element_by_id("p").send_keys("dafei123457")
        driver.find_element_by_id("login_button").click()
        # ERROR: Caught exception [ERROR: Unsupported command [selectWindow | null | ]]
        # driver.find_element_by_id("tcaptcha_drag_thumb").click()

        # self.assertEqual(driver.title,"QQ空间")
        self.assertIn("QQ11空间",driver.title)
    def is_element_present(self, how, what):
        try: self.driver.find_element(by=how, value=what)
        except NoSuchElementException as e: return False
        return True

    def is_alert_present(self):
        try: self.driver.switch_to_alert()
        except NoAlertPresentException as e: return False
        return True

    def close_alert_and_get_its_text(self):
        try:
            alert = self.driver.switch_to_alert()
            alert_text = alert.text
            if self.accept_next_alert:
                alert.accept()
            else:
                alert.dismiss()
            return alert_text
        finally: self.accept_next_alert = True

    def tearDown(self):
        self.driver.quit()
        self.assertEqual([], self.verificationErrors)

if __name__ == "__main__":
    unittest.main()

web端自动化基础篇Web自动化测试进阶

一、认识web自动化测试

1.1 什么是自动化测试

1.1.1 自动化测试的概念

1.1.2 自动化测试的历史

1.2 为什么要进行自动化测试

1.2.1 自动化测试的好处

1.3 自动化测试的分类

1.4 web自动化条件和使用范围

1.使用自动化的前提条件

2.使用自动化测试的场景

1.5 web自动化常用的工具

QTP(收费)

Selenium(开源)

RFT(收费)

1.6 元素的定位

1.6.1 为什么要学习元素定位？

1.6.2 元素定位的工具或手段有哪些？

1.6.3 环境及工具

1.7 xpath

1.7.1 什么是xpath？

1.7.2 什么是XML?

1.7.3 XML与HTML

1.7.4 节点

1.7.5 获取元素

1.8 css选择器

1.8.1 什么是css选择器？

1.8.2 css选择器语法

Web自动化测试进阶

1. 什么是框架

2. 为什么使用框架

3. selenium工作原理

4. selenium环境搭建

5. selenium对浏览器操作

6. selenium获取断言信息

6.1 什么是断言

6.2 获取断言信息的操作

7. selenium八大元素定位

8. 元素的操作

9. 多标签之间的切换

10. 多表单切换

10.1 什么是多表单

10.2 处理方法

11. 弹出框操作

12.下拉框

13. 鼠标和键盘操作

14. 浏览器等待

15. 练习

16. 2.IDE功能简介

你可能感兴趣的:(web端自动化基础篇Web自动化测试进阶)