test——自动化测试

目录

一概念

1自动化

2回归测试 

3自动化分类 

3.1接口自动化

3.2UI自动化

4自动化测试金字塔

5web自动化测试 

6工作原理

二函数

1元素定位

1.1cssSelector

​编辑1.2xpath

语法

2操作对象

2.1click()

2.2send_keys()

2.3clear() 

2.4text

2.5get_attribute()

2.6title

2.7current_url

3窗口

3.1current_window_handle

3.2window_handles

3.3switch_to.window(新页面)

3.4close()

3.5窗口大小设置

3.6save_screenshot(路径)

3.7弹窗

4等待

4.1强制等待

4.2隐式等待

 4.3显示等待

5浏览器 

5.1常见操作

5.2文件上传

5.3无头模式

5.4页面加载方式

三实战

1结构设计

2屏幕截图

3测试报告

3.1测试计划 

3.2Bug描述 

3.3遗留问题 

3.4测试结论

---

一概念

1自动化

        关于自动化的例子在生活中比比皆是：自动洒水机，自动洗手器

        软件中的自动化也是如此：让机器帮助我们进行自动化测试，提高效率

2回归测试 

        自动化测试主要使用的测试阶段是：回归测试：在软件即将推出新版本时，要对原来的旧版本的功能重新测试一遍，避免新旧版本发生冲突，也避免新版本上线旧版本不能使用；

自动化测试可以代替人工测试吗？

        自动化测试不一定比人工测试测试的更加有保障，自动化测试由测试人员手动编写，后续的更新维护需要测试人员进行；也就是说自动化测试就取决于测试人员的开发技术能力

3自动化分类 

3.1接口自动化

        接口指的是：前端(服务器)请求后端数据的接口，通常包括：请求头部，请求体；后端处理完后返回的请求响应内容，状态码... 接口包含的所有内容我们都需要进行测试

3.2UI自动化

        UI自动化有两种：web前端（浏览器打开的页面），客户端（软件打开的页面）：

        第一种需要编写脚本，让机器模拟人的行为自动打开浏览器，输入内容进行测试； 第二种要通过模拟器才能进行如上动作

4自动化测试金字塔

        一种是理想化的自动化测试：在单元测试中花费较少的时间的精力获得更高的回报；

        实际企业中的自动化测试：前期花费大量时间开发脚本，后期逐渐解放双手获取更大的收益

5web自动化测试 

        进行web自动化测试的前提是：要驱动机器打开浏览器；那什么是驱动呢？车子有了驱动才能让车跑起来；计算机与外设进行交互，就需要安装驱动程序才能实现

        搭建web自动化环境就需要安装：webdriver-manager 管理web驱动程序（避免浏览器升级后web驱动程序需要手动去下载新的web驱动程序的麻烦），还要下载selenium = 4.0.0 库让我们编写自动化脚本（前提先安装python和pycharm后，打开pycharm进行配置）

        以edge浏览器为例测试当前环境

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.edge.service import Service
from webdriver_manager.microsoft import EdgeChromiumDriverManager
# 1. 自动下载对应版本的驱动
driver = webdriver.Edge(service=Service(EdgeChromiumDriverManager().install()))
# 2. 访问百度
driver.get("https://www.baidu.com")
# 3. 找到输入框并输入“迪丽热巴” 
driver.find_element(By.CSS_SELECTOR, "#kw").send_keys("迪丽热巴")
# 4. 点击“百度一下”按钮
driver.find_element(By.CSS_SELECTOR, "#su").click()
# 5. 关闭浏览器
driver.quit()

        程序运行之后退出码为0就说明测试通过

6工作原理

二函数

1元素定位

• web自动化测试通过定位元素(搜索框)进行操作；
• 主要的元素有：id，classname，tagname，xpath，cssSelector

1.1cssSelector

• 主要通过ID选择器和子类选择器进行定位

上面的百度搜索框使用的是ID选择器

从百度下面热搜中的其中一条信息进行定位时选择的是子类选择器 进行元素定位时除了定位一个元素，还能定位多个元素：find_elements() 

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.edge.service import Service
from webdriver_manager.microsoft import EdgeChromiumDriverManagerdriver = webdriver.Edge(service=Service(EdgeChromiumDriverManager().install()))
driver.get("https://www.baidu.com")#列表的多个元素进行定位
ret = driver.find_elements(By.CSS_SELECTOR, "#hotsearch-content-wrapper")
for i in ret:print(i.text)
driver.quit()

1.2xpath

