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、输入断言内容,然后点生成代码,就在测试代码中写入对应的断言方法了。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步