当前位置：首页 > news >正文

在线文章系统自动化测试报告

news 来源：原创 2025/4/30 12:05:15

1. 项目简介

1.1. 用户登录页面

1.2. 文章列表页面

1.3. 文章详情页面

1.4. 文章编辑与发布页面

2. 测试计划

3. 测试环境/工具/技术栈

4. 编写自动化测试用例编辑

5. 自动化测试脚本开发

5.1. 项目整体结构

5.2. 配置utils.py

5.2.1. 导入必要的库

5.2.2. 定义Driver类

5.2.3. 创建Driver类的实例

5.3. 配置RunTest.py

5.4. 用户登录页面测试

5.4.1. 准备工作

5.4.1.1. 导入必要的库

5.4.1.2. 定义 BlogLogin 类

5.4.2. 正常登陆测试

5.4.3. 异常登录测试

5.4.4. 注意事项

5.5. 文章列表页/首页测试

5.5.1. 准备工作

5.5.1.1. 导入必要的库

5.5.1.2. 定义 BlogList 类

5.5.2. 登录状态下文章列表页/首页测试

5.5.3. 未登录状态下的文章列表页/首页测试

5.6. 文章详情页测试

5.7. 文章编辑/发布页测试

5.7.1. 注意事项

6. 测试结果总结

1. 项目简介

针对在线文章系统进行自动化测试，该在线文章系统涵盖用户登录、查看文章列表、查看文章详情、文章编辑及发布等核心功能。

1.1. 用户登录页面

1.2. 文章列表页面

1.3. 文章详情页面

1.4. 文章编辑与发布页面

2. 测试计划

针对在线文章系统核心功能，通过编写自动化测试脚本，提升测试效率、降低人工成本，保障系统稳定运行。

3. 测试环境/工具/技术栈

测试环境：Windows11系统、Chrome浏览器版本 135.0.7049.115（正式版本）（64 位）

测试工具：Selenium、pycharm

技术栈：python

4. 编写自动化测试用例

5. 自动化测试脚本开发

5.1. 项目整体结构

BlogAutoTest 项目文件夹

common包：用于存放通用的工具类和方法，可能包含多个工具模块。

Utils.py 包含了项目中通用的工具函数，浏览器对象driver的创建、屏幕截图

images：存放自动化测试的截图

具体日期分类的截图文件夹

tests包：

BlogLogin.py 用户登录页相关测试用例

BlogList.py 文章列表页/首页相关测试用例

BlogDetail.py 文章详情页相关测试用例

BlogEdit.py 文章编辑/发布页相关测试用例

RunTest.py 项目的运行入口文件，负责调用测试用例并执行测试

5.2. 配置utils.py

解决了浏览器对象创建、屏幕截图等代码重复使用的问题

import datetime
import os
import sysfrom selenium import webdriver
from selenium.webdriver.chrome.service import Service
from webdriver_manager.chrome import ChromeDriverManager#每次调用Driver时,都会默认调用构造方法 def __int__(self): ,然后为我们的每一个类、对象去创建driver成员
#创建一个浏览器对象
class Driver:driver = ""  # 类成员dirver初始为空def __init__(self):   # 在构造函数里为driver创建浏览器对象options = webdriver.ChromeOptions()self.driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()),options=options)#添加隐式等待self.driver.implicitly_wait(3)def getScreeShot(self):# 创建屏幕截图# 图片文件名称:./2024-05-08-173456.png# 图片路径:../images/调用方法-2024-05-08/2024-05-08-173456.pngdirname = datetime.datetime.now().strftime("%Y-%m-%d")  # 文件夹名称# 判断dirname文件夹是否已经存在，若不存在则创建文件夹# ../images/2024-05-08if not os.path.exists("../images/"+dirname):os.mkdir("../images/"+dirname)#2024-05-08-173456.pngfilename = sys._getframe().f_back.f_code.co_name+"-"+datetime.datetime.now().strftime("%Y-%m-%d-%H%M%S")+".png"self.driver.save_screenshot("../images/"+dirname+"/"+filename)#图片路径:../images/LoginSucTest-2024-05-08/2024-05-08-173456.png#图片路径:../images/LoginFailTest-2024-05-08/2024-05-08-173456.pngBlogDriver = Driver()

通过定义Driver类，实现创建 Chrome 浏览器驱动对象和截图保存的功能。使用时，只需创建Driver类的实例，就可以方便地操作浏览器并进行截图。

