浅谈Web界面测试
作者:网络转载 发布时间:[ 2014/1/2 11:44:26 ] 推荐标签:互联网 Web 网络
1、 控件测试
Web应用与其他应用程序一样,也有许多用以实现各种功能或者操作的控件,比如常见的按钮、单选框、复选框、下拉列表框等等。基本的当然需要考虑每一个控件其功能是否达到使用要求,是否合适的使用。有状态属性的控件在进行多种操作之后,控件状态是否依然能够保持正确,界面信息是否显示正常。
2、 多媒体测试
现如今的Web应用中,主流的一些多媒体内容包括图片、GIF动画、Flash、Silverlight等。可以通过以下方面进行测试:
(1) 要确保图形有明确的用途,图片或动画排列有序并且目的明确
(2) 图片按钮链接有效,并且链接的属性正确(比如是新建窗口打开还是在当前页面打开)
(3) 背景图片应该与字体颜色和前景颜色相搭配
(4) 检查图片的大小和质量,一般采用JPG、GIF、PNG格式,并且在不影响图片质量的情况下能使图片的大小减小到 30k 以下
(5) GIF动画是否设置了正确的循环模式,其颜色是否显示正常
(6) Flash、Silverlight元素是否显示正常。如果是控件类,功能是否能够实现
3、内容测试
内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。
(1) 验证所有页面字体的风格是否一致,包括字体,颜色,字号等方面
(2) 导航是否直观,Web应用的主要功能是否可通过主页索引
(3) 站点地图和导航功能位置、是否合理
(4) Web页面结构、导航、菜单、超级链接的风格是否一致,比如指向超级链接,点击超级链接,访问后的超级链接是否都进行了处理
(5) 背景颜色应该与字体颜色和前景颜色相搭配
(6) 验证文字段落、图文排版是否正确,文字内容是否完整显示,图片是否按原有比例显示
(7) 检查是否有语法或拼写错误,文字表达是否恰当,超级链接引用是否正确
(8) 链接的形式、位置、是否易于理解
4、 容器测试
DIV和表格在页面布局上的基本作用都是作为一种容器。其中,表格测试分为两个方面,一方面是作为控件,需要检测其是否设置正确,每一栏的宽度是否足够宽,表格里的文字是否都有折行,是否有因为某一格的内容太多,而将整行的内容拉长等;另一方面,表格作为较早的网页布局方式,目前依然有很多的Web页使用该方式实现Web页设计,此时则需要考虑浏览器窗口尺寸变化、Web页内容动态增加或者删除对Web界面的影响。
DIV+CSS测试则需要界面符合W3C的Web标准,W3C提供了CSS验证服务,可以将用DIV+CSS布局的网站提交至W3C,帮助Web设计者检查层叠样式表(CSS)。
还需要测试,在调整浏览器窗口大小时,页面在窗口中的显示是否正确、美观,页面元素是否显示正确。
5、 浏览器兼容性测试
主要测试在主流浏览器(IE6、IE8、Chrome、Firefox、Opera等)中Web界面是否显示正确,包括页面元素是否显示正确,功能是否能够满足要求。其中很多问题都是非常细致的问题,比如界面元素边框相差1px,2px等。
6、 整体界面测试
对整体界面的测试过程,其实是一个对终用户进行调查的过程。可以通过外部人员(与Web应用系统开发没有联系或联系很少的人员)的参与,得到终用户的反馈信息。
相关推荐
更新发布
功能测试和接口测试的区别
2023/3/23 14:23:39如何写好测试用例文档
2023/3/22 16:17:39常用的选择回归测试的方式有哪些?
2022/6/14 16:14:27测试流程中需要重点把关几个过程?
2021/10/18 15:37:44性能测试的七种方法
2021/9/17 15:19:29全链路压测优化思路
2021/9/14 15:42:25性能测试流程浅谈
2021/5/28 17:25:47常见的APP性能测试指标
2021/5/8 17:01:11