UI测试要点及测试方法


UI测试要点

1、所有页面整体风格统一。

2、页面布局协调(如有设计稿,参考设计稿。)

  页头、页脚内容完整,一致;

  页面框架清晰;

  页面字体统一协调;

  banner展示及轮播效果

  导航栏的展示,内容分布间距。

  线条粗细有组织,有设计;

  图片大小,位置,分辨率,横竖向无拉伸,图片读取正常,上传多张图片需要展示其中一张时图片地址读取正确;

  输入框大小、位置,是否有提示信息;

  下拉框长度,宽窄,与背景页透明度,下拉选项正常显示;

  多选单选框排列整齐,点选位置明确;

  页面滚动条位置,宽窄正常,内容分页功能按钮显示齐全;

  页面下拉加载功能展示提示明确。

3、页面控件的加载顺序,当控件未加载完成时,有正确的提示信息;页面加载到最后也同样有提示信息。

  页面插件的功能。比如:1)图表信息,即有图也有标注信息,并且标注信息随鼠标移动而变化。

             2)直播控件,在直播开始前后以及直播过程中都应该显示相应的控件信息。

             3)图片的展示,鼠标移动后图片放大展示更多图片细节内容,展示图片的不同位置信息等。

             4)搜索功能,搜索的多选,单选,叉掉已选条件等功能展示

             5)分页功能,锚点功能展示及跳转后页面展示。

  

4、页面的适配情况

  在多个浏览器下查看效果,如Chrome,Firefox,360,QQ等等。(根据项目实际需求及领导要求)

UI测试方法

  一般选择Chrome浏览器,输入页面连接,点击F12,即可点击相关组件。

  输入框测试:见下图,输入框的各种参数一目了然

 

 

 今天先分享一个控件的操作,后续再补充其他控件。。。

 

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM