博客系统测试报告

原创 已于 2025-10-15 12:00:12 修改 · 753 阅读 · 21 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#学习 #测试用例 #功能测试

于 2025-10-15 11:50:23 首次发布

一、项目背景

  1. 我的博客系统是一个典型的前后端分离的是一个Web项目。
  2. 由四个页面构成：博客登录页面、博客列表页面、博客详情页面、博客编辑页面。其主要功能有：登录、查看博客、编辑博客、发布博客以及删除博客等。
  3. 该系统涵盖了Web应用常见的核心模块，包括​​用户登录、​​数据操作​​（文章的增、删、改、查）、​​UI交互​​（表单填写、按钮点击、导航跳转）以及​​状态管理​​（登录前后界面差异）。这为自动化测试脚本的编写提供了丰富且具有代表性的场景。

二、项目功能

1. 登录页面

登录页面：

  • 输入账号和密码登录（注：账号和密码直接写入数据库的，所以没有注册功能）
  • 登录成功后跳转到博客列表页
  • 菜单栏：在右上角存在主页（博客列表页）和写博客两个按钮
    • 登录状态下：点击主页可以跳转到博客详情页；点击写博客可以跳转到博客编辑页
    • 未登录状态下：点击主页不跳转，强制登录

2. 博客列表页

博客列表页：

  • 登录状态下：页面才可以正常打开。在博客列表可以看到三个模块。
    • 个人信息模块：可以看到登录的用户名，头像，以及已发布的文章数和文章分类
    • 博客列表模块：可以看到博客标题、博客发布时间、博客内容，还可以通过“查看全文”按钮查看详细的博客无安稳
    • 菜单栏：有三个按钮，分别是编写博客，点击编写博客可以跳转到博客编辑页面；点击主页可以回到博客列表；点击注销跳转到登录页面，重新登录
  • 未登录状态下：强制用户登录，直接跳转到登录页面

3. 博客详情页

博客详情页：

  • 登录状态下：在博客列表点击“查看全文”或直接输入链接就可以进入博客详情页。在博客详情页，可以看到博客标题、发布时间、博客内容，并且在文章内容后面有两个按钮。一个“编辑”按钮点击可以修改博客，一个“删除按钮”，点击会出现一个删除确认框，确认则删除博客回到博客列表页，取消则不删除不跳转。
  • 未登录状态下：强制用户登录，直接跳转到登录页面

4. 博客编辑页

博客编辑页：

  • 登录状态下：在任意界面点击“写博客”进入博客编辑页，此时可以编写博客标题，博客内容。如果要发布文章，必须标题和内容均不为空，最后点击发布文章即可发布成功。
  • 未登录状态下：在登录页面点击“写博客”按钮也可以进入博客编辑页，但是不能编写博客、发布博客。未登录做编写/发布博客操作，跳转到登录页面，强制登录。

三、测试计划

测试计划：

  • 设计自动化测试用例
    • 工具：脑图/思维导图
  • 参考测试用例，创建自动化测试项目，编写自动化测试脚本
    • 工具：PyCharm、selenium库

1. 编写web测试用例

在这里插入图片描述

2. 编写自动化脚本

参考测试用例，创建自动化测试项目，编写自动化测试脚本

  • 一个页面一个测试类
    • BlogLogin.py：博客登录页面相关测试用例
    • BlogList.py：博客列表页面相关测试用例
    • BlogDetail.py：博客详情页面相关测试用例
    • BlogEdit.py：博客编辑页面相关测试用例
  • 将生成测试文件中需要用到的配置内容放在一个Utils.py工具类

2.1 工具类Utils.py

  1. 创建驱动：每一个页面都会创建浏览器对象，请求url访问对应的页面，进入到对应页面之后，才可以执行一系列的测试用例
  2. 截图保存：方便问题溯源
    a. 图片路径：…/images/调用方法-2025-10-15-156777.png
    b. 先建立一个images目录存放所有截图
    c. 根据每天的日期进行分类，当天运行的自动化图片文件放到当天的文件夹下
    d. 拼接调用的方法名，快速定位到是哪一个用例的截图
import datetime
import os
import sys

from selenium import webdriver
from selenium.webdriver.chrome.service import Service


