GUI 测试 - UI 测试用例（示例）

由： 托马斯·汉密尔顿 托马斯·汉密尔顿
Hours 更新

要理解 GUI 测试，首先让我们了解-

什么是图形用户界面？

计算机应用程序有两种类型的界面。命令行界面是您输入文本，计算机响应该命令的地方。GUI 代表图形用户界面，您使用图像而不是文本与计算机交互。

以下是可用于用户和应用程序之间交互的 GUI 元素：

GUI

GUI 测试是对上述元素的验证。

什么是 GUI 测试？

图形用户界面测试 是一种软件测试类型，用于检查软件的图形用户界面。图形用户界面 (GUI) 测试的目的是通过检查屏幕和控件（如菜单、按钮、图标等）来确保软件应用程序的功能符合规范。

GUI 是用户看到的。假设您访问 guru99.com，您将看到的主页就是网站的 GUI（图形用户界面）。用户看不到源代码。界面对用户可见。重点尤其在于设计结构、图像是否正常工作。

图形用户界面测试

在上面的例子中，如果我们必须进行 GUI 测试，我们首先检查图像是否在不同的浏览器中完全可见。

此外，链接可用，并且单击时按钮应该有效。

此外，如果用户调整屏幕大小，图像和内容都不会缩小、裁剪或重叠。

GUI 测试的必要性

现在 GUI 测试的基本概念已经清楚了。你脑海中浮现的几个问题是

  • 为什么进行 GUI 测试？
  • 真的需要吗？
  • 应用程序的功能和逻辑测试还不够吗？那为什么要浪费时间进行 UI 测试呢？

要得到答案，请以用户的身份思考，而不是以测试人员的身份思考。用户对 XYZ 软件/应用程序一无所知。应用程序的 UI 决定了用户是否继续使用该应用程序。

普通用户首先会观察应用程序/软件的设计和外观，以及用户界面是否易于理解。如果用户对界面不满意或觉得应用程序复杂难懂，他就不会再使用该应用程序。因此，GUI 值得关注，应进行适当的测试以确保 GUI 没有错误。

相关文章

您在 GUI 测试中检查什么？

以下清单将确保软件测试中的详细 GUI 测试。

  • 检查所有 GUI 元素的大小、位置、宽度、长度以及字符或数字的接受程度。例如，您必须能够向输入字段提供输入。
  • 检查您是否可以使用 GUI 执行应用程序的预期功能
  • 检查错误消息是否正确显示
  • 检查屏幕上不同部分的划分是否清晰
  • 检查应用程序中使用的字体是否可读
  • 检查文本的对齐是否正确
  • 检查字体和警告信息的颜色是否美观
  • 检查图像是否清晰
  • 检查图像是否正确对齐
  • 检查不同屏幕分辨率的 GUI 元素定位。

GUI 测试技术

GUI 测试技术 可以分为三部分：

基于手动的测试

在这种方法下，测试人员手动检查图形屏幕是否符合业务需求文档中规定的要求。

基于手动的测试

录制和回放

可以使用自动化工具进行 GUI 测试。这分为两个部分。在记录期间，自动化工具会捕获测试步骤。在回放期间，记录的测试步骤将在被测应用程序上执行。此类工具的示例 - QTP。

录制和回放

基于模型的测试

基于模型的测试

模型是系统行为的图形描述。它帮助我们理解和预测系统行为。模型有助于根据系统要求生成有效的测试用例。对于基于模型的测试，需要考虑以下几点：

  • 建立模型
  • 确定模型的输入
  • 计算模型的预期输出
  • 运行测试
  • 将实际输出与预期输出进行比较
  • 关于对模型采取进一步行动的决定

可以从中得出测试用例的一些建模技术：

  • 图表——描述系统的状态并在一些输入后检查状态。
  • 决策表——用于确定每个输入结果的表格

基于模型的测试是一种根据需求生成测试用例的不断发展的技术。与上述两种方法相比，它的主要优点是它可以确定 GUI 可能达到的不良状态。

以下是可用于进行自动化 UI 测试的开源工具。

产品 许可下
AutoHotkey GPL
Selenium 阿帕奇
西库利 麻省理工学院简介
机器人框架 阿帕奇
水 BSD
Dojo工具包 BSD

