所有的功能完成了,还需要进行集成测试。在生产项目的功能修改期间,集成测试显得尤为重要。我们认为没有经过集成测试的代码仅是半成品。集成测试往往会发现一些在单元测试中发现不了的BUG,这往往是由于在开发组件时对整个项目或是模块的掌握不够造成的。
同样是努力的坐在计算机前写代码,如果在写代码时不结合实际的项目需求,不对项目需求了然于胸,即使团队的规范再全,也挡不住我们写BUG。反之只有在写代码时结合实际的项目需求,才能够写出高效适用的代码,从而减小返工以本质上提升开发效率。
## 测试用例
测试用例(Test Case)是指对一项特定的软件产品进行测试任务的描述,体现测试方案、方法、技术和策略。简单来说就是对一个测试的描述。在测试用例中说明测试的输入以及期待的输出。
在当前班级管理中,我制定测试用例如下:
| 名称 | 测试步骤 | 检查点 |
| ------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| 班级管理菜单 | 点击菜单栏中的班级管理菜单 | 控制台是否报错,是否成功的显示了班级列表 |
| 班级新增功能 | 1. 点击新增按钮<br>2. 填写名称<br>3. 选择班主任<br>4. 点击保存按钮 | 1. 控制台是否错<br>2. 必填字段是否有提示,是否验证<br>3. 必填字段未填充前,保存按钮是否禁用<br>4. 保存成功后是否跳转回班级管理界面<br>5. 新增的班级是否显示在班级列表中 |
| 班级列表 | 1. 点击分页按钮 | 分页是否生效,新增的班级是否在最前 |
| 班级编辑 | 1. 点击编辑按钮<br/>2. 填写新名称<br/>3. 选择新班主任<br/>4. 点击保存按钮 | 1. 编辑前的原班级名称、班主任信息是否自动填充、选中。<br>2. 必填字段是否校验。<br>3. 必填字段未填充前,保存按钮是否禁用<br/>4. 保存成功后是否跳转回班级管理界面<br/>5. 班级列表原班级信息是否已变更为新班级<br>6. 控制台是否报错 |
| 班级删除 | 1. 点击删除按钮<br>2. 点击取消<br>3. 刷新页面<br>4. 点击删除按钮<br>5. 点击确认<br>6. 刷新页面 | 1. 控制台是否报错<br>2. 点击取消后,预删除的记录仍在。<br>3. 点击取消后,刷新页面,预删除的数据仍在<br>4. 点击确认后,数据成功删除<br>5. 点击确认后,刷新页面,预删除的数据已删除 |
测试用例完成了,后期还需要按实际的测试情况进行修正、补充。最终使其真正的成为系统上线上的最后保障。
- 序言
- 第一章 Hello World
- 1.1 环境安装
- 1.2 Hello Angular
- 1.3 Hello World!
- 第二章 教师管理
- 2.1 教师列表
- 2.1.1 初始化原型
- 2.1.2 组件生命周期之初始化
- 2.1.3 ngFor
- 2.1.4 ngIf、ngTemplate
- 2.1.5 引用 Bootstrap
- 2.2 请求后台数据
- 2.2.1 HttpClient
- 2.2.2 请求数据
- 2.2.3 模块与依赖注入
- 2.2.4 异步与回调函数
- 2.2.5 集成测试
- 2.2.6 本章小节
- 2.3 新增教师
- 2.3.1 组件初始化
- 2.3.2 [(ngModel)]
- 2.3.3 对接后台
- 2.3.4 路由
- 2.4 编辑教师
- 2.4.1 组件初始化
- 2.4.2 获取路由参数
- 2.4.3 插值与模板表达式
- 2.4.4 初识泛型
- 2.4.5 更新教师
- 2.4.6 测试中的路由
- 2.5 删除教师
- 2.6 收尾工作
- 2.6.1 RouterLink
- 2.6.2 fontawesome图标库
- 2.6.3 firefox
- 2.7 总结
- 第三章 用户登录
- 3.1 初识单元测试
- 3.2 http概述
- 3.3 Basic access authentication
- 3.4 着陆组件
- 3.5 @Output
- 3.6 TypeScript 类
- 3.7 浏览器缓存
- 3.8 总结
- 第四章 个人中心
- 4.1 原型
- 4.2 管道
- 4.3 对接后台
- 4.4 x-auth-token认证
- 4.5 拦截器
- 4.6 小结
- 第五章 系统菜单
- 5.1 延迟及测试
- 5.2 手动创建组件
- 5.3 隐藏测试信息
- 5.4 规划路由
- 5.5 定义菜单
- 5.6 注销
- 5.7 小结
- 第六章 班级管理
- 6.1 新增班级
- 6.1.1 组件初始化
- 6.1.2 MockApi 新建班级
- 6.1.3 ApiInterceptor
- 6.1.4 数据验证
- 6.1.5 教师选择列表
- 6.1.6 MockApi 教师列表
- 6.1.7 代码重构
- 6.1.8 小结
- 6.2 教师列表组件
- 6.2.1 初始化
- 6.2.2 响应式表单
- 6.2.3 getTestScheduler()
- 6.2.4 应用组件
- 6.2.5 小结
- 6.3 班级列表
- 6.3.1 原型设计
- 6.3.2 初始化分页
- 6.3.3 MockApi
- 6.3.4 静态分页
- 6.3.5 动态分页
- 6.3.6 @Input()
- 6.4 编辑班级
- 6.4.1 测试模块
- 6.4.2 响应式表单验证
- 6.4.3 @Input()
- 6.4.4 FormGroup
- 6.4.5 自定义FormControl
- 6.4.6 代码重构
- 6.4.7 小结
- 6.5 删除班级
- 6.6 集成测试
- 6.6.1 惰性加载
- 6.6.2 API拦截器
- 6.6.3 路由与跳转
- 6.6.4 ngStyle
- 6.7 初识Service
- 6.7.1 catchError
- 6.7.2 单例服务
- 6.7.3 单元测试
- 6.8 小结
- 第七章 学生管理
- 7.1 班级列表组件
- 7.2 新增学生
- 7.2.1 exports
- 7.2.2 自定义验证器
- 7.2.3 异步验证器
- 7.2.4 再识DI
- 7.2.5 属性型指令
- 7.2.6 完成功能
- 7.2.7 小结
- 7.3 单元测试进阶
- 7.4 学生列表
- 7.4.1 JSON对象与对象
- 7.4.2 单元测试
- 7.4.3 分页模块
- 7.4.4 子组件测试
- 7.4.5 重构分页
- 7.5 删除学生
- 7.5.1 第三方dialog
- 7.5.2 批量删除
- 7.5.3 面向对象
- 7.6 集成测试
- 7.7 编辑学生
- 7.7.1 初始化
- 7.7.2 自定义provider
- 7.7.3 更新学生
- 7.7.4 集成测试
- 7.7.5 可订阅的路由参数
- 7.7.6 小结
- 7.8 总结
- 第八章 其它
- 8.1 打包构建
- 8.2 发布部署
- 第九章 总结