5.2.1. 导入必要的库

import datetime
import os
import sysfrom selenium import webdriver
from selenium.webdriver.chrome.service import Service
from webdriver_manager.chrome import ChromeDriverManager

datetime：用于获取当前日期和时间，以便生成截图的文件名和文件夹名。
os：用于文件和文件夹的操作，如判断文件夹是否存在、创建文件夹等。
sys：用于获取调用方法的名称，以便在截图文件名中体现。
selenium：自动化测试工具，用于创建浏览器驱动对象和操作浏览器。
ChromeDriverManager：用于自动管理 Chrome 浏览器驱动的安装和更新。

5.2.2. 定义`Driver`类

class Driver:driver = ""  # 类成员driver初始为空def __init__(self):   # 在构造函数里为driver创建浏览器对象options = webdriver.ChromeOptions()self.driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()),options=options)# 添加隐式等待self.driver.implicitly_wait(3)

driver：类成员变量，初始值为空字符串，用于存储浏览器驱动对象。
__init__：构造方法，在创建Driver类的实例时自动调用。

- webdriver.ChromeOptions()：创建 Chrome 浏览器的选项对象。
- webdriver.Chrome(service=Service(ChromeDriverManager().install()), options=options)：使用ChromeDriverManager自动安装或更新 Chrome 浏览器驱动，并创建一个 Chrome 浏览器驱动对象。
- self.driver.implicitly_wait(3)：设置隐式等待时间为 3 秒，即浏览器在查找元素时，如果元素未立即找到，会等待最多 3 秒再抛出异常。

def getScreeShot(self):# 创建屏幕截图# 图片文件名称:./2024-05-08-173456.png# 图片路径:../images/调用方法-2024-05-08/2024-05-08-173456.pngdirname = datetime.datetime.now().strftime("%Y-%m-%d")  # 文件夹名称# 判断dirname文件夹是否已经存在，若不存在则创建文件夹# ../images/2024-05-08if not os.path.exists("../images/" + dirname):os.mkdir("../images/" + dirname)# 2024-05-08-173456.pngfilename = sys._getframe().f_back.f_code.co_name + "-" + datetime.datetime.now().strftime("%Y-%m-%d-%H%M%S") + ".png"self.driver.save_screenshot("../images/" + dirname + "/" + filename)# 图片路径:../images/LoginSucTest-2024-05-08/2024-05-08-173456.png# 图片路径:../images/LoginFailTest-2024-05-08/2024-05-08-173456.png

getScreeShot：截图方法，用于对当前浏览器页面进行截图并保存。

- dirname = datetime.datetime.now().strftime("%Y-%m-%d")：获取当前日期，格式为YYYY-MM-DD，作为截图保存的文件夹名。
- os.path.exists("../images/" + dirname)：判断指定的文件夹是否存在。
- os.mkdir("../images/" + dirname)：如果文件夹不存在，则创建该文件夹。
- sys._getframe().f_back.f_code.co_name：获取调用getScreeShot方法的方法名。
- datetime.datetime.now().strftime("%Y-%m-%d-%H%M%S")：获取当前日期和时间，格式为YYYY-MM-DD-HHMMSS，作为截图文件名的一部分。
- self.driver.save_screenshot("../images/" + dirname + "/" + filename)：将当前浏览器页面截图保存到指定的文件夹中。

5.2.3. 创建`Driver`类的实例

BlogDriver = Driver()

创建一个名为BlogDriver的Driver类实例，此时会自动调用__init__方法，创建一个 Chrome 浏览器驱动对象。

5.3. 配置RunTest.py

注意：文件中的各个测试模块是在编写自动化测试脚本过程中逐步添加上去的

这里我们将最后的代码展示出来

from common.Utils import BlogDriver  
from tests import BlogLogin
from tests import BlogList
from tests import BlogDetail
from tests import BlogEdit
if __name__ == "__main__":    #项目中程序的执行入口BlogLogin.BlogLogin().LoginFailTest()#测试未登录状态下文章首页/列表页BlogList.BlogList().ListTestByNoLogin()#测试未登录状态下文章详情页BlogDetail.BlogDetail().DetailTestByNoLogin()#测试未登录状态下文章编辑页BlogEdit.BlogEdit().EditTestByNoLogin()BlogLogin.BlogLogin().LoginSucTest()#登录成功之后就可以调用文章首页测试首页的用例(登陆状态)BlogList.BlogList().ListTestByLogin()#测试登录状态下的文章详情页BlogDetail.BlogDetail().DetailTestByLogin()#测试登录状态下文章编辑页面BlogEdit.BlogEdit().EditTestByLogin()#指定浏览器的退出BlogDriver.driver.quit()

