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、谷歌、火狐等等主流浏览器)下的页面显示情况是否正常。

原文地址:https://www.cnblogs.com/niki-1314/p/6564673.html