H5页面测试
-
环境配置
一般的测试流程是H5页面开发完成后,先在测试环境进行测试,测试通过再部署到线上环境,所以测试阶段要先进行测试环境配置。 -
测试关注点
2.1 业务逻辑测试
业务逻辑相关的测试,视具体业务的需求而定;
2.2 页面元素UI测试
页面UI主要包括文字、图片以及页面布局等方面测试;
文字:风格一致、错别字、标点符号统一、换行是否显示正常、一行长文字是省略显示全显示、图片与文字是否一致、刷新页面文字是否展示;
图片:1)静态:大小、风格;2)动态:大小、风格、准确性动态图、转场动画,loading动画,点击动画等;3)刷新页面图片是否正常展示;4)图片适配:根据不同屏幕和分辨率进行适配;
页面布局:页面文字图片是否能自适应屏幕、整体布局是否合理等;
内嵌链接:空链接、刷新链接数据是否展示;链接跳转是否正确;
2.3 页面操作
1)刷新与返回
页面刷新是否仍然处于当前页面;
用户主动点击刷新按钮是否仍然处于当前页面;
点击返回与back键,回退页面是否是期望页面(安卓物理按键返回;iOS左滑返回,考虑左滑一半松手,自动回到H5页面是否正常加载的情况);
2)翻页
遇到翻页加载的页面,需要注意内容为一页或者多页的情况;
数据分页加载时ÿ