如今是一个看颜值的时代,UI界面测试变得更加重要,UI界面频繁的改版就是为了给用户提供更好看,更友好的界面。友好的界面让用户容易理解,易操作。

这些年来,移动设备上的UI界面进展很大,越来越醒目,越来越符合逻辑,许多时候大家既能够按照直觉来操作,错误操作也能得到及时的防范、反馈、纠正。甚至小孩子在没有人教的情况下,也能快速学会使用APP程序。

界面测试,也叫UI测试(User Interface testing),有软件的地方就有界面,就会有界面测试。界面测试是软件测试中,最多,最繁琐,最简单的测试。尤其在本地化测试(多国语言测试)中,有很多的界面测试。

UI测试是最常见的测试, 需要测试人员的火眼金睛。测试经验丰富的测试人员, 能在UI 中发现大量的Bug。 我从事测试工作10多年了, 起码发现过几千Bug了。 对UI有着非常丰富的测试经验。  本篇文章介绍UI 中的测试点,以及描述界面Bug时所用的术语。

 

阅读目录

 


1 UI界面测试的目的

检查用户界面的风格是否满足客户的要求, 是否通用,文字是否正常,页面是否美观,文字,图片是否结合完美,操作是否友好等等。


2 界面测试没必要设计Test Case

界面测试比较繁琐,个人认为软件测试人员,其实没有必要专门去写Test case, 太浪费时间,而且没什么用。

如果没有Test case, 那怎么去做测试呢?  

个人认为只要掌握了界面测试的知识和经验,做到Test case 在心中(手里无剑,心中有剑)。 然后去检查界面,发现bug,就可以了。

 


3 UI界面测试难以自动化测试

如果是测试界面(而不是测试功能),比如测试界面上的控件是否显示正常。  我个人觉得没有必要去写自动化测试。 用手动测试,用人的眼睛去检查就可以了。

界面测试为何没必要写自动化测试呢?

1. 自动化测试难以判断界面上的控件是否显示正常。

2. 界面改动频繁

3. 不同的机器,界面显示不一样

4. 不同的分辨率,不同的浏览器,不同的显示器。都会导致界面不太一样。


4 UI界面的常见错误

iOS开发 UI测试 软件ui测试_控件

4.1 功能问题

如下图所以,点击取消订单按钮, 提示取消订单失败。 这可能是一个功能的错误,测试人员需要定位下这个Bug, 是前台的Bug 还是后台的Bug。后续会重点讲如何定位Bug

iOS开发 UI测试 软件ui测试_UI_02

 


4.2 重叠 (Overlap)

一个控件叠在另一个控件上

iOS开发 UI测试 软件ui测试_UI_03

iOS开发 UI测试 软件ui测试_UI_04

 

 


4.3 截断(Truncated)

一个控件被另一个控件截断, 导致控件部分不可见

iOS开发 UI测试 软件ui测试_控件_05

 


4.4 文字自动换行(Text Wrapping)

应该显示为一行的句子, 被截断,显示为两行, 如下图:

iOS开发 UI测试 软件ui测试_UI_06

 


4.5 缺失快捷键(lost shortcut)

界面设计中有个规则,就是任何UI都应该可以被键盘操作, 这就需要有快捷键比如 alt+O,  如果缺失了快捷键,没有鼠标的人,就操作不了。

iOS开发 UI测试 软件ui测试_UI_07

 

  


4.6 丢失文字(Miss Text)

 

iOS开发 UI测试 软件ui测试_控件_08

iOS开发 UI测试 软件ui测试_Test_09

 


4.7 没有对齐(missaligned)

控件应该对齐, 这样才好看。 

iOS开发 UI测试 软件ui测试_Test_10


4.8 默认值不对

iOS开发 UI测试 软件ui测试_Test_11


4.9 报错信息不对

报错信息也要检查, 比如下图选的是护照,报错信息是说身份证错误

iOS开发 UI测试 软件ui测试_Test_12


4.10 排序问题

iOS开发 UI测试 软件ui测试_UI_13

 


4.11 文字错误

iOS开发 UI测试 软件ui测试_Test_14

 

 


4.12 Tab键顺序不准确(Tab Order)

Tab键的顺序与控件排列顺序要一致,目前流行总体从上到下,同时行间从左到右的方式

 

5. 找Bug

下面的图中有Bug

iOS开发 UI测试 软件ui测试_iOS开发 UI测试_15