GUI 测试用例示例

GUI 测试基本上涉及

  1. 测试元素的大小、位置、宽度、高度。
  2. 测试所显示的错误消息。
  3. 测试屏幕的不同部分。
  4. 测试字体是否可读。
  5. 借助放大和缩小功能测试不同分辨率的屏幕，如 640 x 480、600×800 等。
  6. 测试文本和其他元素（如图标、按钮等）的对齐是否在适当的位置。
  7. 测试字体的颜色。
  8. 测试错误信息、警告信息的颜色。
  9. 测试图像是否清晰。
  10. 测试图像的对齐。
  11. 测试拼写。
  12. 用户在使用系统界面时一定不能感到沮丧。
  13. 测试界面是否有吸引力。
  14. 如果有的话，根据页面大小测试滚动条。
  15. 测试禁用的字段（如果有）。
  16. 测试图像的尺寸。
  17. 测试标题是否正确对齐。
  18. 测试超链接的颜色。

演示：如何进行 GUI 测试

这里我们将使用一些示例测试用例来针对以下屏幕。

演示：如何进行 GUI 测试

下面是测试用例的示例，其中包括 UI 和可用性测试场景。

测试用例 01- 验证带有标签的文本框“源文件夹” 已正确对齐。

测试用例 02 – 验证带有标签“小包装” 已正确对齐。

测试用例 03 – 验证名为“浏览”是位于文本末尾的按钮Box 名称为“源文件夹设立的区域办事处外，我们在美国也开设了办事处，以便我们为当地客户提供更多的支持。“

测试用例 04 – 验证名为“浏览”是位于文本末尾的按钮Box 名称为“小包装设立的区域办事处外，我们在美国也开设了办事处，以便我们为当地客户提供更多的支持。“

测试用例 05 – 验证带有标签“姓名” 已正确对齐。

测试用例 06 – 验证标签“修饰符”由 4 个单选按钮组成，名称分别为 public、default、private、protected。

测试用例 07 – 验证标签“修饰符”由 4 个单选按钮组成，这些按钮排列成一行，排列整齐。

测试用例 08 – 验证标签“超类标签下的修饰符” 由一个必须正确对齐的下拉菜单组成。

测试用例 09 – 验证标签“超类”由一个带有标签“浏览” 必须正确对齐。

测试用例 10 — 验证单击任何单选按钮时默认鼠标指针必须更改为手形鼠标指针。

测试用例 11 – 验证用户不能在下拉菜单中输入“超类设立的区域办事处外，我们在美国也开设了办事处，以便我们为当地客户提供更多的支持。“

测试用例 12 — 验证如果选择错误，一定会生成适当的错误。

测试用例 13 — 验证在必要时必须以红色生成错误。

测试用例 14 – 验证错误消息中必须使用正确的标签。

测试用例 15 – 验证每次都必须默认选择单个单选按钮。

测试用例 16 — 验证跳转到上一个字段旁边的另一个字段时 TAB 按钮必须正常工作。

测试用例 17 – 验证所有页面都必须包含正确的标题。

测试用例 18——验证页面文本必须正确对齐。

测试用例 19 – 验证更新任何字段后必须显示适当的确认消息。

测试用例 20 – 验证只能选择 1 个单选按钮并且可以选择多个复选框。

GUI 测试中的挑战

在软件工程中，做软件工程时最常见的问题 迭代测试 问题是应用程序 GUI 经常更改。很难测试并确定这是问题还是增强功能。当您没有关于 GUI 更改的任何文档时，问题就会显现出来。

GUI 测试工具

以下是热门 GUI 测试工具 :

  1. Selenium
  2. QTP
  3. Cucumber
  4. Silk测试
  5. 测试完成
  6. Squish GUI 测试器

点击这里学习 Selenium, QTP & Cucumber.

结语

软件产品的成功很大程度上取决于 GUI 如何与用户交互以及各种功能的易用性。因此，GUI 测试非常重要。手动 GUI 测试有时可能重复且无聊，因此容易出错。强烈建议使用自动化进行 GUI 测试。

你可能会喜欢：