前端自测.

交互

宽度1200px

表单校验（长度、敏感词汇）

初始化、loading、结果（空）

表单重复提交(loading),请求拦截(限流)

数字（大数据）千分位

文本长度（省略号）

数据查询结果校验（按条件查询结果是否正确）

空数据传参 ?xx=‘’

参数头尾有空格

表单最后一项是输入框 应该支持enter提交

分页切换后滚动条移动到内容区顶部

删除等操作是否有二次确认

列表翻页是否正常

批量操作是否正常

文件上传时是否做了类型、大小、数量限制

表单编辑时，数据回显是否正确。

表单编辑时，无改动提交，改动后提交时候正确

表单提交后成功后，是否有刷新列表

#用户视角
正常的使用和点击操作，按照一个普通用户的角度去点击，忘掉那些交互细节。有没有觉得哪里不太舒服，记得赶紧向产品提出，不然可能又是后期的紧急需求变更。

需求阶段和设计阶段，很多交互和界面基本都是产品凭空想象，即使UI搞很逼真但依然动不起来，

组合测试：防止不同模块的功能相互冲突

#功能测试
单元功能，是我根据开发中某个单小功能分解出来的，比如

似乎所有需要输入的地方大概都有以下注意点，但几乎没有产品在需求稿中如此细致，往往测试阶段再考虑。或者出了问题再考虑。

你需要做的是

限制最短和最长字数，超出或未达到给出相应提示
限制特殊字符评论，是否支持某些表情包（输入法自带）
点击评论设置防抖（防止用户短时间多次点击评论，导致至少发出至少两条请求）
是否只支持而特定格式纯数字？纯字母
是否需要添加风控词过滤接口
#视觉视角
UI设计师可能给你埋下的坑
需求稿中的的字段，视觉稿无体现，和需求稿不一致（到底以谁为准）
部分视觉设计未考虑极限情况，比如给某副标题预留5个字位置，然而线上老版本该字段有一些5+的情况，
自己可能埋下的坑
不同块之间的外边距和内边距，可能由于边框等存在微小差异
多次调整导致色值出现差错
开发中需求加了一行数据，或者加了一块内容，导致整体布局重新做
#极限检查
极限检查主要指极限值出现时的样式检查。例如：名称，预留位置为50px,假如有些用户名超出50px,此时需要超出行不显示或者显示省略号，设置title，保证隐藏部分用户鼠标放置可见

如以下实例

#后端视角（数据）
后端最容易出问题的首先就是和前端交接时使用的 ：接口文档

#接口数据对照
开发中极易容易出现数据接错的情况，比如大量number类型的数据，且大小类似，后端测试不特意关注这一块的话，很容易出现，上生产，数据接错问题。

#单项数据异常为空的情况
有些数据的为空时，页面极易容易出现以下问题

页面数据项显示 undefind、NaN。
控制台报Cannot read property ‘length’ of null之类的错误
数据为空，布局错位
#你需要做的是
接口数据变量对照，确认哪些变量没用到，和后端及时沟通。
接口code或接口异常处理和容错处理
确认某一项数据为空或异常的情况
在接口异常时，保证提示给用户“网络异常，稍后重试”，“活动火爆，请稍后重试”之类的提示语，杜绝让用户看到出现一些程序开发专业数据，例如“当前token值失效，请重新登录”“请求参数有误”之类的专业名词

#兼容性考虑
#浏览器
根据需求对不同手机系统或浏览器的兼容版本，进行分别检查

#窗口、显示器
动态调整窗口大小，检测是否错位，为页面数据添加极限值，检测适应性

#性能和优化问题
如果你顺利通过以上自测，距离正式提交测试还有时间的话，那是时候优化了

随着开发的深入，最初设计的dom布局结构可能过于错乱，在项目接近尾声时可以对其进行重构
对容易出错的地方进行重构
对无用代码删减
#常规测试用例
#UI自检
测试步骤 测试数据 预期结果 备注
文本过长是否溢出隐藏
容器内容是否贴边
屏幕较小时布局是否会乱
数据为空是否有提示
页面刷新后导航焦点是否保持
页面渲染时是否会明显跳动 预防重排
数据加载时间较长是否有loading
移动端唤起键盘时输入框是否可见
数据请求异常时是否有提示
多个相同数据异常信息是否有去重
#搜索或查询
测试步骤 测试数据 预期结果 备注
单独遍历各查询条件，测试按各查询条件是否都能够查询出相应的值 查询出符合条件的记录
随机对各查询条件进行组合查询，测试是否能够实现组合查询 各查询条件下存在相应的值 查询出符合条件的记录
测试是否控制了各种非法字符的查询 测试是否控制了各种非法字符的查询 查不到任何记录
输入各查询条件，前中后包含空格 前后包含空格去掉空格查询，中间包含空格查不出记录
如果最后一个搜索条件是输入框,enter是否可以查询 查询出符合条件的记录
输入查询条件后，点重置 重置后,已输入或已选择的值都恢复为默认值，并且请求中的数据也是默认值
#上传文件
测试步骤 测试数据 预期结果 备注
文件类型正确，文件大小合适 上传成功
文件类型正确，文件大小不合适 上传失败
文件类型错误，文件大小合适的校验 上传失败
#文件的导出或下载
测试步骤 测试数据 预期结果 备注
导出文件名是否乱码
导出大量数据时的时间是否在合理的时间范围内
#保存和修改
测试步骤 测试数据 预期结果 备注
进行新增或修改操作，输入相关内容后，多次提交保存，测试是否限制了重复保存 重复点击保存或 快速点击 在提交反馈之前，按钮呈灰色显示不允许点击
选择一条记录进行修改保存，测试信息修改是否正常 修改某几个字段 能够正常进行修改保存且其他字段保持不变
有否做必填以及特殊字段校验