前端测试checklist

1 页面检查

1、控件大小统一、控件齐全、顺序正确（如：单选按钮、复选框、日期控件、输入框、下拉框等、按钮）
2、字体大小统一（字体、字号、颜色、样式、字间距）
3、文本左对齐，数值右对齐
4、图片显示样式、大小、尺寸显示正确
5、页面显示无乱码
6、页面显示无重叠
7、颜色风格统一
8、页面无js错误
9、需要必填的控件，有必填提醒，如 *
10、页面无错别字
11、出错时给出的提醒无歧义，表述清晰
12、页面上提醒用户的文案正确且齐全，包括tips的提示文案
13、合理添加左右滚动条和上下滚动条
14、控件摆放的位置合适（如确认按钮在左、取消按钮在右）
15、适时禁用功能按钮（如权限控制时无权限操作时按钮灰掉或不显示；无法输入的输入框disable掉）
16、用词统一（描述同一个意思的词语被不同地方用到时要统一）
17、title显示正确
18、合理添加返回链接，比如detail页面可以返回到list页面
19、导航位置正确
20、需要添加链接的地方是否都已添加链接并且正确（如：点击公司名称，新窗口打开旺铺）

2 功能逻辑检查

1、字段输入内容的校验（输入框输入空、小于最小长度、超长时给出合理的提醒；日期控件需要检查非日期格式的情况）,注意，不仅需要对各个文本框单独进行校验及文案提醒,还需要考虑全面组合之后的校验及提醒
2、字段为空时的显示校验（字段内容为空时，整个字段不显示还是内容显示为空）
3、字段为极限值的显示校验（超长截取显示，还是完整显示，还是换行显示）,当页面各项取值均为极限值时,页面样式显示正常
4、小数的位数显示多少位，是否以四舍五入的方式显示(如:输入1.245，小数位最多两位时，四舍五入为1.25)
5、数字为12位（千亿）时，不以科学计算法显示、不会溢出显示为负数
6、注意小数的点浮点显示的问题（如：输入8.1，不能显示为8.100000000000001）
7、html标识符，对js和html代码作转义处理
8、字母大小写转化（如：memerid都是小写）
9、冷僻字的显示正确，不会显示乱码
10、新增页面默认值的检查（如：单选按钮默认选择“全部”，复选框默认选择“未审核”等，下拉默认选中“请选择”等)，修改页面默认显示已有内容。
11.文本框默认提示文案,是否为灰色,鼠标点击之后,文案是否消失
12、删除后是否刷新，页面立即不显示被删除的内容
13、重复提交问题，无法重复提交（刷新重复提交；后退后继续单击提交进行重复提交）
14、异常分支的出错提示（如选择已被删除的记录，单击删除如何提醒；选择已被删除的记录修改如何提醒，a用户删除b用户的记录如何提醒）
15、在新窗口还是原窗口打开（如：list页面中打开detail页面一般都是新窗口打开；成功页面在原窗口打开）
16、弹出窗口被ie拦截的问题
17、检查标签的切换正常
18、要注意与开发的联调，如：注意接口的参数命名是否一致
19、要考虑自动过滤空格的情况（如：输入登录id的输入框需要自动过滤空格，输入金额的输入框需要自动过滤空格）
20、表单提交失败停留在当前页面，已输入的内容不会被清空，或重新选择
21、回车键的功能是否有效（如：输入查询内容单击回车显示查询结果；输入表单内容单击回车，提交表单）
22、文案提醒若有icon,需要检查图案是否合理
23、若有多个radiobutton,需要点击切换,查看是否出现样式异常

3 业务相关逻辑测试

1、订单提交后不允许修改，那么就不显示修改链接
2、提示文案的逻辑（如：字段名为“电话号码”，则出错显示为“电话号码不能为空”）
3、诚信通logo（个人普及、个人限量、企业普及、企业限量）
4、相同记录是否会报错
5、有时间段的查询时，开始时间不能大于结束时间
6、点击贸易通logo可以弹出对话框
7、需要做违禁词控制的地方是否都做了控制
8、检查单位对不对（比如：金额、重量、体积等）
　
4 浏览器检查

一般情况下检查IE 、谷歌、firefox（不同浏览器里,CSS/JavaScript存在兼容性问题）

5 分辨率检查

不同分辨率页面布局显示是否合理，整齐，分辨率一般为1024*768 > 1280*1024 >800*600

6 环境问题

1、调试代码不要提交到测试环境
2、测试的style环境，不要随意更新，需要规范style的环境更新
3、提测的style分支需要跟主干合并(merge的过程与线上保持一致，也需要进行js文件的压缩)，合并的时间点大致如下：提测进行冒烟测试时需要合并、功能测试完成后进入回归测试时需要合并、回归测试阶段如果有重大项目发布也需要合并主干、上预发布之前需要再合并一次主干。