web个人博客系统——测试报告

一、报告概述1.项目背景本次测试的项目为个人博客系统是为满足个人博客撰写而研发的Web 系统。系统主要实现用户登录、博客编辑、博客管理等业务能力用于提供个人博客网页。为保障系统上线后功能正常、流程稳定、用户体验良好按照项目计划对博客功能、兼容性、易用性等开展全面测试形成本测试报告。2.测试目的功能验证确保所有核心功能符合需求规格说明书要求验证用户注册与登录流程的正确性确认问卷 / 考试创建、编辑、发布流程完整可用检查题库管理与试题操作功能完整性验证模板管理及共享功能正常运行。用户体验优化评估系统界面布局的合理性与易用性测试导航逻辑是否符合用户操作习惯验证错误提示信息清晰准确检查响应式设计在不同设备上的展示效果。系统稳定性保障评估系统在高并发场景下的稳定性测试系统长时间运行的性能表现验证网络中断、服务器错误等异常情况下的系统行为确保数据一致性与完整性。安全性加固防止未授权访问与数据泄露验证用户认证与授权机制有效性对 SQL 注入、XSS 等常见 Web 攻击进行安全防护测试检查敏感数据在存储与传输过程中的加密处理。兼容性确认确保系统在主流浏览器下正常运行验证不同操作系统环境下的运行表现测试多种设备类型及分辨率的适配效果。3.测试环境操作系统Windows 11浏览器Chrome、Edge测试工具Selenium二、测试用例三、手动测试1.登录界面功能测试场景一输入正确的密码和用户点击登录预期结果登陆成功直接跳转到博客列表首页测试场景二输入错误的密码和正确的用户进行登录预期结果登录失败提示密码错误测试场景三输入错误的用户和正确的密码进行登录预期结果登录失败提示用户不存在测试场景四输入正确的用户不输入密码进行登录预期结果提示账号和密码不能为空2.博客列表页功能测试场景一点击博客列表“查看全文按钮”预期功能跳转到对应博客页面测试场景二点击博客列表“写博客按钮”预期结果跳转到博客编辑页面测试场景三点击“注销按钮”预期结果退出登录测试场景四登录状态下从链接打开预期结果正确显示博客列表页测试场景五未登录状态下从连接打开预期结果跳转到登录界面3.博客编辑页功能测试场景一登录状态下从博客详情页打开预期结果跳转到博客编辑页面测试场景二正常填写博客内容点击“发布内容”预期结果正常发布博客列表正常显示测试场景三更改已发布博客内容预期结果更改结果正常显示测试场景四测试功能栏的各种功能预期结果正常使用实际结果emoji 功能无法使用Bugemoji功能被禁用测试场景五不填写标题或内容点击“发布文章”预期结果弹窗显示“标题和内容不能为空”实际结果弹窗显示为空Bug提示弹窗异常未能正常显示提示4.博客详情页功能测试场景一登录状态下从链接打开预期结果成功登陆测试场景二未登录状态下从链接打开预期结果跳转到登录界面四、兼容性测试测试场景一在Chrome浏览器下进入问卷考试系统预期结果无异常且一切布局显示功能等与其一致测试场景一在Chrome浏览器下进入问卷考试系统预期结果无异常且一切布局显示功能等与其一致五、自动化测试自动化测试项目代码文件结构BlogeAutoTest/├── cases/│ ├── __init__.py│ ├── BlogLogin.py│ ├── BlogList.py│ ├── BlogDetail.py│ ├── BlogEdit.py│ └── RunCases.py├── common/│ ├── __init__.py│ └── Utils.py├── images/存放截图└── test.py1.驱动类(Utils.py)import os import sys from datetime import datetime from fileinput import filename from webbrowser import Chrome from selenium import webdriver from selenium.webdriver.chrome.service import Service from webdriver_manager.chrome import ChromeDriverManager class Driver: driver def __init__(self): optionswebdriver.ChromeOptions() self.driverwebdriver.Chrome( serviceService(ChromeDriverManager().install()), optionsoptions ) def getScreenShot(self): #创建屏幕截图 #图片名称路径../images/2026-3-13/2026-3-13-9:17:06.png dirname datetime.now().strftime(%Y-%m-%d) #判断dirname文件夹是否存在若不存在则创建文件夹 if not os.path.exists(../images/dirname): os.mkdir(../images/dirname) filenamesys._getframe().f_back.f_code.co_name-datetime.now().strftime(%Y-%m-%d-%H%M%S).png self.driver.save_screenshot(../images/dirname/filename) # 实例化驱动对象 BlogDriver Driver()2.登录模块测试类BlogLogin.py#登录测试 import time from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.common.by import By from selenium.webdriver.support.wait import WebDriverWait from common.Utils import BlogDriver class BlogLogin: url None driver None def __init__(self): self.url http://47.108.157.13:8090/blog_login.html # 从自定义工具类获取已初始化的浏览器驱动 self.driver BlogDriver.driver self.wait WebDriverWait(self.driver, 20) # 打开登录页面 self.driver.get(self.url) time.sleep(2) def LoginFailTest(self): #登录失败测试用例密码错误场景 # 清空并输入用户名admin self.driver.find_element(By.CSS_SELECTOR, #username).send_keys(zhangsan) # 清空并输入错误密码111 self.driver.find_element(By.CSS_SELECTOR, #password).send_keys(111) # 点击登录按钮 self.driver.find_element(By.CSS_SELECTOR, #submit).click() # 预期提示文本用户名或密码错误! expect_text 用户名或密码错误! # 获取页面body的实际文本内容 actual_text self.driver.find_element(By.CSS_SELECTOR, body).text self.wait.until(EC.alert_is_present(), message5秒内未出现Alert弹窗) alert self.driver.switch_to.alert # 3. 获取弹窗文本 actual_text alert.text.strip() expect_text 密码错误 # 断言验证预期提示与实际提示一致不一致则抛出AssertionError assert expect_text actual_text, f登录失败提示校验失败预期{expect_text}实际{actual_text} alert.accept() #BlogDriver.getScreenShot() # 返回登录页面 # self.driver.back() time.sleep(2) def LoginSucTest(self): #登录成功测试用例 # 清空并输入用户名admin self.driver.find_element(By.CSS_SELECTOR, #username).clear() self.driver.find_element(By.CSS_SELECTOR, #username).send_keys(zhangsan) # 清空并输入密码123 self.driver.find_element(By.CSS_SELECTOR, #password).clear() self.driver.find_element(By.CSS_SELECTOR, #password).send_keys(123456) # 点击登录按钮#submit self.driver.find_element(By.CSS_SELECTOR, #submit).click() #self.driver.find_element(By.CSS_SELECTOR,body div.container div.left div h3) try: element WebDriverWait(self.driver, 10).until( EC.visibility_of_element_located((By.CSS_SELECTOR, body div.container div.left div h3)) ) print(元素找到并可见) except: print(元素在10秒内未出现。) time.sleep(3) #self.driver.back()3.详情模块测试类BlogDetail.py#博客详情页 from selenium.webdriver.common.by import By from common.Utils import BlogDriver class BlogDetail: url driver def __init__(self): self.url http://47.108.157.13:8090/blog_detail.html?blogId68517 self.driver BlogDriver.driver title self.driver.title #列表⻚已经跳过来了⽆需再指定url跳转 if not title博客列表⻚: self.driver.get(self.url) def DetailCheck(self): #body div.container div.right div:nth-child(1) a BlogDriver.getScreenShot() self.driver.find_element(By.CSS_SELECTOR,body div.container div.right div h3) self.driver.find_element(By.CSS_SELECTOR,body div.container div.right div div.date) self.driver.find_element(By.CSS_SELECTOR, #content p) BlogDriver.getScreeShot()4.编辑模块测试类BlogEdit.py#博客编辑页 import time from selenium.webdriver.common.by import By from common.Utils import BlogDriver #测试博客编辑页面 class BlogEdit: url driver def __init__(self): self.url http://47.108.157.13:8090/blog_edit.html self.driver BlogDriver.driver self.driver.get(self.url) #正确发布博客登陆状态下 def EditSucTestByLogin(self): ##title self.driver.find_element(By.CSS_SELECTOR,#title).send_keys(自动化测试创建) #找到编辑区域输入关键词(编辑区域不可操作 #菜单栏无法元素无法定位 #博客系统编辑区域默认情况下就不为空可以暂不处理 #直接点击发布按钮来发布博客 self.driver.find_element(By.CSS_SELECTOR,#submit).click() #点击完成之后出现页面的跳转页面跳转需要加载时间可能会出现代码执行的速度比页面渲染的速度要快导致元素查找不到因此可以添加等待 #添加隐式等待和显示等待都可以任选择一个 #隐式等待创建浏览器对象之后就可以加上因为隐式等待的作用域在driver整个生命周期 #显示等待可以作用在当前代码中 #body div.container div.right div:nth-child(1452) div.title time.sleep(3) actualself.driver.find_element(By.CSS_SELECTOR,body div.container div.right div:nth-child(1) div.title).text assert actual 自动创建博客150004684 #屏幕截图 BlogDriver.getScreenShot()5.列表模块测试类BlogList.py#博客列表 from selenium.webdriver.common.by import By from common.Utils import BlogDriver import time class BlogList: url driver def __init__(self): self.driver BlogDriver.driver self.urlhttp://47.108.157.13:8090/blog_list.html self.driver.get(self.url) time.sleep(10) def ListTest(self): self.driver.find_element(By.CSS_SELECTOR,body div.container div.left div img) self.driver.find_element(By.CSS_SELECTOR,body div.container div.right div:nth-child(1) a) articles self.driver.find_elements(By.CSS_SELECTOR, body div.container div.right div) assert len(articles) 10 #body div.container div.right div:nth-child(1) a self.driver.find_element(By.CSS_SELECTOR, body div.container div.right div:nth-child(1) a).click() title self.driver.title assert title 博客详情页 BlogDriver.getScreenShot()6.启动文件RunCases.pyfrom cases.BlogEdit import BlogEdit from cases.BlogList import BlogList from common.Utils import BlogDriver from cases import BlogLogin from cases import BlogList from cases import BlogDetail from cases import BlogEdit if __name____main__: BlogLogin.BlogLogin().LoginFailTest() BlogLogin.BlogLogin().LoginSucTest() BlogList.BlogList().ListTest() BlogEdit.BlogEdit().EditSucTestByLogin() BlogDriver.driver.quit()六、bug描述1.博客编辑页面不填写标题或内容点击“发布文章”弹窗显示空白内容提示功能失效尝试使用编辑功能区的emoji功能弹窗提示emoji功能被禁用七、测试总结个人博客系统的核心业务功能登录、博客增删改查、页面跳转、权限控制均能正常实现在 Chrome 浏览器下兼容性良好且已基于 Selenium 实现核心流程的自动化测试博客编辑页存在 2 个细节功能缺陷无核心功能故障整体系统可用性较高修复编辑页 Bug 后可进一步提升用户体验。