这是我参与「第五届青训营 」伴学笔记创作活动的第 14 天
一、引言部分
1.1 开发背景：
虽然业界已经有非常多知名组件库(antd/iview/material design等)，但实际工作中各团队通常也会应设计规范要求，自行开发属于团队内部的基础/业务组件库，对于高阶前端，开发一个属于自己的组件库已经是一种普遍但重要的基本技能。
1.2 测试目的：
1)本测试报告为组件库开发测试报告，目的在于总结测试阶段的测试用例及测试结果分析，指出一些测试过程中发现的影响用户使用的bug，以此来描述该组件库是否达到需求的目的。
2)阅读对象 为项目组所有成员及其相关验收人员
1.3 参考文档：
| 文档(版本/日期) | 已创建或可用 | 已被接受 | 作者或来源 | 备注 |
|---|---|---|---|---|
| 需求说明 | √是 | √是 | 青训营官方 | |
| 项目计划 | √是 | √是 | 组长 |
1.4 测试人员：
| 序号 | 姓名 | 角色 | 职责 |
|---|---|---|---|
| 1 | 本人 | 测试负责人 | 环境搭建、用例审核、进度把控、报告编写 |
| 2 | 另一组员 | 测试组员 | 用例编写、用例执行 |
二、测试基本信息
2.1 测试用例设计
共设计测试用例点57个：
| 测试用例编号 | 模块名称 | 子模块名称 | 测试用例描述 |
|---|---|---|---|
| test_01_01 | dy-icon | 元素验证 | 查看组件模块是否可以正确显示 |
| test_01_02 | 元素验证 | 查看组件模块是否可以正确显示 | |
| test_01_03 | 元素验证 | 测试易错项 | |
| test_02_01 | dy-message | 元素验证 | 查看组件模块是否可以正确显示 |
| test_02_02 | 基本操作验证 | 查看组件模块是否可以完成基本操作 | |
| test_02_03 | 功能验证 | 重复点击按钮 | |
| test_02_04 | 功能验证 | 测试删除功能 | |
| test_02_05 | 元素验证 | 查看消息位置设置是否正常 | |
| test_02_06 | 元素验证 | 查看消息位置设置是否正常 | |
| test_02_07 | 功能验证 | 查看自动删除功能是否正常 | |
| test_02_08 | 功能验证 | 查看自动删除功能是否正常 | |
| test_02_09 | 功能验证 | 测试错误时间输入 | |
| test_02_10 | 元素验证 | 查看消息类型设置是否正常 | |
| test_02_11 | 元素验证 | 查看消息类型设置是否正常 | |
| test_02_12 | 元素验证 | 查看消息类型设置是否正常 | |
| test_02_13 | 元素验证 | 查看消息类型设置是否正常 | |
| test_03_01 | dy-uploader | 元素验证 | 查看组件模块是否可以正确显示 |
| test_03_02 | 基本操作验证 | 查看组件模块是否可以完成基本操作 | |
| test_03_03 | 功能验证 | 提交多个图片 | |
| test_03_04 | 功能验证 | 测试超过最大可上传大小 | |
| test_03_05 | 功能验证 | 测试上传非图片文件 | |
| test_03_06 | 功能验证 | 测试上传非图片文件且超过最大可上传大小 | |
| test_03_07 | 功能验证 | 测试删除功能 | |
| test_03_08 | 功能验证 | 测试预览功能 | |
| test_04_01 | LuoDateTimePicker | 元素验证 | 查看组件模块是否可以正确显示 |
| test_04_02 | 基本操作验证 | 查看组件模块是否可以完成基本操作 | |
| test_04_03 | 功能验证 | 测试选择时间段功能是否正常 | |
| test_04_04 | 功能验证 | 测试选择时间段功能是否正常 | |
| test_04_05 | 功能验证 | 测试选择具体时间功能是否正常 | |
| test_04_06 | 功能验证 | 测试选择具体时间功能是否正常 | |
| test_04_07 | 功能验证 | 测试选择时间段功能是否能选择同一天 | |
| test_04_08 | 功能验证 | 测试选择此刻时间功能是否正常 | |
| test_04_09 | 功能验证 | 测试输入框是否可以输入时间 | |
| test_04_10 | 功能验证 | 测试组件最小时间边界值 | |
| test_04_11 | 功能验证 | 测试组件最大时间是否有边界值 | |
| test_05_01 | LuoSideNavigation | 元素验证 | 查看组件模块是否可以正确显示 |
| test_05_02 | 基本操作验证 | 查看组件模块是否可以完成基本操作 | |
| test_05_03 | 功能验证 | 测试点击内容是否出现光标 | |
| test_05_04 | 功能验证 | 测试鼠标掠过未选中标题是否有响应 | |
| test_05_05 | 功能验证 | 查看导航栏布局设置是否正常 | |
| test_05_06 | 功能验证 | 查看导航栏较小宽度布局是否正常 | |
| test_06_01 | yft-avator | 元素验证 | 查看组件模块是否可以正确显示 |
| test_06_02 | 元素验证 | 查看替代字样是否可以正确显示 | |
| test_06_03 | 元素验证 | 查看头像形状设置是否正常 | |
| test_06_04 | 元素验证 | 查看头像形状设置是否正常 | |
| test_06_05 | 元素验证 | 查看头像大小设置是否正常 | |
| test_06_06 | 元素验证 | 查看头像大小设置是否正常 | |
| test_06_07 | 元素验证 | 查看本地图片资源显示 | |
| test_07_01 | yft-dropDown | 元素验证 | 查看组件模块是否可以正确显示 |
| test_07_02 | 基本操作验证 | 查看组件模块是否可以完成基本操作 | |
| test_07_03 | 功能验证 | 查看多选功能是否可以正常使用 | |
| test_07_04 | 功能验证 | 查看输入联想功能是否可以正常使用 | |
| test_07_05 | 功能验证 | 查看级联功能是否可以正常使用 | |
| test_07_06 | 功能验证 | 查看级联功能和输入联想功能优先级 | |
| test_07_07 | 功能验证 | 查看级联功能和多选功能组合情况 | |
| test_07_08 | 功能验证 | 查看级联功能和输入联想功能优先级 | |
| test_07_09 | 功能验证 | 查看无内容时组件是否可以正确显示 |
2.2 测试环境与配置
| 软件版本 | Windows 10 家庭中文版；Visual Studio Code 1.75.1 |
|---|---|
| 硬件版本 | Dell Inspiron 7500;Intel(R) Core(TM) i7-10750H CPU @ 2.60GHz 2.59 GHz |
2.3 测试方法和工具
| 单元测试 | 手动测试/jest |
|---|---|
| E2E端到端测试 | Cypress |
三、测试结果及其分析
3.1 缺陷汇总
Bug状态统计：
| Bug状态 | Bug总数 | 严重 | 一般 | 提示 |
|---|---|---|---|---|
| Postponed | 10 | 0 | 5 | 5 |
| Resolved | 1 | 1 | 0 | 0 |
| Submit | 7 | 0 | 7 | 0 |
| Count | 18 | 1 | 12 | 5 |
Postponed: 因为不是很重要或技术难度过大或需求不明确，可推迟到下一个版本再解决 Resolved: 已被开发人员找到原因并修复的缺陷。
Submit: 测试人员发现并提交的 bug。
各组件Bug数统计：
| 组件 | Icon | Message | Uploader | DateTimePicker | SideNavigation | Avator | DropDown |
|---|---|---|---|---|---|---|---|
| 数量 | 0 | 1 | 4 | 5 | 3 | 2 | 4 |
3.2 测试覆盖
各组件功能覆盖率: 100%
四、测试结论与建议
4.1 测试结论
遗留Bug的ID值为：
test_04_07， test_04_08， test_05_03， test_05_05，
test_05_06， test_06_07， test_07_07， test_07_08
所有的功能已经实现，基本稳定，性能上达到了要求，但还存在以下问题：
4.2 建议
建议已于4.1表中给出
