浅谈Web界面测试

显示全部楼层 · 2015-9-22 15:53:22

随着互联网的飞速发展，Web渗透到日常工作生活的方方面面。Web本意是蜘蛛网和网的意思，现广泛译作网络、互联网等技术领域。
Web有以下几个方面的特点：
一、Web是图形化的和易于导航的
Web可以在一页上同时显示色彩丰富的图形和文本的性能，并非常易于导航的，只需要从一个连接跳到另一个连接，就可以在各页各站点之间进行浏览了。
二、Web与平台无关
无论从Windows平台、UNIX平台、Macintosh还是别的什么平台，都可以通过浏览器访问WWW。
三、Web是分布式的
大量的图形、音频和视频信息可以放在不同的站点上。使在物理上并不一定在一个站点的信息在逻辑上一体化，然而从用户来看这些信息是一体的。
四、Web 是动态的
Web站点的信息包含站点本身的信息，信息的提供者可以经常对站上的信息进行更新，以保证信息的时间性。
五、Web是交互的
用户可以向服务器提交请求，服务器可以根据用户的请求返回相应信息。

我们每天都会接触各种各样的Web应用，从社交网络到博客、微博，从OA系统到信息管理系统，Web页面正是构成这些应用的基本元素之一，然而一个好的Web界面使Web页面变得有血有肉，不但增强了用户体验，更有利于信息的传递和表达。从而Web界面测试也有了非常重要的意义。
在Web界面设计好之后，与其他软件测试一样，首当其冲的是充分了解测试需求，确立测试目标，明确测试内容，使用正确的测试方法。
Web界面面对的是用户，用户通过Web界面实现对软件、数据库的操作。通过Web界面测试可以确保Web应用向用户提供了正确信息的显示，从而使用户能够进行正确的操作，来实现Web应用的功能。除此之外，Web界面测试还要确保UI对象符合预期的要求，满足用户的易用体验要求并符合行业的标准。

以下谈一谈对Web界面测试的一些基本方法技巧以及注意事项。
一、Web界面测试的目标：
1、Web界面的实现与设计需求、设计图保持一致，或者符合可接受标准
2、使用恰当的控件，各个控件及其属性符合标准
3、通过浏览测试对象可正确反映业务的功能和需求
4、如果有不同浏览器兼容性的需求，则需要满足在不同内核浏览器中实现效果相同的目标
二、Web界面测试方法
针对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应用系统开发没有联系或联系很少的人员)的参与，得到最终用户的反馈信息。

千问 · 2015-9-22 15:53:22

这是软件行业的发展趋势啊

千问 · 2015-9-22 15:53:22

good job