Web测试基本思路：UI测试、功能测试和兼容性测试

关于网站测试的基本思路，希望对测试小白有所帮助。

一、UI测试

用户界面测试主要是拿待测网页和设计稿进行对比，主要主要以下4点：

1、注重细节：

这点最基本，就是对比是细心、细心再细心。

2、主要整体：

由于网页页面空间大，模块多，很容易在测试时只注意模块内部设计元素是否正确，而忽略了模块间的间距或整个页面的布局是否正确。最好是按照局部到整体的测试思路。

3、主要页面间距相互对比：

注意相同的系列页面、页签布局一致性。就是说同一系列页面中间同类元素和模块样式、间距一般要相同；同一tab下，不同选项对应的页签中同类元素和模块的样式、间距一般要相同。

4、注意极端情况下显示情况：

要注意长度可变的原件、模块或者字段在极端情况下的显示是否正常。

UI测试注意点总结：

1、模块间距

2、元素间距

3、不同类型文本（数字、汉子、英文）颜色、格式（全角、半角）大小、字体

4、固定文案：内容的可读性、正确性？排版的合理性

5、可变字段：极多、极少文字的排版情况

二、功能测试

1、操作反应

（1）页面元素（按钮、文本、输入框等）自身状态变化；鼠标移入、移出时的效果、点击后的效果、获取、失去焦点时效果

鼠标移入按钮，按钮颜色是否改变；若输入框内有默认提示文字，则是当输入框获得焦点后文字就消失，还是用户输入文字后提示文字才消失…

（2）操作成功后续反应：页面跳转、弹框、提示文字等

a、页面跳转：

页面切换方式：另开页面、本页切换

页面起始定位：页面起始位置、页面其他锚点（例如用户想评论某文章，在评论列表点击评论按钮后，就会在另开的文章内容页面直接定位到评论区）

b、弹框：

匹配情况：弹出的弹框是否和触发条件匹配

出现位置：一般情况下要一致。因为弹框使用不同插件，可能导致弹出位置不同

显示时间（非操作类弹出）：某些仅起到提示功能的弹框会自动显示若干秒关闭。一般情况此类弹框上文案较少，显示秒数应该是全站一致的。

c、提示文字

匹配情况：出现的提示文字是否和触发的条件匹配

2、数据

（1）数据状态：此处指数据值自身的状态。即前置条件满足后，数据状态是否会按照规则更新。

（2）数据在某筛选条件下排序的正确性

3、特殊情况：

（1）缺省情况：当某页面或模块还没有内容或尚未加载出来时，是否有相关提示画面、文案。

（2）操作中断：用户操作中途退出页面（eg：填写资料并尚未保存时关闭页面）；操作中途断网…这些情况下是否设置了相关提醒弹框。

三、兼容性测试

不同浏览器（360、谷歌、火狐等等主流浏览器）下的页面显示情况是否正常。