web界面测试中需要测试的几个点

web界面测试中需要测试的几个点

一、界面测试的目的

检查用户界面的风格是否满足客户的要求, 是否通用，文字是否正常，页面是否美观，文字，图片是否结合完美，操作是否友好等等。

二、界面测试中需要测试的地方

1、 控件测试

Web应用与其他应用程序一样，也有许多用以实现各种功能或者操作的控件，比如常见的按钮、单选框、复选框、下拉列表框等等。最基本的当然需要考虑每一个控件其功能是否达到使用要求，是否合适的使用。有状态属性的控件在进行多种操作之后，控件状态是否依然能够保持正确，界面信息是否显示正常。

例如：Edit控件对输入的有效性判断

2、 多媒体测试

现如今的Web应用中，主流的一些多媒体内容包括图片、GIF动画、Flash、Silverlight等。可以通过以下方面进行测试：

(1) 、要确保图形有明确的用途，图片或动画排列有序并且目的明确

(2)、图片按钮链接有效，并且链接的属性正确（比如是新建窗口打开还是在当前页面打开）

(3)、背景图片应该与字体颜色和前景颜色相搭配

(4)、GIF动画是否设置了正确的循环模式，其颜色是否显示正常

3、内容测试

内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。

(1) 、验证所有页面字体的风格是否一致，包括字体，颜色，字号等方面

(2) 、检查文字的描述和所对应的功能是否一致、检查错别字

(3)、导航是否直观，Web应用的主要功能是否可通过主页索引

(4)、站点地图和导航功能位置、是否合理

(5) 、背景颜色应该与字体颜色和前景颜色相搭配

(6)、验证文字段落、图文排版是否正确，文字内容是否完整显示，图片是否按原有比例显示

(7) 、检查是否有语法或拼写错误，文字表达是否恰当，超级链接引用是否正确

4、 容器测试

li和表格在页面布局上的基本作用都是作为一种容器。其中，表格测试分为两个方面，一方面是作为控件，需要检测其是否设置正确，每一栏的宽度是否足够宽，表格里的文字是否都有折行，是否有因为某一格的内容太多，而将整行的内容拉长等；另一方面，表格作为较早的网页布局方式，目前依然有很多的Web页使用该方式实现Web页设计，此时则需要考虑浏览器窗口尺寸变化、Web页内容动态增加或者删除对Web界面的影响。

li+CSS测试则需要界面符合W3C的Web标准，W3C提供了CSS验证服务，可以将用li+CSS布局的网站提交至W3C，帮助Web设计者检查层叠样式表(CSS)。

还需要测试，在调整浏览器窗口大小时，页面在窗口中的显示是否正确、美观，页面元素是否显示正确。

5、 浏览器兼容性测试

主要测试在主流浏览器（IE主流版本、Chrome、Firefox、Opera等）中Web界面是否显示正确，包括页面元素是否显示正确，功能是否能够满足要求。其中很多问题都是非常细致的问题，比如界面元素边框相差1px,2px等。

6、 整体界面测试

对整体界面的测试过程，其实是一个对最终用户进行调查的过程。可以通过外部人员(与Web应用系统开发没有联系或联系很少的人员)的参与，得到最终用户的反馈信息。