知名产品 web 自动化测试实战

霍格沃兹测试开发学社

ceshiren.com

课程目录

  • Web 自动化价值与体系
  • 用例设计
  • 代码设计

Web 自动化测试价值与体系

Web 自动化

Web 自动化价值

  • 需要频繁回归的场景
  • 核心业务场景
  • 浏览器的兼容性

Web 自动化测试在企业中的实践 - 有赞

  • 有赞： 很多人会认为，UI 自动化维护成本高、性价比低，但是为什么在有赞的前端质量保证体系中放在了最前面呢？

Web 自动化测试知识体系

成果展示

  • 工程结构
  • 运行效果

自动化测试用例设计

企业微信产品介绍（需求简介）

  • 企业通讯与办公工具
  • 有很丰富的 OA 应用

点点同学：用例设计

  • 人物
  • 剧情
  • 痛点
  • 对策
功能测试用例步骤：企业微信添加成员（web端）

1. 登录
2. 进入通讯录页面
3. 点击添加成员按钮
4. 填写成员信息
5. 查看结果

点点同学：自动化测试用例设计

自动化场景：企业微信添加成员（web端）


1. 登录
2. 进入通讯录页面
3. 点击添加成员按钮
4. 填写成员信息
5. 查看结果

用例

用例标题 用例步骤 前置条件 预期结果
添加成员成功 1. 进入通讯录页面
2. 点击添加成员按钮
3. 填写成员信息
4. 点击添加		 登录 添加成功

自动化测试用例架构

  • 前置操作
    • 登录
  • 业务场景
      1. 步骤1
      1. 步骤2
  • 后置操作
    • 退出浏览器

实战练习 1

  • 植入 cookie 登录（参见【Cookie 复用】）

实战练习 2

  • 添加通讯录成员

优化点

  • 问题：
    • 大段重复代码
    • 无法适应 UI 变化

  • 优化方案：
    • PO设计模式

课后作业

  • 主页页面：添加成员
  • 通讯录页面：添加部门