GUI 测试教程：用户界面 (UI) 测试用例及示例

---

什么是 GUI？

对于计算机应用程序，存在两种类型的界面。命令行界面 (CLI) 是一种程序，允许您输入文本并让计算机对其进行响应。 图形用户界面 (GUI) 是一种使用图形而不是文字与计算机交互的方法。

以下是一些可用于与应用程序交互的图形用户界面组件：

• 单选按钮

• 复选框

• 文本框

• 列表框

上述项目通过 GUI 测试进行验证。

GUI 评估

GUI 测试是一种软件测试，它检查产品的图形用户界面。图形用户界面 (GUI) 测试 的目标是通过检查显示和控件（例如菜单、按钮和图标）来确保软件应用程序的功能按预期执行。

用户界面是用户看到的内容。如果您访问 guru99.com，您首先会注意到主页，它是该网站的 GUI（图形用户界面）。源代码对用户隐藏。用户可以查看用户界面。重点主要放在设计结构上，以及图像是否正常工作。

如果我们必须在上面的示例中进行 GUI 测试，我们首先检查图形是否在各种浏览器中完全显示。

链接也可用，并且按钮在按下时应起作用。此外，如果用户调整屏幕大小，则没有任何图形或信息会缩小、裁剪或重叠。

本指南将教你如何

• 什么是 GUI 测试以及它是如何工作的？

• 需要 GUI 测试

• 在 GUI 测试方面您做什么？

• GUI 测试方法

• GUI 测试的测试用例

• 演示 - 如何运行 GUI 测试

• GUI 测试挑战

GUI 测试的必要性

现在 GUI 测试的基本原理已经很清楚了。以下是一些您脑海中会产生的问题：

• GUI 测试的目的是什么？

• 它真的有必要吗？

• 难道仅仅测试应用程序的功能和逻辑还不够吗？那么在 UI 测试上浪费时间有什么意义呢？

像用户一样思考，而不是像测试人员一样思考，以找到答案。用户不熟悉 XYZ 软件/应用程序。应用程序的用户界面决定了用户是否会继续使用它。

应用程序/软件的设计和外观，以及他理解 UI 的难易程度，是普通用户首先注意到的。如果用户对界面感到不舒服或发现应用程序难以理解，他将永远不会再次使用它。因此，GUI 是一个令人担忧的问题，应进行彻底的测试以确保 GUI 没有错误。

GUI 测试清单

以下清单将确保在软件测试中进行彻底的 GUI 测试。

• 检查所有 GUI 组件的大小、位置、宽度、长度以及字符或数字的接受情况。例如，您必须能够在输入区域中输入数据。

• 验证您可以使用 GUI 执行应用程序的预期功能。

• 检查错误消息是否准确地显示。

• 检查屏幕上各个部分是否清晰区分。

• 验证应用程序中使用的字体是否易于阅读。

• 验证文本是否正确对齐。

• 确保排版和警告消息采用合适的颜色方案。

• 检查图片是否清晰。

• 验证图片是否正确对齐。

• 对于不同的屏幕分辨率，检查 GUI 组件的对齐方式。

GUI 测试技术

GUI 测试技术分为三类：

手动测试 - 在手动测试方法中，测试人员手动检查图形显示是否符合业务需求文档中给定的标准。

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

基于模型的测试 - 模型是系统行为的图形表示。它有助于理解和预测系统行为。模型有助于根据系统需求创建有效的测试用例。对于此基于模型的测试，请牢记以下几点：

• 创建模型。

• 确定模型的输入。

• 计算模型的预测输出。

• 执行测试

• 比较实际结果和预期结果。

• 关于是否继续推进模型的决定。

一些可用于生成测试用例的建模策略包括：

• 图表 - 显示系统的当前状态，并将其与某些输入后的当前状态进行比较。

• 决策表 - 用于确定每个输入结果的表格。

基于模型的测试是一种从仍在发展的需求中创建测试用例的方法。它相对于其他两种方法的最大优势在于，它可以检测 GUI 可能达到的意外条件。

以下列出的免费源工具可用于执行自动化的 UI 测试。

产品	许可证
AutoHotkey	GPL
Selenium	Apache
Sikuli	MIT
Robot Framework	Apache
Water	BSD
Dojo Toolkit	BSD

GUI 测试的测试用例示例

基本上，GUI 测试包括以下内容：

• 正在测试组件的大小、位置、宽度和高度。

• 正在测试显示的错误消息。

• 屏幕的不同区域都经过了测试。

• 评估字体是否易于阅读。

• 放大和缩小以在不同的分辨率（例如 640 ☓ 480、600 ☓ 800 等）下测试屏幕。

• 检查文本和其他组件（如图标、按钮等）是否正确对齐。

• 正在测试字体颜色。

• 尝试使用不同的颜色表示错误和警告消息。

• 检查图像是否清晰。

• 正在测试图片的对齐方式。

• 正在检查拼写。

• 使用系统界面时，用户不应感到烦恼。

• 检查 UI 是否吸引人。

• 如果有任何滚动条，则会针对页面大小对其进行测试。

• 如果有任何禁用的字段，则会对其进行测试。

• 正在测试图片的大小。

• 检查标题是否正确对齐。

• 正在测试超链接的颜色。

演示：如何执行 GUI 测试

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

• TC 01 - 仔细检查标签为“源文件夹”的文本框是否正确放置。

• TC 02 - 仔细检查标签为“包”的文本框是否正确放置。

• TC 03 - 仔细检查标签“浏览”是否为名为“源文件夹”的文本框底部的按钮。

• TC 04 - 确认标签“浏览”是否为“包”文本框末尾的按钮。

• TC 05 - 仔细检查标签为“名称”的文本框是否正确对齐。

• TC 06 - 检查标签“修饰符”是否有四个分别标记为 public、default、private 和 protected 的单选按钮。

• TC 07 - 检查标签“修饰符”是否有四个正确放置在一行的单选按钮。

• TC 08 - 检查标签“修饰符”下方的标签“超类”是否有一个正确对齐的下拉列表。

• TC 09 - 仔细检查标签“超类”是否包含一个正确放置的标签为“浏览”的按钮。

• TC 10 – 检查当您单击任何单选按钮时，默认鼠标指针是否设置为手形鼠标指针。

• TC 11 - 确保用户无法在“超类”下拉列表中输入。

• TC 12 - 验证如果任何内容选择错误，则必须生成相应的错误。

• TC 13 - 检查错误是否必须在需要的所有地方以红色显示。

• TC 14 - 检查错误消息是否具有正确的标签。

• TC 15 - 确保始终默认选择单个单选按钮。

• TC 16 - 在跳转到前一个字段旁边的另一个字段时，确保 Tab 键正常工作。

• TC 17 - 确保所有页面都具有正确的标题。

• TC 18 - 检查页面上的文本是否正确对齐。

• TC 19 - 确保更新任何字段后都会显示正确的确认消息。

• TC 20 - 确保只选择了一个单选按钮，并且复选框的选择不超过一个。

GUI 测试挑战

软件工程中回归测试期间遇到的最常见问题是应用程序 GUI 经常更改。很难测试并确定某些内容是问题还是改进。当您没有任何与 GUI 修改相关的文档时，问题就会出现。

结论

软件产品的成功很大程度上取决于用户界面与其交互的方式以及使用其众多功能的便捷程度。因此，GUI 测试至关重要。手动 GUI 测试有时可能很繁琐且枯燥，容易出错。对于 GUI 测试，强烈建议使用自动化。