UI测试

一、UI测试简介

  UI测试也就是用户界面测试,英文名为User interface testing,主要是测试用户界面的功能模块的布局是否合理,整体风格是否一致和各个控件的放置是否符合客户使用习惯,更重要的是要符合操作便捷,导航简单易懂,界面中文字是否正确,命名是否统一,页面是否美观,文字、图片组合是否完美等等。

  一般说来,我们在软件测试过程中很容易忽视掉UI测试,因为在我们印象中软件是为了实现某些功能,而不是为了界面美观方便。但是事实却并非如此。软件的使用对象是人,因此软件设计必须以人为本,好的软件不仅要功能强大,还要符合人的操作习惯,实现人机交互,并且界面要美观,符合人们的审美,因此才有了UI测试。

二、测试内容

  1、页面布局检查:字体、颜色、风格是否符合设计标准;

                         页面的排版、格式是否美观一致,是否符合一般操作习惯等。

  2、权限的检查:菜单权限、功能权限、数据权限等。(例如同一用户同时登陆系统是否发生异常)

  3、链接测试: 我们在做网站的时候,每个页面都有很多链接,我们要确保每个链接的URL正确无误。

  4、页面元素边界测试及用户体验测试:页面清单是否完整;

                                                 页面特殊效果;

                                                 用户体验非常重要,我们要确保页面符合大多数用户的操作习惯。

三、测试实例分析

  文本框TextField:本例为web开发课的一个天津规划馆志愿者管理系统,此页面为管理员登录页面,对本例进行UI测试

  测试包括:1、页面布局是否合理、美观(本例管理员登录文本框位于页面中间应该是相对合理的,另外页面背景为天津市规划展览馆和网站内容相符)

               2、文本框可接受内容检测(是否允许为空,是否能为字符类型,是否包括特殊字符等)

               3、对确定按钮的测试(输入正确内容,点击确定是否跳转到正确页面;反之输入错误是否返回提示)

四、拓展(用VS2013旗舰版进行自动化UI测试)

  VS2013中的编码的UI测试,其实就是在录制操作,然后生成代码,同时判断断言是否通过。

  VS2013旗舰版提供UI测试生成器,包括4个按钮,开始录制,查看操作过程,添加断言,生成代码。

  具体过程如下:

  1、首先新建项目——Visual C#——测试——编码的UI测试项目;

  2、在用例测试函数中,点右键,然后选择添加使用编码的ui测试生成器,来使用工具生成ui测试;

  3、点击开始录制,进行一段操作后就可以点生成代码,生成操作代码,查看编码,可以发现操作的实现具体过程;

  4、若要添加断言,选择断言判断的控件后,选择控件中的属性来进行断言;

  5、输入断言内容,然后点生成代码,就在测试代码中写入对应的断言方法了。