5.4. 用户登录页面测试

BlogLogin.py

import time
from selenium.webdriver.common.by import By
from common.Utils import BlogDriver
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.ui import WebDriverWait
# 测试博客登陆页面class BlogLogin:url = ""driver = ""def __init__(self):self.url = "http://8.127.18.140:9090/blog_login.html"self.driver = BlogDriver.driverself.driver.get(self.url)# 成功登录的测试用例def LoginSucTest(self):self.driver.find_element(By.CSS_SELECTOR,"#username").clear()self.driver.find_element(By.CSS_SELECTOR,"#password").clear()self.driver.find_element(By.CSS_SELECTOR,"#username").send_keys("zhangsan")self.driver.find_element(By.CSS_SELECTOR,"#password").send_keys("123456")self.driver.find_element(By.CSS_SELECTOR,"#submit").click()# 添加屏幕截图BlogDriver.getScreeShot()# 能够找到文章首页用户的昵称 说明登录成功 否则登录失败self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.left > div > h3")self.driver.back()  # 返回登录页面# 异常登录的测试用例def LoginFailTest(self):# 如果连续多次send_keys则会出现拼接错误,如果要替换需要先clearself.driver.find_element(By.CSS_SELECTOR,"#username").clear()self.driver.find_element(By.CSS_SELECTOR,"#password").clear()# 错误的账号 错误的密码self.driver.find_element(By.CSS_SELECTOR, "#username").send_keys("lisa")self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("123")self.driver.find_element(By.CSS_SELECTOR, "#submit").click()# 等待弹窗出现wait = WebDriverWait(self.driver, 10)alert = wait.until(EC.alert_is_present())# 获取弹窗文本alert_text = alert.text# 验证弹窗内容是否为“用户不存在”assert alert_text == "用户不存在"# if alert_text == "用户不存在":#      print("测试通过：弹窗内容正确")# else:#     print(f"测试失败：弹窗内容为 {alert_text}，不是“用户不存在”")# 关闭弹窗alert.accept()# 添加屏幕截图,有弹窗不允许截图BlogDriver.getScreeShot()# self.driver.back()  # 返回登陆页面# 正确的账号 错误的密码self.driver.find_element(By.CSS_SELECTOR,"#username").clear()self.driver.find_element(By.CSS_SELECTOR,"#password").clear()self.driver.find_element(By.CSS_SELECTOR, "#username").send_keys("zhangsan")self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("123")self.driver.find_element(By.CSS_SELECTOR, "#submit").click()# 等待弹窗出现wait = WebDriverWait(self.driver, 10)alert = wait.until(EC.alert_is_present())# 获取弹窗文本alert_text = alert.text# 验证弹窗内容是否为“密码错误”assert alert_text == "密码错误"# if alert_text == "密码错误":#      print("测试通过：弹窗内容正确")# else:#     print(f"测试失败：弹窗内容为 {alert_text}，不是“用户不存在”")# 关闭弹窗alert.accept()# 添加屏幕截图,有弹窗不允许截图BlogDriver.getScreeShot()# self.driver.back()  # 返回登陆页面# 错误的账号 正确的密码self.driver.find_element(By.CSS_SELECTOR,"#username").clear()self.driver.find_element(By.CSS_SELECTOR,"#password").clear()self.driver.find_element(By.CSS_SELECTOR, "#username").send_keys("lisan")self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("123456")self.driver.find_element(By.CSS_SELECTOR, "#submit").click()# 等待弹窗出现wait = WebDriverWait(self.driver, 10)alert = wait.until(EC.alert_is_present())# 获取弹窗文本alert_text = alert.text# 验证弹窗内容是否为“用户不存在”assert alert_text == "用户不存在"# if alert_text == "用户不存在":#      print("测试通过：弹窗内容正确")# else:#     print(f"测试失败：弹窗内容为 {alert_text}，不是“用户不存在”")# 关闭弹窗alert.accept()# 添加屏幕截图,有弹窗不允许截图BlogDriver.getScreeShot()self.driver.back()  # 返回登陆页面# login = BlogLogin()
# login.LoginSucTest()
# login.LoginFailTest()

5.4.1. 准备工作

5.4.1.1. 导入必要的库

