页面测试点testpoint

页面测试点整理（非逻辑测试点）

由于自己一年来一直在做页面测试，也看了很多测试理论的书和方法，但是方法并非也无法照搬，此处总结自己工作以来通过各种坑摸出来的一些方法点，希望一边靠上经典测试理论，一边形成自己的一套测试方法。

h5页面介绍

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。

我通俗理解，移动端h5页面就是移动端app的内嵌浏览器中展示的web页面，由于h5页面的处理能力比app原生（俗称native）页面差，因此与用户的内容交互较少，主要功能是偏内容展示，次要功能是 非内容性交互。

内容展示类：

1. tab切换类功能：
   • 确认tab切换流畅，tab的锚点正确跳转
2. 列表类内容的分页：有些信息内容较多，请求无法一次大量请求，此时需要分页
   • 确认当类目无内容时，页面展示（此为边界条件测试）
   • 确认当内容条数为分页size的边界值
   • 确认当内容条数>分页size
   • 多次下拉页面，查看请求内容是否重复

非内容性交互：

我定义的非内容性交互，是指 比如领取、点赞、分享、购买等行为交互，未对服务器端添加新的内容，只会更改现有数据的状态

1. 请求方式为ajax请求：
   • 检查行为动作后，页面状态展示；
   • 确认数据库状态
2. 对于跳转页面操作后返回：（如跳转至页面登录后返回）
   • 检查行为动作后，页面是否刷新
   • 确认数据库状态

native页面介绍

native页面是指移动端C/S架构中的页面，它的特点是部分逻辑功能在页面客户端处理，所以处理速度快，性能稳定，因此可用户与用户进行填写表单的内容交互。当然，native页面在内容展示和非内容交互上也会有很多人用。

填写信息类交互：此类会对填入信息有较多的边界检查测试

1. 数字类
   • 确认提交内容是否为int或long或string等类型
   • 数值型，check正常填写内容
   • 数值型，check填写正常范围以外的数值，包括 负值、0、多位小数
   • 数值型，check填写非数值
2. 字符类
   • check正常字符
   • check字符位数
   • check非正常字符，包括标点、大小写、汉字、运算符等
3. 选项类提交，一些交互是需要提交选项内容，页面有多个选项框
   • 检查每个单一选项框选择后在结果框中是否正确
   • 测试多个内容交叉选择及边界条件
4. 两端校验
   • 测试前端校验
   • 测试web服务端校验，如通过url提交修改数据，校验是否能正常提交
5. xss攻击
   • 测试提交内容中包含html代码时是否会有错误

内容展示类

由于native页面对于数据的依赖性较强，当数据不正确时容易发生crash，因此在做内容展示类测试时，除上述h5的check外，还需要

• 通过mapi接口，检查展示内容的每一个字段、每一个图片链接是否正确
• 兼容性：mock接口吐的每个字段为null、0、[]时页面是否展示空模块，是否会crash
• 兼容性：mock链接不正确时点击页面是否会crash

非内容性交互

由于h5页面多是通过ajax请求完成碎片化内容的提交和页面展示，而native页面则是通过mapi来提交，并且提交后并不会主动更新页面内容，因此要

• check在发生行为动作后，是否再次调用mapi（状态刷新类mapi）更新页面