# 创建一个浏览器对象
class Driver:
    driver = ""
    def __init__(self):
        driver_path = "D:\\ChromeDriver\\chromedriver.exe"
        service = Service(executable_path=driver_path)
        # 浏览器参数设置
        options = webdriver.ChromeOptions()
        self.driver = webdriver.Chrome(service=service, options=options)
        #隐式等待
        self.driver.implicitly_wait(3)
    # 创建屏幕截图
    def getScreeShot(self):
        # 图片路径：../images/调用方法-2025-10-15-156777.png
        dirname = datetime.datetime.now().strftime("%Y-%m-%d")
        # 判断dirname文件夹是否已经存在，若不存在则创建文件夹
        if not os.path.exists("../images/"+dirname):
            os.mkdir("../images/"+dirname)
        # sys._getframe().f_back.f_code.co_name获取调用的方法名
        # 截图名称
        filename = 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)
# 全局Driver实例
BlogDriver = Driver()

2.2 登录页面测试类BlogLogin.py

  1. 调用工具类创建驱动，并打开页面
  2. 创建成功登录的测试用例脚本
  3. 创建异常登录的测试用例脚本
# 测试博客登录页面
from selenium.webdriver.common.by import By
import time

from selenium.webdriver.support.expected_conditions import alert_is_present
from selenium.webdriver.support.wait import WebDriverWait

from commin.Utils import BlogDriver


class BlogLogin:
    url = ""
    driver = ""
    def __init__(self):
        self.url ="http://8.137.19.140:9090/blog_login.html"
        # BlogDriver.driver.get(self.url)
        self.driver = BlogDriver.driver
        self.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()
        # 检测是否成功
        # 登录成功，跳转到博客首页，并能在博客首页找到个人信息模块的“账号”, 否则登录失败
        # time.sleep(2)
        self.driver.find_element(By.CSS_SELECTOR, "body > div.container > div.left > div > h3")
        # 添加屏幕截图
        BlogDriver.getScreeShot()
        #self.driver.quit()
        # 返回登录页面
        # time.sleep(2)
        self.driver.back()
    # 异常登录的测试用例
    def LoginFailTest(self):
        # 若连续多次的send_keys则会出现将关键词连接的情况，而不是替换。若要替换需要先clear
        # 建议在输入之前都清空
        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()
        # 避免截图失败
        time.sleep(3)
        # 检查是否登录失败
        alert = self.driver.switch_to.alert
        # 打印弹窗内容（调试用）
        print("弹窗内容:", alert.text)
        #确认
        alert.accept()
        # 添加屏幕截图
        # 调用 getScreeShot()时，可能会遇到弹窗（Alert）导致截图失败
        BlogDriver.getScreeShot()
        # self.driver.quit()



# 测试
# login = BlogLogin()
# login.LoginSucTest()
# login.LoginFailTest()

2.3 博客列表页面类BlogList.py

  1. 调用工具类创建驱动，并打开页面
  2. 创建登录状态下的博客列表的测试脚本
  3. 创建未登录状态下的博客列表的测试脚本
# 测试博客列表页面
from selenium.webdriver.common.by import By

from commin.Utils import BlogDriver


class BlogList:
    url = ""
    driver = ""
    def __init__(self):
        self.url = "http://8.137.19.140:9090/blog_list.html"
        self.driver = BlogDriver.driver
        self.driver.get(self.url)

    # 测试登录状态下
    def ListTestByLogin(self):
        import time
        time.sleep(1)
        # 测试博客列表模块的博客标题是否存在
        self.driver.find_element(By.CSS_SELECTOR, "body > div.container > div.right > div:nth-child(1) > div.title")
        # 测试博客列表模块的博客内容是否存在
        self.driver.find_element(By.CSS_SELECTOR, "body > div.container > div.right > div:nth-child(1) > div.desc")

        # 测试博客列表模块的“查看全文”按钮是否存在
        self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.right > div:nth-child(1) > a")

        # 测试个人信息模块的账号是否存在
        self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.left > div > h3")

        #添加屏幕截图
        BlogDriver.getScreeShot()

        # 点击菜单栏模块的“写博客”，是否跳转到编写页面
        self.driver.find_element(By.CSS_SELECTOR,"body > div.nav > a:nth-child(5)").click()
        # 获取当前页面URL current_url
        url = self.driver.current_url
        print(url)
        assert url == "http://8.137.19.140:9090/blog_edit.html"
        # 添加屏幕截图
        BlogDriver.getScreeShot()
    # 未登录状态下，强制登录
    def ListTestByNotLogin(self):
        # 获取当前页面URL current_url
        url = self.driver.current_url
        print(url)
        assert url == "http://8.137.19.140:9090/blog_login.html"
        # 添加屏幕截图
        BlogDriver.getScreeShot()
        # 指定浏览器的退出
        BlogDriver.driver.quit()