• 不仅可以在XML⽂件中查找信息，还可以在HTML中选取节点

语法

• //*      获取HTML所有节点
• //[指定节点]     获取HTML指定节点
• /       获取节点中的直接子节点
• ..      获取节点中的父节点
• [@...]    节点属性的匹配

 案例：

2操作对象

        前提：元素定位找到后才能进行操作对象

2.1click()

• 点击/提交对象

//找到百度按钮后进行点击(推荐)
driver.find_element(By.CSS_SELECTOR, "#su").click()
//分开写
else = driver.find_element(By.CSS_SELECTOR, "#su")
else.click()

2.2send_keys()

• 模拟键盘输入信息

//找到百度的搜索框输入迪丽热巴
driver.find_element(By.CSS_SELECTOR, "#kw").send_keys("迪丽热巴")

2.3clear() 

• 输⼊⽂本后⼜想换⼀个新的关键词，这⾥就需要⽤到它

driver.find_element(By.CSS_SELECTOR, "#kw").send_keys("蔡徐坤")
time.sleep(1)
driver.find_element(By.CSS_SELECTOR,"#kw").clear()
time.sleep(1)
driver.find_element(By.CSS_SELECTOR, "#kw").send_keys("小黑子")

2.4text

• 获取文本信息

tt = driver.find_element(By.XPATH,'//*[@id="hotsearch-content-wrapper"]/li[1]/a/span[2]').text
print(tt)

         那获取百度一下按钮的文本信息能不能做到呢？

tt = driver.find_element(By.XPATH,'//*[@id="su"]').text
print(tt)

        结果是什么都没打印： 

        为什么？因为百度一下是value属性，不是文本信息

2.5get_attribute()

• 获取指定的属性信息

        打印百度一下的文本信息需要用到它

tt = driver.find_element(By.XPATH,'//*[@id="su"]').get_attribute("value")
print(tt)

2.6title

• 获取当前页面的标题

2.7current_url

• 获取当前页面的路径

3窗口

        我们在百度页面打开百度图片后，打印百度图片的标题与url，与百度页面的标题与url

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.edge.service import Service
from webdriver_manager.microsoft import EdgeChromiumDriverManagerdriver = webdriver.Edge(service=Service(EdgeChromiumDriverManager().install()))
driver.get("https://www.baidu.com/")
te=driver.title
ul=driver.current_url
print("before " + te)
print("before " + ul)
driver.find_element(By.CSS_SELECTOR,"#s-top-left > a:nth-child(6)").click()
time.sleep(2)
te=driver.title
ul=driver.current_url
print("after " + te)
print("after " + ul)driver.quit()

        打印结果：

怎么是一样的？难道是我们的代码写错了吗？

        不是的！主要原因是：我们打开新的窗口时driver变量还是停留在之前的百度页面，我们要进行页面调整

3.1current_window_handle

• 获取当前页面的句柄（通过它来定位页面）

3.2window_handles

• 获取打开所有页面的句柄

3.3switch_to.window(新页面)

• 切换页面

        将三者结合起来进行页面切换：

#保存当前页面的handle
BeforeHandle=driver.current_window_handle
driver.find_element(By.CSS_SELECTOR,"#s-top-left > a:nth-child(6)").click()#获取所有页面的handle
AllHandle=driver.window_handles#发现页面更改要及时更新
for handle in AllHandle:if handle != BeforeHandle:driver.switch_to.window(handle)#再来进行获取
print("after " + driver.title)
print("after " + driver.current_url)driver.quit()

        输出结果： 

        但也可能存在着点击跳转后页面不修改的情况：要注意区分

3.4close()

• 关闭当前页面

        如果只有一个页面，关闭整个浏览器；如果有多个页面，它只会关闭当前所在的页面，不会影响其他窗口

3.5窗口大小设置

#窗⼝最⼤化
driver.maximize_window()
#窗⼝最⼩化
driver.minimize_window()
#窗⼝全屏
driver.fullscreen_window()
#⼿动设置窗⼝⼤⼩
driver.set_window_size(大小,高度)

3.6save_screenshot(路径)

• 进行屏幕截图，生成的图片保存到指定路径中

# 图片保存在当前路径
driver.save_screenshot("./test.png")

        当我们进行多次屏幕截图：生成的图片文件路径不唯一，新的会覆盖旧的图片；如果想要知道多次测试后的图片保存都保存下来，就要用时间生成文件路径

