【跑者天地】Web端平台——UI自动化测试专项报告

1 项目概述

1.1 项目名称

跑者天地社区交流平台

1.2 自动化测试目标

为了提高测试效率，减少重复性人工操作，对系统核心业务流程进行自动化测试。

本次自动化测试主要验证：

• 用户登录功能
• 首页加载功能
• 帖子详情查看功能
• 帖子发布功能
• 页面元素显示功能

确保系统在功能迭代后仍能正常运行。

2 自动化测试方案

2.1 自动化测试范围

本次自动化测试覆盖以下模块：

2.2 自动化测试工具

2.3 测试环境

3 自动化测试框架设计

3.1 项目结构

autotest1/
├── common/
│ ├── __init__.py
│ └── Utils.py # 公共工具类（浏览器驱动 + 截图）
├── tests/
│ ├── __init__.py
│ ├── LoginTest.py # 登录页面测试
│ ├── IndexTest.py # 首页测试
│ ├── DetailTest.py # 帖子详情页测试
│ ├── PublishTest.py # 发布文章测试
│ └── RunTest.py # 测试套件入口（统一执行所有用例）
├── images/ # 截图存放目录
└── test01.py # 笔记草稿

3.2 公共类设计（common/Utils.py 功能说明）

Driver 类 — 浏览器驱动管理

GetScreeShot() 方法 — 自动截图

TestDriver 对象

• 在模块末尾创建全局单例：

  TestDriver = Driver()

• 所有测试类通过 from common.Utils import TestDriver 获取同一浏览器实例
• 避免反复启动和关闭浏览器，提高执行效率

4 自动化测试用例设计

4.1登录模块自动化测试用例

4.2首页模块自动化测试用例

4.3帖子详情页自动化测试用例

4.4发布帖子页面自动化测试用例

5 自动化测试脚本实现

5.1 登录自动化脚本

说明（异常登录）：

• 打开登录页面

  class Login:#类

  def __init__(self):

  #把TestDriver(实例对象)里的driver给Self.url(给他自己用)用
  # 1. 拿到全局浏览器驱动，整个登录类共用
  # 好处：不用每次都重新打开浏览器，避免重复创建驱动
  self.driver=TestDriver.driver
  self.driver.get("http://127.0.0.1:8080/login.html")

• 输入正确账号、错误密码

  def LoginFailTest1(self):
  # 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("admin")
  self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("admin")

• 点击登录

  self.driver.find_element(By.CSS_SELECTOR, "#submit").click()
  time.sleep(3)

• 判断是否进入首页（添加屏幕截图）

  #切换到弹窗
  alert = self.driver.switch_to.alert
  actual=alert.text
  #print(actual)
  assert actual == "账号或密码错误"
  #如果断言失败怎么弄(可以print/输出屏幕截图)
  alert.accept()
  TestDriver.GetScreeShot()

说明（正常登录）：

• 打开登录页面（同上）
• 输入正确账号密码

  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("admin")
  self.driver.find_element(By.CSS_SELECTOR,"#password").send_keys("admin123")

• 点击登录（同上）
• 判断是否进入首页（断言+屏幕截图）

  #添加屏幕截图
  TestDriver.GetScreeShot()

  5.2 首页自动化脚本

  说明：

• 登录系统

  class IndexTest:
  def __init__(self):
  driver=""
  self.driver=TestDriver.driver
  self.driver.get("http://127.0.0.1:8080/index.html?currentPage=1")

• 获取首页元素

  def SucIndex(self):

  self.driver.find_element(By.CSS_SELECTOR,"#card-body > div:nth-child(1) > div.post-content > h3")

• 判断元素是否存在

5.3 帖子详情自动化脚本

说明：

• 点击帖子
• 进入详情页

  class DetailTest:
  def __init__(self):
  self.driver=TestDriver.driver
  self.driver.get("http://127.0.0.1:8080/DetailPage.html?articleId=1")

• 判断标题元素是否存在

  def SucDetail(self):
  self.driver.find_element(By.CSS_SELECTOR,"#article-header1 > h1")
  time.sleep(2)
  TestDriver.GetScreeShot()

5.4 发布帖子自动化脚本

说明：

• 进入发布帖子页

  class PublishTest:
  def __init__(self):
  self.driver=TestDriver.driver
  self.driver.get("http://127.0.0.1:8080/write.html")

• 输入标题

  #插件里的元素无法定位,或者是非法元素,找到但是用不到,这里暂不处理
  self.driver.find_element(By.CSS_SELECTOR,"#title").click()
  self.driver.find_element(By.CSS_SELECTOR,"#title").send_keys("掉进粉色旋涡")

• 点击发布

  self.driver.find_element(By.CSS_SELECTOR,"#submit").click()

• 判断是否返回首页

  actual=self.driver.find_element(By.CSS_SELECTOR,"#card-body > div:nth-child(1) > div.post-content > h3").text

  assert actual == "掉进粉色旋涡"
  TestDriver.GetScreeShot()

  6 自动化测试执行

  6.1 执行方式

  统一由：RunTest.py 执行所有测试用例。

  from common.Utils import TestDriver
  from tests import LoginTest, DetailTest, PublishTest
  from tests import IndexTest
  if __name__ == "__main__":
  #在LoginTest下创建一个Login类
  LoginTest.Login().LoginFailTest1()
  LoginTest.Login().LoginSucTest()
  IndexTest.IndexTest().SucIndex()
  DetailTest.DetailTest().SucDetail()
  PublishTest.PublishTest().PublishSuc()
  TestDriver.driver.quit()

     6.2 执行结果统计

7 自动化测试覆盖率分析

已覆盖功能

• 登录流程
• 首页访问
• 页面跳转
• 帖子发布
• 页面元素校验

未覆盖功能

• 注册验证码
• 文件上传
• 富文本编辑器(第三方插件)

8 自动化测试问题分析

问题1

富文本编辑器无法直接定位元素。

原因：

第三方组件封装较深

问题2

页面元素加载较慢。

解决方案：添加隐式等待

self.driver.implicitly_wait(3)#最多等待三秒（作用于全局）

9 自动化测试结论

本次自动化测试共执行 19个测试用例，覆盖登录、首页、帖子详情及帖子发布等核心业务流程。测试过程中所有脚本均能够正常执行，测试结果符合预期。自动化测试有效提高了回归测试效率，减少了人工重复操作，为系统后续版本迭代提供了稳定的测试保障。