# 测试
list = BlogList()
# list.ListTestByLogin()
list.ListTestByNotLogin()

2.4 博客编辑页类BlogEdit.py

  1. 调用工具类创建驱动，并打开页面
  2. 创建博客是否可以正确发布的测试脚本
# 测试博客编辑页面
from selenium.webdriver.common.by import By
import time

from commin.Utils import BlogDriver


class BlogEdit:
    url = ""
    driver = ""
    def __init__(self):
        self.url = "http://8.137.19.140:9090/blog_edit.html"
        self.driver = BlogDriver.driver
        self.driver.get(self.url)

    # 登录状态下
    # 正确发布博客
    def EditSucTestByLogin(self):
        # 输入标题
        self.driver.find_element(By.CSS_SELECTOR,"#title").send_keys("自动化测试创建")
        # 输入内容
        # 编辑区域不可编辑，但通过点击菜单栏可达到编辑区域不为空的目的
        # 但菜单栏无法元素定位
        # 博客系统编辑区域默认情况下就不为空，可以暂不处理
        # self.driver.find_element(By.CSS_SELECTOR,"#editor > div.editormd-toolbar > div > ul > li:nth-child(7)").send_keys("自动化自动化自动化")
        time.sleep(2)
        # 点击发布按钮来发布博客
        self.driver.find_element(By.CSS_SELECTOR,"#submit").click()
        # 点击发布完成之后，出现页面跳转，页面跳转需要加载时间
        # 可能会出现代码执行的速度比页面渲染的速度快，导致元素找不到，因此可以添加等待
        # 隐式等待：创建浏览器对象之后就可以加上，因为作用域在driver整个生命周期
        # 显示等待：作用在当前代码上
        actual = self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.right > div:nth-child(5) > div.title").text
        assert actual == "自动化测试创建"
        # 屏幕截图
        BlogDriver.getScreeShot()
        time.sleep(2)

2.5 博客详情页类BlogDetail.py

  1. 调用工具类创建驱动，并打开页面
  2. 创建测试编辑页是否正确打开的测试脚本
  3. 测试“删除”按钮是否可以正常使用
  4. 测试“编辑”按钮是否可以正常跳转
# 测试博客详情页
from selenium.webdriver.common.by import By

from commin.Utils import BlogDriver


class BlogDetail:
    url = ""
    driver = ""
    def __init__(self):
        self.url = "http://8.137.19.140:9090/blog_detail.html?blogId=158477"
        self.driver = BlogDriver.driver
        self.driver.get(self.url)

    # 登录状态下
    def DetailTestByLogin(self):
        # 检查标题
        self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.right > div > div.title")
        # 检查时间
        self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.right > div > div.date")
        # 检查内容
        self.driver.find_element(By.CSS_SELECTOR,"#detail > p")
        # 屏幕截图
        BlogDriver.getScreeShot()


    # 丰登录状态下

2.6 测试套件类RunTest.py

# 程序执行入口
from commin.Utils import BlogDriver
from tests import BlogList
from tests import BlogLogin
from tests import BlogDetail
from tests import BlogEdit

if __name__ == "__main__":
    BlogLogin.BlogLogin().LoginFailTest()
    BlogLogin.BlogLogin().LoginSucTest()
    # # 登录成功之后调用博客列表页测试用例
    BlogList.BlogList().ListTestByLogin()
    # # 登录成功之后调用博客详情页
    BlogDetail.BlogDetail().DetailTestByLogin()
    # 测试博客编辑页
    BlogEdit.BlogEdit().EditSucTestByLogin()


    # 指定浏览器的退出
    BlogDriver.driver.quit()

3. 代码测试

所有测试用例均通过。

四、小结

  1. 注意测试用例的执行顺序
  2. 驱动关闭的位置要注意，一般放在最后一个用例测试结束才关闭
  3. 屏幕截图的保存方式：按照一天一个目录存放截图，并且截图名字拼接调用的方法名，方便快速定位问题
  4. 在创建对象之后使用隐式等待，避免出现代码执行的速度比页面渲染的速度快，导致元素找不到
  5. 只创建一次驱动对象，避免每个用例重复创建驱动造成时间和资源的浪费
  6. 在重要的测试后面添加屏幕截图
  7. 若连续多次的send_keys则会出现将关键词连接的情况，而不是替换。若要替换需要先clear。建议在输入之前都清空
  8. 调用屏幕截图，可能会遇到弹窗（Alert）导致截图失败，可在前面加强制等待
  9. 使用思维导图，覆盖大多数功能测试
