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

摘要:
关于网站测试的基本思路,希望对测试小白有所帮助。1、 UI测试用户界面测试主要是将要测试的网页与设计草稿进行比较。要点如下:1.注重细节:最基本的一点是仔细、仔细、仔细地比较。2.主要整体:由于页面空间大,模块多,很容易只关注模块的内部设计元素是否正确,而忽略模块之间的间距或整个页面的布局是否正确。最好从部分到整体遵循测试思路。3.主页面间距彼此相反

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

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

免责声明:文章转载自《Web测试基本思路:UI测试、功能测试和兼容性测试》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇appium从1.9升级到1.10踩的坑VUE 网页端改成桌面端(Electron)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

接口测试和功能测试的区别

接口测试和功能测试的区别: 本文主要分为两个部分:   第一部分:主要从问题出发,引入接口测试的相关内容并与前端测试进行简单对比,总结两者之前的区别与联系。但该部分只交代了怎么做和如何做?并没有解释为什么要做?   第二部分:主要介绍为什么要做接口测试,并简单总结接口持续集成和接口质量评估相关内容。   第一部分: 首先,在做接口测试的过程中,经常有后端开...

查询功能,测试点总结

黑盒测试的测试点先从以下几点考虑: UI, 易用性,功能,容错性,安全,性能,兼容性 下列是有关查询功能的测试点总结: UI:1. 查询界面显示是否正确,页面布局是否方便,易懂2. 查询界面是否显示查询按钮,是否显示根据图片识别查询的相机按钮,是否显示底部文案3. 查询时,是否显示查询进度或者loading...图标4. 无查询结果时,是否有占位图和合理的...

饿了么全链路压测平台的实现与原理

背景 在上篇文章中,我们曾介绍过饿了么的全链路压测的探索与实践,重点是业务模型的梳理与数据模型的构建,在形成脚本之后需要人工触发执行并分析数据和排查问题,整个过程实践下来主要还存在以下问题: 测试成本较高,几乎每个环节都需要人力支撑,费时费力。 由于测试用例较多,涉及的测试机范围较广,手工执行容易犯错,线上测试尤其危险。 记录结果和测试报告极不方便,需要...

常用的软件测试方法

随着软件测试技术的不断发展,测试方法也越来越多样化,针对性更强;选择合适的软件测试方法可以让我们事半功倍。以下是一些常用的软件测试方法:   β测试_Beta测试   β测试,英文是Beta testing。又称Beta测试,用户验收测试(UAT)。   β测试是软件的多个用户在一个或多个用户的实际使用环境下进行的测试。开发者通常不在测试现场,Beta测试...

【转】WEB测试要点总结

一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@# ¥%……&*?[]{}”特别要注意单引号和&符号。禁止直接输入特殊字符时,使用“粘贴、拷贝”功能尝试输入。 (2)长度检查:最小长度、最大长度、最小长度-1、最大长度+1、输入超工字符比如把整个文章拷贝过去。 (3)空格检查:输入的...

Android Studio 2.2的新鲜事

转载:http://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&mid=2652039482&idx=1&sn=9aa9b204af34baabd2fdbba649e20d79#rd Android Studio 2.2 现在可以下载。Android Studio 2.2 已在 Google I...