Checklist 汇集了有经验的">测试人员总结出来的最有效的测试想法,可以直接有效的指导测试工作,开阔测试人员的思路,能够快速的发现产品的缺陷并实现较好的测试覆盖,更重要的是该 Checklist 在不同的项目中具有很强的通用性。该系列文章中,将在每个部分给出具体的有效的 Checklist 并提供相关应用实例,以便于您的理解和应用。
在 Web 开发测试中,导航和链接为用户提供了丰富的操作体验,用户可以通过导航和链接实现对各类数据的访问。导航,从基本意义上理解,就是当用户触发该导航操作后,用户界面将被指向当前系统的另外一个目的页面的过程,换句话说,导航实现了在系统内部从一个数据页面到另外一个数据页面的变化过程,这有助于用户更加方便快捷的访问关联的数据内容。链接,在这里我们指的是从 Web 产品内部直接连接到外部目的地址的超链接。
对于本文中提到的导航和链接,简单来说,可以这样理解:导航是 Web 产品内部的跳转和移动,链接是从 Web 产品内部对外部地址的访问。
导航 Checklist 介绍
表 1. 导航 Checklist 总结
序号 Checklist 1.1 检查
滚动条在需要时是否能正确显示 1.2 验证网页上的所有操作均可以通过键盘操作完成 1.3
面包屑导航是否存在? 1.4 确保在未保存当前页面时离开页面有用户提示信息
1.1 检查滚动条在需要时是否能正确显示
滚动条的显示在网页导航中的作用非常重要。在需要时,滚动条的恰当显示是必要的。下面通过几个例子来演示滚动条在网页产品中可能遇到的一些缺陷实例。
图 1. 冗余的滚动条显示
从图 1 中可以看到,该网页窗口中,当前并没有显示任何超出窗口显示范围的内容,但依然显示了水平和垂直两个方向的滚动条。此时,这两条滚动条是多余的,是产品的一个缺陷。
图 2. 滚动条在窗口尺寸变化需相应变化
通常情况下,滚动条位于一个显示区域的边缘,当位于该边缘的另外一个区域尺寸发生变化时,滚动条的位置也需要随之发生变化。如图 2 中所示,当图中下端的预览窗口尺寸发生变化时,上端的滚动条并未跟随相应的移动到预览窗口的上边界,从而出现了中间的空白区域,此问题是一个产品缺陷。