关于网站测试的基本思路,希望对测试小白有所帮助。
一、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、谷歌、火狐等等主流浏览器)下的页面显示情况是否正常。