# AutoTest-年-月-日-时.分.秒.png
filename="AutoTest-"+datetime.datetime.now().strftime('%Y-%m-%d-%H.%M.%S')+'.png'
driver.save_screenshot('./'+filename)

3.7弹窗

弹窗类型共有三种：（弹窗不是页面的元素，无法进行定位）

alert = driver.switch_to.alert # 区分:driver.switch_to_alert
//确认
alert.accept()
//取消
alert.dismiss()

alert = driver.switchTo.alert
alert.send_keys("cxk")
alert.accept()
#alert.dismiss()

4等待

        通过百度搜索输入数据后打开页面时，想点击页面的任意元素（如图片时）：

driver = webdriver.Edge(service=Service(EdgeChromiumDriverManager().install()))
driver.get("https://www.baidu.com/")
driver.find_element(By.CSS_SELECTOR,"#kw").send_keys("cxk")
driver.find_element(By.CSS_SELECTOR,"#su").click()#time.sleep(2)driver.find_element(By.CSS_SELECTOR,"#s_tab_inner > a.s-tab-item.s-tab-item_1CwH-.s-tab-pic_p4Uej.s-tab-pic").click()driver.quit()

        代码报错：没有找到对应的元素 

        解决：添加等待时间（页面还没渲染出来，找不到对应元素）

4.1强制等待

• 强制等待设置的时间(这段时间进程阻塞)，时间过后才继续进行以下代码

time.sleep() #单位为秒

• 优点：使用简单，方便调试；
• 缺点：程序运行浪费大量时间 

4.2隐式等待

• 在设置的时间内不断查找元素：找到了就继续往下执行；直到超时没找到就报错；
• 作用在driver创建到退出之间的全部元素（一般driver创建就进行设置） 

driver.implicitly_wait() #单位为秒

 4.3显示等待

        与隐式等待类似：指定的时间找到元素后进行往下执行；相较于隐式等待：它需要传方法与指定元素：使得等待元素的情况更为具体；实现演示等待先创建对象：WebDriverWait ；再去 expected_conditions 调用对应的方法

方法链接：expected_conditions

显示等待看起来与隐式等待一样：但显示等待可以等待当前页面有无弹窗

driver = webdriver.Edge(service=Service(EdgeChromiumDriverManager().install()))
#隐式等待弹窗 -> 判断不出有无弹窗(弹窗不是页面元素)
# driver.implicitly_wait(3)
driver.get("file:///C:/Users/29096/Desktop/JS/%E6%B5%8B%E8%AF%95%E8%AF%BE%E4%BB%B62024-C++/selenium-html/alert.html#")
driver.find_element(By.CSS_SELECTOR,"#tooltip")
# alert = driver.switch_to.alert
#显示等待弹窗 -> 无弹窗会判断出来
WebDriverWait(driver,3).until(expected_conditions.alert_is_present())driver.switch_to.alert.accept()
driver.quit()

5浏览器 

5.1常见操作

        浏览器常见功能： 

#要访问的网址
driver.get("https://tool.lu/") 
#后退
driver.back()
#前进
driver.forward()
#刷新
driver.refresh()

5.2文件上传

        找到文件上传元素后进行点击，接下来的操作是不是还是要定位元素进行后续操作？不用：定位到上传文件的元素后后面输入：直接填写文件路径 + 文件名 就能实现文件上传

driver.get("路径")
driver.find_element(By.CSS_SELECTOR,"复制Select").sent_keys("填写文件路径和文件名")

5.3无头模式

        执行自动化时浏览器默认会打开浏览器页面进行，我们也可以设置无头默认让打开操作在后端进行；设置无头模式要通过创建Option对象进行设置，后面创建驱动时把该对象传进去

from selenium.webdriver.edge.options import OptionsOptions = Options()
Options.add_argument("-headless")driver = webdriver.Edge(service=Service(EdgeChromiumDriverManager().install()),options=Options)

5.4页面加载方式

        使用 get() 访问网址时通过是要等页面全部加载完成才进行自动化测试；但有时我们又不想等待页面图片视频加载完成，才进行自动化测试：所以我们可以去设置页面加载方式

options.page_load_strategy = '加载⽅式'

加载方式	作用
normal	默认等全部内容加载完成
eager	DOM访问以就绪，不会等待其它资源加载完成
none	直接进行测试(不推荐)

三实战

1结构设计

        进行写测试脚本之前，我们可以先创建一个common软件包：在这个软件包路径下创建ultils的python文件，在这个python文件下创建Driver类：进行驱动下载，提供方法等；再把这个对象在当前python文件中定义出来（类似单例模式），此后我们直接使用我们创建好的对象进行测试即可

