自动化测试系列（三）| UI测试（UI自动化测试流程）

摘要：在上一期自动化测试系列 2 中，我们总体介绍了使用 Toothfish 进行测试的概念和实践。 本文主要侧重于介绍测试概念并将其付诸实践。 手动测试要求测试人员手动对所有元素运行所有测试。 它主要用于回归测试和测试同一软件的新版本。

UI测试也称为用户界面测试，是判断应用程序的界面是否正常工作或者是否存在干扰用户体验的不合规bug的一类测试。 书面规格。 要执行 UI 测试，了解用户如何与您的网站交互非常重要。 通过执行 UI 测试，测试人员尝试模仿用户行为，以了解用户如何与程序交互以及网站的行为方式。 它是否按预期工作，还是有缺陷？

在上一篇自动化测试系列（2）中，我们对 Choerodon 中的 API 测试概念和实践进行了总体介绍。 本文主要介绍Choerodon中UI测试的概念和实践。 扩张。

下面详细介绍Toothfish提供的UI测试功能：

什么是UI测试

UI测试涉及检查网站的结构以及用户可以看到的视觉部分。交互部分被覆盖。 很担心。 网站包含 CSS、JavaScript 和许多其他语言的各种 Web 元素。 您网站的元素可以连接到您的屏幕、键盘、鼠标或用户用来与您的网站交互的其他工具。 UI 测试检索并测试这些元素。 测试并声明。

运行 UI 测试时，必须小心避免应用程序出现跨浏览器兼容性问题。 每个浏览器使用不同的浏览器引擎，可能不支持相同的 CSS 功能。 因此，确保您的 UI 在所有主要浏览器中无缝呈现非常重要。 在不同浏览器上进行测试称为跨浏览器测试，它可以帮助测试人员在所有主要浏览器和手机、平板电脑等设备的多种组合上测试网站。

手册或者是自动的，我该如何选择？

与其他类型的测试一样，UI 测试可以手动或自动执行。 手动测试要求测试人员手动对所有元素运行所有测试。 例如，测试一个输入字段，需要多次输入不同的值，看看是否有差异。 如果您网站的 UI 组件很少，则最好以快速手动过程的方式完成 UI 测试。 但是，它不适合复杂的网站。 具有丰富用户界面的网站使得手动 UI 测试效率极低、耗时且容易出错。

适合UI自动化测试的场景

并不是所有的测试场景都适合自动化测试。 对此，您可以参考以下标准来帮助您做出决定：

页面不会因项目需求而频繁更改。 UI已经进入稳定阶段。 项目周期够长，回归测试任务多。

有些明显是UI密集型的，比如视频播放器、音乐播放器等交互性强、并发依赖性强的软件，有些项目不适合。用于自动化测试。 。 。

UI 自动化测试的优点

UI 自动化测试过程简化了创建 UI 测试、运行测试和查看结果的过程。 开发和测试团队选择自动化 UI 测试的原因有很多，但最值得注意的是：

时间 – 手动测试非常耗时，并且无法跟上许多开发流程。 成本——手动测试是资源密集型的且成本高昂。 准确性——手动测试在执行重复性任务时很容易出错。 相反，自动化可以降低这些错误的可能性。 扩展——在执行复杂的迭代时，依赖手动测试是很困难的。 趋势 – 大多数组织都认识到自动化测试的好处，因此驾驭自动化浪潮的压力越来越大。 UI自动化测试设计原则： 1个测试用例完成1个功能点测试（常用）： 1个手动用例对应1个自动化测试用例。 一个剧本就是一个完整的场景。 脚本是独立的，不能有依赖关系（脚本之间是相互分离的）：例如与登录状态相关的用例：个人中心、订单详情、购物订单等。 如果脚本不独立，相互依赖，则登录测试脚本失败，个人中心、订单详情、购物订单等。 测试脚本被彻底破坏，后续修复维护成本高昂。 设置正确的检查点：通过断言确定用例成功还是失败？ 设计良好的框架：Python常用的测试框架包括unittest和pytest。 使用框架封装共享测试模块，减少自动化测试脚本维护的工作量。 WEB端UI测试工具介绍

API测试用例主要由四部分组成：用例基本信息、前置步骤、请求脚本、断言。

UTF

UTF(统一功能测试) = QTP(Quick Test Pro) + ST(Service Test) 由HP 开发。 它是一款企业级自动化测试工具，提供强大且易于使用的记录和回放功能。 同时支持物体识别模式和图像识别模式，支持B/S和C/S两种架构的软件测试。 它是目前最流行的自动化测试工具。 它主要用于回归测试和测试同一软件的新版本。

Robot Framework