个人博客系统测试报告
weixin_60619560的博客
04-22 2256
本项目使用Java的技术栈（包括Spring Boot、Spring MVC、MyBatis等）构建一个前后端分离的个人博客系统。系统主要有登录页、博客列表页、博客详情页以及博客编辑页。实现了登录、写博客、删除博客、修改博客、查看博客等基本功能。每篇博客包括标题、创建时间、正文、创作者等内容。在后端代码上实现了统一异常处理和统一返回格式的处理。但是没有实现注册、搜索等功能。登陆页面。
个人博客系统_测试报告
yun2739_love的博客
10-15 2101
基于SSM框架实现的个人博客系统，由五个页面构成：用户登录页、博客发表页、博客编辑页、博客列表页以及博客详情页。登录即可查看自己与其他用户已发布的博客，也可以使用自己的账号发布博客，通过使用定位web元素、对获取到的元素进行操作等，对个人博客系统进行测试，测试的核心内容包等.
基于SpringBoot的博客系统测试报告
weixin_74889808的博客
05-12 1062
1.登录模块:登录时用Session获取用户表，在获取用户id来使后端将用户信息存储在Session中，在登录时通过获取用户对应的账号以及密码进行校验，如果都匹配则给予token令牌放行，登录通过，如果校验失败则需要重新输入登录信息，再次进行登录校验。总之，按照脑图的规划，可以将测试用例按照页面进行分组，结合测试套件和公共属性类，以及单独存储启动和现场截图的类，来进行测试用例的编写和组织。本报告为博客系统测试报告，本项目模拟了csdn，实现了包括了用户登录，发布博客文章，查看博客等功能。
个人博客系统项目测试报告
weixin_60778429的博客
03-23 2091
当在学习一项技能的时候，我们总会习惯通过博客来记录所学的知识点，方便后期遗忘时随时查看和快速复习。
博客系统——项目测试报告
CYK_byte的博客
02-27 2518
之前实现了一个博客系统，今天我们就一起来测试以下这个博客系统的功能和性能如何吧~
博客系统项目测试报告
qq_45726327的博客
05-06 1248
本项目是一个全功能的个人博客系统，旨在提供一个用户友好、功能全面的平台，允许用户注册、登录、浏览博客、查看详细内容、发表评论以及发布和管理个人博文。通过采用自动化测试工具如Selenium和JUnit 5，您的项目实现了自动化测试脚本的编写，这有助于提高测试效率和系统运行的稳定性。使用参数化测试方法，您可以用不同的输入值多次运行相同的测试，这使得测试用例更加整洁，同时提高了代码的可读性和可维护性。当测试失败时，自动捕获屏幕截图，这为问题的溯源和解决提供了方便，因为截图可以直观地展示出错时的页面状态。
【测试项目】——个人博客系统测试报告
HinsCoder的博客
10-10 1505
云记个人博客系统是一个便捷的在线内容管理平台，它通过前后端分离的方式实现，目的是为用户提供一个高效、灵活并且易于使用的博客创作环境。实现这一目标需要全面的功能测试和稳定的质量保证。
【软件测试】博客系统项目测试报告(ssm项目)
xxxflower的博客
10-10 1206
由于随着项目版本的迭代，功能的逐渐增多，各种功能回归测试的需要，单纯的手工测试已经难以满足我们对于测试效率的要求，于是我们引入了自动化测试。测试通过.其中博客详情页被忽略是因为和博客删除页有(业务逻辑)冲突.并不影响测试结果.单独测试详情页是通过的.:主要针对常见功能进行测试例如:博客登录页面,博客列表页面,博客详情页,博客编辑页…:按照用户一般登录的逻辑编写测试用例并进行测试.:测试自己的博客项目是否符合预期结果.:基于Servlet实现的博客系统.:基于ssm项目的博客系统测试。
简朴博客系统测试报告
trong_ 的烂笔头
11-18 3372
针对博客系统常用的主流程功能设计测试用例进行测试，通过黑盒测试， Selenium和Junit工具完成测试，确保主流程业务操作是正常的。
博客系统测试报告111111
02-12
博客系统测试报告详细梳理了整个测试流程和结果，以确保软件的质量与功能完整。报告首先介绍了博客系统的基本情况，该系统定位于为文字创作者提供内容管理平台，具备文章发布、管理、多层级分类与标签管理等主要功能...
博客系统测试报告.pdf
04-26
本测试报告详细记录了博客系统项目中的软件测试活动，对测试过程、结果以及所遇问题进行了全面评估，并提出了相应的建议。 一、测试概述 本测试报告旨在评估博客系统项目中所有的软件测试活动，内容涉及测试进度、...
探索 10bit 100MS/s 流水线Pipelined ADC电路：0.18um工艺下的宝藏学习资源
最新发布
qq__27699885的博客
12-06 368
10bit 100MS/s 流水线Pipelined ADC电路，采用0.18um工艺，直接可以用，直接可以跑仿真，包含实际电路和各模块的测试电路，有效位9.5bit，适合学习。最近在研究ADC电路相关内容，发现了一个超赞的 10bit 100MS/s 流水线Pipelined ADC电路，基于0.18um工艺设计，简直就是学习ADC的神器，必须来和大家分享分享。
【PCIe 总线及设备入门学习专栏 5.4 -- Linux EP driver iommu 与 DMA】
CodingCos的博客
12-04 62
本文介绍了IOMMU在Linux系统中的应用场景及关键概念。IOMMU主要用于PCIe设备DMA访问时的地址转换(IOVA→PA)、提供安全隔离以及支持虚拟化场景。文章对比了启用/关闭IOMMU的差异，详细说明了IOVA的使用时机，并列举了内核态地址转换的相关API，包括虚拟地址转物理地址(virt_to_phys)、用户态地址转换(get_user_pages)以及IOMMU相关转换(iommu_iova_to_phys)。特别指出CPU访问BAR时不经过IOMMU，只有PCIe设备DMA时才需要IOMM
算法题归类学习
qq_43751506的博客
12-05 353
删除排序链表中的重复元素II（LeetCode 82） - 全删除。删除排序链表中的重复元素（LeetCode 83） - 保留一个。删除链表的倒数第N个结点（LeetCode 19） - 快慢指针。二叉树的最大深度（LeetCode 104） - DFS/BFS。二叉树的最近公共祖先（LeetCode 236） - 递归查找。二叉树的层序遍历（LeetCode 102） - BFS队列。二叉树的中序遍历（LeetCode 94） - 递归/迭代。环形链表（LeetCode 141） - 快慢指针判环。
vite学习
qq_41549657的博客
12-04 619
核心优势极速开发启动：开发阶段不打包，直接让浏览器加载原生ESM,配合ebuild预购建第三方依赖，启动时间从webpack的秒级变为毫秒级热更新（HMR）快:只更新修改的模块，而非全量重建，大型项目热更新耗时<10ms按需编译：开发阶段仅编译当前请求的模块，而非全量打包内置对Typescript、JSX、CSS、静态资源的支持，无需复杂配置生产环境优化：基于Rollup打包，输出高度优化的静态资源，兼顾开发销量和生产性能<docs>Vite 处理.vue。
【Prompt学习技能树地图】LangChain原理及应用操作指南
致力于成为一名data scientist 的奋斗者
12-03 683
基础层主要解决两个核心问题：模型调用的统一化和数据存储的标准化。通过抽象接口设计，为上层应用提供了稳定、可预测的编程模型。表3.2：基础层核心组件概览组件类别核心功能解决的关键问题典型实现模型抽象统一模型调用接口屏蔽不同模型API差异存储抽象统一数据访问方式标准化各类存储系统操作文档处理多格式文档加载与转换统一文档处理流程PDF、HTML、Markdown解析接口规范定义标准化调用契约确保组件间兼容性BaseLLM、VectorStore接口。
学习笔记二十三：支持向量机-间隔与支持向量
dengdaijc的专栏
12-02 729
本文介绍了支持向量机(SVM)的基本原理。SVM通过在样本空间中寻找最优划分超平面来实现分类，其核心思想是最大化分类间隔以提高泛化能力。关键概念包括：划分超平面的数学表示（由法向量和位移项定义）、支持向量（决定超平面位置的最近样本点）以及间隔（反映分类置信度）。SVM的基本型是一个凸二次规划问题，通过最小化法向量范数平方来最大化间隔，同时满足所有样本正确分类的约束条件。该方法具有理论严谨、模型稀疏、全局最优等优势，是经典的分类学习算法。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值