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

2019独角兽企业重金招聘Python工程师标准>>>

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应用系统开发没有联系或联系很少的人员)的参与，得到最终用户的反馈信息。

文章转载自：web界面测试中需要注意的地方  http://www.studyofnet.com/news/1166.html

转载于:https://my.oschina.net/u/2428791/blog/636926