如今是一个看颜值的时代,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界面的常见错误
4.1 功能问题
如下图所以,点击取消订单按钮, 提示取消订单失败。 这可能是一个功能的错误,测试人员需要定位下这个Bug, 是前台的Bug 还是后台的Bug。后续会重点讲如何定位Bug
4.2 重叠 (Overlap)
一个控件叠在另一个控件上
4.3 截断(Truncated)
一个控件被另一个控件截断, 导致控件部分不可见
4.4 文字自动换行(Text Wrapping)
应该显示为一行的句子, 被截断,显示为两行, 如下图:
4.5 缺失快捷键(lost shortcut)
界面设计中有个规则,就是任何UI都应该可以被键盘操作, 这就需要有快捷键比如 alt+O, 如果缺失了快捷键,没有鼠标的人,就操作不了。
4.6 丢失文字(Miss Text)
4.7 没有对齐(missaligned)
控件应该对齐, 这样才好看。
4.8 默认值不对
4.9 报错信息不对
报错信息也要检查, 比如下图选的是护照,报错信息是说身份证错误
4.10 排序问题
4.11 文字错误
4.12 Tab键顺序不准确(Tab Order)
Tab键的顺序与控件排列顺序要一致,目前流行总体从上到下,同时行间从左到右的方式
5. 找Bug
下面的图中有Bug