web通用测试用例
通用性功能点
Web测试，进行抽离拆分，基本上就如下一些内容。唯一区别是，一些特性 & 细节 。
我们系统的通用功能
一、列表页面
基本组成：搜索、列表、点击、操作、权限、导出
image.png
1、搜索
- 筛选项是否缺少、筛选字段是否正确（建议和UI稿比对）
- 筛选项的内容是否正确
- 筛选项为：输入框时
- 精准匹配还是模糊匹配（测试需要注意点）
- 是否有默认提示内容
- 输入内容前后空格是否做处理
- 支持多个字段值的输入时，是否支持
- UI布局是否整齐
- 筛选项为：下拉框时
- 是否需要输入联想
- 下拉框的内容是否符合要求（比如单据状态,尤其功能迭代时很容易忘记加）
- 支持单选还是多选
- 筛选项为：日期选择
- 只选择开始时间或者结束时间，请求时传值是否正确
- 是否有默认值
- 时间精准度（尤其是时区处理问题与服务端协议好）
- 筛选项为：地址选择组件
- 是否支持删除
- 是否支持输入联想
- 筛选项的选择和实际请求传值是否一致（比如：①全部和为空容易出错 ；②状态值0、1、2也经常出错）
- 搜索时，字段名称传错（比如：1、字段名称差个s；2、字段名称混淆未按照接口文档传参）
- 是否有默认值（比如：日期默认当月、近一个月等）
- 筛选输入框的默认提示是否正确（UI容易出错的地方导致前端实现也会出错）
- 页码定位在非第一页时，搜索时page≠1，导致搜索结果为空
- 导出表格的内容是否与实际筛选出的内容一致（尤其有时间组件的筛选）
- 搜索后，进入二级页面返回到一级页面，筛选条件是否保留
- 单个筛选和组合筛选是否有效（提测前需要和服务端联调）
- 重置按钮是否有效
2、列表
- 检查字段名称和字段值是否正确（常见问题：1、缺少某个字段 2、两个字段和字段值混乱 3、字段值对应的文案错误 4、需要前端添加前缀的未添加）
- 字段顺序是否符合要求
- 列表分页数据是否展示正确，切换页码或者页容量是否有效
- 列表是否需要分页功能
- 是否有需要固定的字段
- 字段名是否需要加注释
- 字段值是否支持点击跳转，跳转页面是否正确（常见问题）
- 字段值是否支持点击弹窗查看详情
- 列表操作数据后，是否重新请求数据，请求的间隔时间是否合理（常见问题）
- 从二级页面返回，页码定位和筛选数据是否有保留
- 列表的hover提示内容 UI是否美观（常见问题：一长串提示全部展示一行）
- 列表支持按照某个字段值排序时，是否只针对单页有效
- 操作项是否有二次确认提示
- 操作项为空时，是否展示/
- 字段值后面是否多加了其他内容(常见问题：id后面加.)
- 操作按钮的操作权限是否有效
- 操作按钮和单据状态相关时，当服务端返回的字段由int变成String的时候是否需要兼容
- 页码定位在非第一页，导出内容是否正常
- 字段值的展示是否符合要求（1、数量和金额展示0而不是/ 2、日期是到日还是秒 3、金额展示是否需要特殊处理）
- 图片是否能正常展示，包括特殊格式的图片，是否支持查看大图
- 页面数据为空的展示
3、导出
- 导出是否请求接口
- 页码在非第一页，是否能正常导出（往往会导出为空）
- 包含筛选条件的导出，数据是否是筛选出的数据非全量数据（可能导出时，某个筛选条件未传参）
- 导出数据前端命名时，命名是否符合要求
- 导出数据是否为筛选出的全量数据，一般可能受pageSize的影响（可能服务端未处理，按照前端传的pageSize导出）
- 导出数据量较大时，是否有导出中的效果
- 导出超时时，处理是否友好，是否有报错信息且终止导出
- 页面包含数据权限时，导出内容是否超出权限数据
- 导出按钮UI是否符合要求
- 导出服务端是否限制了最大导出数量
- 导出内容包含特殊符号 ，比如 分隔符号\，是否会影响导出
二、控件
1、输入框
- 字符型输入框
- 是否必填，必填时，只输入空格或者空行是否限制提交
- 是否有最大长度限制
- 输入内容前后有空格时是否有处理
- 必填项未填提示的时机是否正确
- 必填和非必填的限制是否有效
- UI是否友好，能够展示下输入的内容
- 对于信息比较长的文本，文本框有没有提供自动竖直滚动条
- 数值型输入框
- 是否有默认值
- 位数是否符合要求
- 边界值检查（是否满足需求）
- 特殊要求
- 手机号
- 邮箱
image
2、下拉选择框
- 下拉选项值是否正确，没有丢失或错误
- 如果是前端写死的，选项是否多或者少（状态值很常见）
- 如果是服务端返回的，选项值正常是展示启用，是否展示了禁用内容
- 下拉选项值禁用/停用等状态是否需要过滤（常见问题）
- 下拉选项值是否需要默认值
- 是否支持输入联想
- 条目较多时，列表的高度是否合适
- 是否与其他菜单的联动（比如：商品档案里面很多联动）
- 列表框允许多项选择时，检查使用鼠标选中条目的功能，选中后回显正确
- 下拉选项值的排序是否符合要求
3、单选
- 选项内容和顺序是否符合需求
- 是否需要默认选中某个字段值
- 切换每个选项值提交后，请求传值是否正确
- 是否会出现同时为空的情况
4、多选
- 选项内容和顺序是否符合需求
- 可同时被选中，同时被选中提交后存储到数据库中正确
- 可以部分被选中，部分选中提交后存储到数据库中正确（常见问题：设计师版本）
- 可以都不选中（根据需求定）
- 逐一执行每个复选框的功能
- 是否有默认的选项
- 支持多选时，是否有个数限制，超过限制个数，是否给出友好提示
- 多项内容或者选项内容较长时，UI是否正常显示
5、文件
- 是否必填
- 上传文件格式是否符合需求
- 上传文件后文件名的展示是否和上传文件一致
- 是否有大小的限制（大小是否符合需求）
- 提交后，文件是否正常展示且url正确，可预览
- 上传后，是否支持删除，删除后提交是否真正未传文件
- 上传后，重新上传，提交后的文件是否为新文件信息
- 填入其他表单信息，文件是否会被清空
6、图片
- 是否必填
- 是否有格式要求
- 是否有大小限制（超过限制提示是否友好，是否支持再次上传）
- 上传后是否可预览
- 是否支持多张上传
- 多张上传，顺序是否和上传顺序一致
- 上传后是否支持重新上传
- 重新上传后，提交的图片是否正确
- 是否支持删除
- 删除后，提交时是否为空
- 多张图片是否支持排序
- 如果为必填，反复上传和删除，必填的判断是否失效
- 填入其他表单信息，图片是否会被清空
7、日期选择
- 选择日期后是否正确会显到页面上，并且格式正确
- 选择日期后，清除是否成功
- 选择日期后，是否可以更改
- 是否有特殊要求：限制只能选择某段时间（常见问题）
- 提交请求时，日期选择和提交的信息是否一致
- 是否有默认日期
- 是否要求必填
- 通过左右按钮进行年和月的选择，是否正确
- 查看页面，日期的展示应为不可编辑状态
- 日期控件的长度是否合理，以修改时可以把时间全部显示出来为准
三、增改删查
1、新建
- 每个字段的要求是否满足，字段名和字段值是否正确
- 是否根据需要限制必填项和非必填
- 提交数据是否正确性，对编辑页的每个编辑项进行修改，点击保存，是否可以保存成功
- 提交按钮是否防抖，提交数据时，连续多次点击，查看系统会不会连续增加几条相同的数据或报错
- 提交后遇到服务端返回的错误信息是否有提示
- 报错提示信息是否重复（时常出现error和message同时展示出来）
- 提交后提交成功的交互是否合理，一般提交成功提示 提交成功且关闭新建弹窗；或者提示提交成功且返回到列表并刷新列表数据（常见问题）
- 进入新增页面或者弹窗，输入内容后不提交直接关闭弹窗或者页面，下次新建时内容是否重置（常见问题）
- 新增页面的title是否正确
- 表单字段间存在联动关系时是否正确展示（常见问题）
- 表单字段是否互相影响（比如上传图片后再输入其他字段的内容，图片会被清空）
- 删除某个字段内容再输入后，必填的判断错误（常见：0和空 ；地址；图片）
- 表单部分必填字段未填写时，点击提交按钮的处理是否正常（常见：提交按钮一直loading)
- 新增为新开页面时，路由是否正确
- 新增数据量较大时，上传数据的处理是否合理速度是否正常
- 涉及到列表，分页数据是否能正常展示
2、编辑
- 编辑页面的title(常见问题：和新增页面title一样）
- 编辑页面的服务端返回的字段内容是否正确显示（常见问题：某个字段值为空不显示）
- 编辑页的路由是否正确（常见问题：页面出现404；弹窗进入非编辑页）
- 编辑每个字段的内容后提交，验证每个字段的值是否更新成功（常见问题：字段值传错）
- 编辑后，提交服务端报错后的处理（常见问题：提交按钮loading)
- 编辑后，提交成功的提示容易和新建提示一致
- 编辑内容，但是还未提交，列表数据会随之变动
- 编辑时，某个字段是否要求不可编辑 （常见问题）
- 编辑后，提交成功列表的数据是否更新
- 数据量大时，进入编辑页内容是否可以正常渲染（FLY的活动配置）
- 编辑后，返回到列表页面是否保留在当前页面
3、查看
- 查看点击事件是否有效（常见问题）
- 查看页面跳转路由是否正确
- 页面或者弹窗的title是否正确
- 页面字段和字段值是否正确（常见问题：缺失某个字段）
- 查看页面的内容是否为不可编辑状态
（常见问题：日期或者输入框为可编辑状态；图片或者文件有删除按钮）
- 文件或者图片是否支持预览
- 交互是否符合需求，新开页签还是跳转页面
- 查看页面返回，是否保留原搜索条件或者定位在原页码
4、删除
- 是否需要二次确认
- 删除的确认文案是否正确
- 删除的数据是否正确，有没有多删、少删、删错的情况
- 删除操作是否有效
- 删除第一个、最后一个、分页的数据时，删除的数据是否和选择删除的一致
- 删除后，数据是否更新
5、文件导入
image.png