import timefrom selenium.webdriver.common.by import Byfrom common.Utils import BlogDriver
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.ui import WebDriverWait

time：Python 的标准库，用于添加等待时间。
By：Selenium 库中的一个类，用于指定元素定位的方式，如通过 CSS 选择器、ID 等定位元素。
BlogDriver：从 common.Utils 模块中导入的浏览器驱动对象，用于操作浏览器。
EC（expected_conditions）：Selenium 库中的一个模块，用于定义各种等待条件，如等待元素可见、等待弹窗出现等。
WebDriverWait：Selenium 库中的一个类，用于设置显式等待，即等待某个条件满足后再继续执行后续代码。

5.4.1.2. 定义 `BlogLogin` 类

class BlogLogin:url = ""driver = ""def __init__(self):self.url = "http://8.127.18.140:9090/blog_login.html"self.driver = BlogDriver.driverself.driver.get(self.url)

url 和 driver：类的属性，分别用于存储登录页面的 URL 和浏览器驱动对象。
__init__：构造方法，在创建 BlogLogin 类的实例时自动调用。

- self.url = "http://8.127.18.140:9090/blog_login.html"：设置登录页面的 URL。
- self.driver = BlogDriver.driver：获取浏览器驱动对象。
- self.driver.get(self.url)：打开登录页面。

5.4.2. 正常登陆测试

定义 LoginSucTest 方法

def LoginSucTest(self):self.driver.find_element(By.CSS_SELECTOR,"#username").clear()self.driver.find_element(By.CSS_SELECTOR,"#password").clear()self.driver.find_element(By.CSS_SELECTOR,"#username").send_keys("zhangsan")self.driver.find_element(By.CSS_SELECTOR,"#password").send_keys("123456")self.driver.find_element(By.CSS_SELECTOR,"#submit").click()# 添加屏幕截图BlogDriver.getScreeShot()# 能够找到文章列表页/首页用户的昵称 说明登录成功 否则登录失败self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.left > div > h3")self.driver.back()  # 返回登陆页面

LoginSucTest 方法用于测试登录成功的情况。

- self.driver.find_element(By.CSS_SELECTOR,"#username").clear() 和 self.driver.find_element(By.CSS_SELECTOR,"#password").clear()：清空用户名和密码输入框。
- self.driver.find_element(By.CSS_SELECTOR,"#username").send_keys("zhangsan") 和 self.driver.find_element(By.CSS_SELECTOR,"#password").send_keys("123456")：输入正确的用户名和密码。
- self.driver.find_element(By.CSS_SELECTOR,"#submit").click()：点击登录按钮。
- BlogDriver.getScreeShot()：调用 BlogDriver 对象的 getScreeShot 方法进行屏幕截图。
- self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.left > div > h3")：查找文章列表页/首页用户的昵称元素，如果能找到则说明登录成功。
- self.driver.back()：返回登录页面。

5.4.3. 异常登录测试

定义 LoginFailTest 方法

def LoginFailTest(self):# 错误的账号 错误的密码self.driver.find_element(By.CSS_SELECTOR,"#username").clear()self.driver.find_element(By.CSS_SELECTOR,"#password").clear()self.driver.find_element(By.CSS_SELECTOR, "#username").send_keys("lisa")self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("123")self.driver.find_element(By.CSS_SELECTOR, "#submit").click()# 等待弹窗出现wait = WebDriverWait(self.driver, 10)alert = wait.until(EC.alert_is_present())# 获取弹窗文本alert_text = alert.text# 验证弹窗内容是否为“用户不存在”assert alert_text == "用户不存在"# 关闭弹窗alert.accept()# 添加屏幕截图BlogDriver.getScreeShot()# 正确的账号 错误的密码# ... （代码逻辑与上面类似）# 错误的账号 正确的密码# ... （代码逻辑与上面类似）self.driver.back()  # 返回登陆页面

LoginFailTest 方法用于测试登录失败的情况，包括三种情况：错误的账号和错误的密码、正确的账号和错误的密码、错误的账号和正确的密码。

- 对于每种情况，先清空输入框，然后输入相应的用户名和密码，点击登录按钮。
- 使用 WebDriverWait 和 EC.alert_is_present() 等待弹窗出现。
- 获取弹窗文本，并使用 assert 语句验证弹窗内容是否符合预期。
- 关闭弹窗后，调用 BlogDriver.getScreeShot() 进行屏幕截图。
- 最后返回登录页面。