Web网站的测试流程和方法（一）

近期，Alltesting的众测平台

有不少web网站的功能测试项目，像：

农事GERP种植系统

云测试平台

头号专家网项目第三轮功能测试

于是，有些新加入众测平台的小伙伴们就很捉急：

“web网站怎么测试？”

“除了按照项目需求文档流程测，还应该怎么操作？”

“为什么群里有大神可以测出网站安全问题？而我就？？？”

... ...

Alltesting

那么今天，我们就先来为大家分享一些web网站的测试流程和UI测试方法：

【测试流程】

一般来说，web网站的测试有时会包含一些探索性测试，除了严格按照开发方提供的测试需求文档进行测试，我们也需要自行寻找bug。撇开一般的流程测试不谈，我们先来说说如何进行探索性的网站测试：

首先，测试的顺序为：自上向下、从左到右；

查看页面的Title是否准确和合理；

LOGO图片显示是否正确；

首页登录、注册的功能是否实现；

栏目下的文章标题、图片等链接是否正确；

页面最下方的“关于我们”等的链接是否正确；

查看文章详细页面的内容是否存在乱码、页面样式是否统一；

站内搜索功能是否实现；

前后台交互的部分，数据传递是否正确；

【UI测试】

UI测试主要是对页面样式进行测试，也包含部分用户体验测试成分，一般来说包括以下几方面内容：

各个页面的样式风格是否统一；

各个页面的大小是否一致；

各个页面的Title是否正确；

栏目名称、文章内容等处的文字是否正确，有无错别字或乱码；同一级别的字体、大小、颜色是否统一；

字体显示是否有问题，大小是否统一，版式是否合理；

切换窗口大小，将窗口缩小后，页面是否按比例缩小或出现滚动条；各个页面缩小的风格是否一致，版式是否合理；

按钮大小是否一致；按钮放置位置是否合理；按钮的样式风格是否统一；按钮之间的间距是否一致；

页面颜色是否统一；前景与背景色搭配是否协调；

若有滚动信息或图片，将鼠标放置其上，查看滚动信息或图片是否停止；

导航处是否按相应的栏目级别显示；导航文字是否在同一行显示；

所有的图片是否都被正确装载，在不同的浏览器、分辨率下图片是否能正确显示（包括位置、大小）；

调整分辨率验证页面格式是否错位现象；

用户在退出系统后重新登陆时是否需要自动返回到上次退出系统时的界面；

在输入数据栏目，如果要求输入的数据符合某项规则，应在输入界面提供相应的规则描述；当输入数据不符合规则时应错误提示；

在对任何配置信息修改后，都应该在用户退出该界面时提示用户保存；

界面测试时，应验证窗口与窗口之间、字段与字段之间的浏览顺序是否正确；

界面测试不光要考虑合理的键盘输入，还应考虑是否可以通过拷贝粘贴输入；

对界面上的任何对象进行拖拉，然后进行查询、打印，应保证查询打印结果不变；

确保时间及日期显示格式的统一；

确保相同含义属性/字段名的统一；

对所有可能产生的提示信息界面内容和位置进行验证，确保所有的提示信息界面应居中；