UI测试要点
1、所有页面整体风格统一。
2、页面布局协调(如有设计稿,参考设计稿。)
页头、页脚内容完整,一致;
页面框架清晰;
页面字体统一协调;
banner展示及轮播效果
导航栏的展示,内容分布间距。
线条粗细有组织,有设计;
图片大小,位置,分辨率,横竖向无拉伸,图片读取正常,上传多张图片需要展示其中一张时图片地址读取正确;
输入框大小、位置,是否有提示信息;
下拉框长度,宽窄,与背景页透明度,下拉选项正常显示;
多选单选框排列整齐,点选位置明确;
页面滚动条位置,宽窄正常,内容分页功能按钮显示齐全;
页面下拉加载功能展示提示明确。
3、页面控件的加载顺序,当控件未加载完成时,有正确的提示信息;页面加载到最后也同样有提示信息。
页面插件的功能。比如:1)图表信息,即有图也有标注信息,并且标注信息随鼠标移动而变化。
2)直播控件,在直播开始前后以及直播过程中都应该显示相应的控件信息。
3)图片的展示,鼠标移动后图片放大展示更多图片细节内容,展示图片的不同位置信息等。
4)搜索功能,搜索的多选,单选,叉掉已选条件等功能展示
5)分页功能,锚点功能展示及跳转后页面展示。
4、页面的适配情况
在多个浏览器下查看效果,如Chrome,Firefox,360,QQ等等。(根据项目实际需求及领导要求)
UI测试方法
一般选择Chrome浏览器,输入页面连接,点击F12,即可点击相关组件。
输入框测试:见下图,输入框的各种参数一目了然
今天先分享一个控件的操作,后续再补充其他控件。。。