是一个用Python语言编写的自动化测试框架。 它具有高度可扩展性，支持关键字驱动，可以同时测试多种类型的客户端或接口，并且可以执行分布式测试。 。

Selenium Selenium 概述

Selenium 也是一个用于测试 Web 应用程序的工具。 支持多平台、多浏览器、多语言，实现自动化测试。 目前，它在网络自动化领域应用最为广泛。

Selenium 是使用最广泛的开源 Web UI（用户界面）自动化测试套件之一，最初由 Jason Huggins 于 2004 年作为 Thought Works 的内部工具开发。 Selenium 支持跨不同浏览器、平台和编程语言的自动化。

Selenium 的功能 Selenium 是一个开源、可移植的 Web 测试框架。 Selenium IDE 提供回放和录制功能来创建测试，而无需学习测试脚本语言。 它可以被认为是领先的基于云的测试平台，可以帮助测试人员编写文档。了解它们的操作并将它们导出为可重用的脚本，并具有易于理解和易于使用的界面。 Selenium 支持多种操作系统、浏览器和编程语言。 下面列出： 编程语言：C#、Java、Python、PHP、Ruby、Perl、JavaScript 操作系统：Android、iOS、Windows、Linux、Mac、Solaris。 浏览器：Google Chrome、Mozilla Firefox、Internet Explorer、Edge、Opera、Safari 等。 它还支持并行测试执行，从而节省时间并提高测试效率。 Selenium可以与Ant、Maven等框架集成进行源码编译。 Selenium 还可以与 TestNG 等测试框架集成，用于应用程序测试和报告生成。 与其他自动化测试工具相比，Selenium 需要更少的资源。 WebDriver API 正在集成到 Selenium 中，这是 Selenium 最重要​​的变化之一。 Selenium Web 驱动程序不需要安装服务器，测试脚本直接与浏览器交互。 Selenium 命令根据不同的类进行分类，使其更易于理解和实现。 Selenium 远程控制 (RC) 和 WebDriver API 称为 Selenium 2.0。 该版本旨在支持动态网页和Ajax。 Selenium 的三大好处： 速度：时间对于任何公司来说都是主要资源，自动化测试可以为您节省大量时间。 使用Selenium自动化测试，您需要编写一次测试，然后使用不同的值和不同的场景多次运行它，而无需任何干预。 准确性：只要正确编写测试，Selenium Automation 测试就可以帮助您正确运行它们。 手动测试的主要缺点是容易出现人为错误。 透明度：Selenium 自动化测试还有助于在测试完成后快速生成报告。立即与您的团队分享。 另一方面，手动测试需要时间来提取结果、手动报告结果以及通过软件或手动生成报告。 安装 Choerodon UI 测试

如果您想在 Choerodon 中使用 UI 测试，则必须首先安装 Selenium IDE。

Selenium IDE（集成开发环境）是 Selenium Suite 的开源 Web 自动化测试工具。 与 Selenium WebDriver 和 RC 不同，它不需要任何编程逻辑来编写测试脚本，而只是记录浏览器交互并创建测试用例。 然后，您可以使用重播选项重新运行测试用例。 注意：Selenium IDE 仅作为 Firefox 和 Chrome 的附加组件提供，无法在 Firefox 和 Chrome 以外的浏览器中记录测试用例。 录制的测试脚本还可以导出为C#、Java、Ruby和Python等编程语言。

Firefox 浏览器

URL =>https://addons.mozilla.org/en-us/firefox/addon/selenium-ide/ 打开 Firefox 页面。重定向。 官方附加页面。 单击添加到 Firefox 按钮。

Chrome 浏览器

在插件商店 (https://chrome.google.com/webstore/category/extensions) 中搜索 %E6%90%9C%E7%B4%A2) Selenium IDE，然后单击 [单击“添加到 Chrome”。

使用Selenium IDE在Chrome浏览器中录制和播放脚本

1.打开IDE时，初始化界面如下图所示。

2. 创建并开始录制，输入录制网址。

3. 录制完成后，右键单击测试用例以保存或导出。 Selenium IDE 保存单个 .side 文件

Choerodon UI 测试记录在 Selenium IDE 中，它是由 Side 文件由系统生成，并在 UI 测试界面中生成相应的测试用例和步骤。 您可以直接运行相应的测试文件来测试界面UI的运行情况，并直观地查看生成的测试报告。

概述

UI 测试是软件测试周期的重要组成部分，用于改善用户体验和客户满意度。的重要推动力。 。 ，大多数最终用户对他们实际看到和触摸到的东西更感兴趣。 这就是 UI 或用户界面变得如此重要以及进行 UI 测试的原因。

本文由猪牙鱼技术团队原创。 如有转载请注明出处：猪牙鱼官网