#common/ultils.pyfrom selenium import webdriver
from selenium.webdriver.edge.options import Options
from selenium.webdriver.edge.service import Service
from webdriver_manager.microsoft import EdgeChromiumDriverManagerclass Driver:driver=""def __init__(self):option =Options() #后面有需要就在这里设置self.driver=webdriver.Edge(service=Service(EdgeChromiumDriverManager().install()),options=option)self.driver.implicitly_wait(3)#单例模式
BlogDriver=Driver()

        在Test软件包中创建py文件：编写测试用例脚本

#Test/test.py
from common.Ultils import BlogDriverclass bloglogin:url=""driver=""def __init__(self):self.url="https://www.baidu.com/"self.driver=BlogDriver.driverself.driver.get(self.url)def Test(self):BlogDriver.SaveScreem()# 一起测试完再退出#self.driver.quit()#调用测试函数(不建议)
# BlogLogin=bloglogin()
# BlogLogin.Test()

       但是有些测试用例需要借助前面的测试用例来实现，比如：测试博客网站时要测试在登录的场景下博客内容的提交，就要借助前面测试登录成功的用例；所以关于测试模块建议写在同一个py文件中，测试脚本写完后统一在这个文件进行测试

# RoundMain.pyfrom common.Ultils import BlogDriver
from BlogLogin import blogloginif __name__ == "__main__":bloglogin().Test()BlogDriver.driver.quit()

2屏幕截图

        有时候测试用例很多，一不小心就会出现错误，进行错误排查时就要使用到屏幕截图；但我们在函数里讲到的屏幕截图仅仅解决了可以多次保存图片的问题，并不能有效定位到是哪里出现问题，如：那个测试函数写错了，错误产生的时间是在什么时候；所以我们就要来再次进行优化（编写屏幕截图的方法在Driver类中设计，测试时直接调接口）

   #先创建../image 文件夹  def SaveScreem(self):#每天截图放在同一个日期文件夹上dirname=datetime.datetime.now().strftime("%Y-%m-%d")#image文件夹没有日期文件夹就继续创建if not os.path.exists("../image/"+dirname):os.mkdir("../image/"+dirname)# 图片格式: 测试方法-日期.pngfilename=sys._getframe().f_back.f_code.co_name+"-" + 、        datetime.datetime.now().strftime("%Y-%m-%d-%H.%M.%S")+".png"# 路径: ../image/日期文件夹/测试方法-日期.pngself.driver.save_screenshot("../image/"+dirname+"/"+filename)

3测试报告

        完成项目测试后，认为项目已经测试完成时就可以编写测试报告，测试报告主要内容：测试计划，Bug描述，遗留问题，测试结论

3.1测试计划 

功能	后端开发	前端开发	提测日期	测试	测试日期	测试结果
登录界面	XXX	XXX	4.19	XXX	4.20	通过
内容界面	XXX	XXX	4.20	XXX	4.21	通过

 ...

        所谓提测日期：项目开发完成，提交给测试的日期；那如果各个页面耦合度比较高的话，就需要进行先整体提测，再分开提测；

        耦合度不高就每个页面进行独立测试的，最后进行集成测试，将页面整体测试一遍；

3.2Bug描述 

       统计测试计划中发现了多少Bug，有多少崩溃级别的Bug，有多少严重的Bug，有多少一般级别的Bug

bug	报告人	是否修复
bug描述链接	XXX	修复
bug描述链接	XXX	修复

...

3.3遗留问题 

        例如：需求变更：本次由于XXX原因，推迟到下一个版本进行更新；低优先级的Bug不影响用户使用，推迟到下一个版本上线之后修复；...

3.4测试结论

        本次测试通过，测试耗时多久，修复Bug耗时多久...

        以上便是测试报告中的主要内容，但我们在写项目和对项目编写测试用例进行测试时，负责各个模块的都是自己来做，学习阶段建议把测试内容更充实些，包括但不限于：

项目背景	为什么要做这个项目（意义，解决了什么问题）
项目简介	项目有哪些功能，每个功能要怎么设计
测试计划	XXX
测试工具	用到了哪些功能，如WebDriverManager ,selenium
设计的测试类型	包含：功能测试，性能测试，自动化测试：覆盖了哪些功能，发现了什么问题
自动化测试	测试用例，编写测试化脚本
Bug描述	有多少Bug被发现
测试结论	测试耗时多久，结果怎么样