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