轻松的自动化 Web UI 测试

Telerik 和 ArtOfTest 推出了一个流畅且非常强大的工具，有望彻底改变 Web 测试的方式

在软件开发方面，当日程和预算变得紧张时，UI 测试通常是第一个被放弃的。简单来说，测试太难创建，太难维护，而且投资回报太少。直到现在。Telerik 和 ArtOfTest 正在改变各种规模公司的开发人员和 QA 工程师对自动化 Web UI 测试的看法。

什么是 Web UI 测试？

Web UI 测试的目的是发现网站或应用程序的功能问题。Web UI 测试不能替代单元测试。单元测试主要侧重于测试代码的小单元和应用程序 API（通常与 UI 层无关），而 Web UI 测试是一种集成测试，旨在确保“端到端”流程在浏览器中按预期工作。

那么，自动化的 Web UI 测试就是一组您可以作为常规集成或发布流程的一部分自动执行的与您的网站的“记录”交互。一旦 Web UI 测试实现自动化，开发人员或 QA 只需运行录制的测试来验证端到端流程是否按预期工作，而无需手动点击整个网站。

自动化 Web 的挑战

自动化 UI 测试对软件来说并不是什么新鲜事，所以现在您应该期望 Web UI 测试的自动化是规则而不是例外。然而，自动化 Web UI 测试是出了名的困难。Web 浏览器带来了一些挑战，使得自动化 Web UI 测试比自动化“桌面”软件 UI 测试更加困难。主要挑战包括

• 多浏览器

  没有什么比支持多种浏览器更能使 Web UI 测试变得困难。每个浏览器在渲染 HTML 和 CSS 以及处理 JavaScript 方面都有细微的差别，需要跨多个浏览器运行测试以确保您的应用程序在所有环境中都能正常工作。

• 动态界面和 Ajax

  自动化 Web UI 测试的另一个常见问题是 Web 应用程序（尤其是基于 AJAX 的应用程序）的动态性。HTML 元素，尤其是在 ASP.NET 应用程序中，可能具有不可预测的 ID，这使得编写脚本进行自动化测试非常困难，而且容易出错。

• 复杂组件

  引入现代、丰富的第三方 UI 控件，它们代表复杂的 UI 元素——如数据网格、调度程序、富文本编辑器和树形视图——那么如何自动化和验证您的测试可能是一场噩梦。

您真的需要自动化 UI 测试吗？

如果自动化 Web UI 测试如此困难，那么它真的值得付出额外的努力吗？确定自动化 Web UI 测试是否值得您的组织投入，需要您检查三个关键因素[1]

1. 工作量

   这是传统的“投资回报率”计算。要使自动化的 Web UI 测试有价值，您应该能够快速构建它并且维护它。

2. 值

   创建自动化 Web UI 测试的长期价值是什么？要得出这个答案，您必须考虑测试在软件生命周期中的价值。随着您的 Web 应用程序的增长和复杂性的增加，全面的自动化 Web UI 测试库可确保新更改不会破坏旧功能。

3. 准确性

   为了使自动化的 Web UI 测试有价值，您必须对每次运行的测试结果都充满信心。如果您要花时间自动化 UI 测试，您必须能够信任结果，否则您将恢复到手动测试，并失去自动化测试可能提供的任何价值。

为了有价值，创建自动化 Web UI 测试的过程必须快速、跨浏览器准确，并且随着应用程序随时间的推移而易于维护。

解决方案：Telerik WebUI Test Studio

Telerik WebUI Test Studio 以“Web 2.0”为核心构建，提供了一种创新的解决方案，可以在几分钟内创建如今需要数小时的自动化 Web UI 测试。WebUI Test Studio 使各种规模的开发团队——从单人开发人员到企业团队——能够轻松地自动化 Web UI 的测试，而无需面对传统上与 Web 测试相关的任何挑战。WebUI Test Studio 的创新包括

• Telerik RadControls 的智能测试

  WebUI Test Studio 中最引人注目的功能之一是对 Telerik 屡获殊荣的 ASP.NET AJAX RadControls 的内置支持。在录制测试时，WebUI Test Studio 将自动识别页面上的 RadControls，并为您提供智能选项，以快速验证控件的状态。在几秒钟内验证 RadCombobox 的按需加载操作、RadGrid 的页数或 RadScheduler 的约会拖动操作是否按预期工作，而无需了解控件的结构或客户端 API。

  

• 一次测试，多浏览器

  利用 WebUI Test Studio 跨多个浏览器运行一次测试的能力，节省时间并提高测试覆盖率。WebUI 将所有浏览器差异从您的测试中抽象出来，为您节省大量时间并减少必须维护的测试数量。目前支持 Internet Explorer 和 FireFox，Safari for Windows 和 Chrome 即将推出。

• 完全集成到 Visual Studio 中

  使用您熟悉的 IDE，在从创建单元测试到自动化 UI 测试再到开发应用程序的过程中，永不错过任何一个环节。WebUI Test Studio 直接与 Visual Studio 2008 集成，使您无需打开其他程序即可录制 Web UI 测试。测试存储在标准的 Microsoft Test 项目中，并表现得像任何其他内置测试类型一样，这意味着您可以将它们存储在 TFS 中，在测试管理器中与其他测试类型一起运行它们，甚至将它们与 Visual Studio 的持续集成服务器一起使用。

• Web 2.0 就绪

  WebUI Test Studio 旨在轻松测试使用客户端 JavaScript 编程和 Ajax 的动态应用程序。测试录制器可以轻松等待 Ajax 操作，然后再执行特定的验证，以便您可以测试页面上的任何和所有交互。您甚至可以在不编写任何代码的情况下测试丰富的拖放界面。

• 易于测试维护

  使用 WebUI Test Studio，您可以快速分析失败的测试，并使用 DOM Explorer、Element Explorer 和一个比较工具等创新功能对其进行修复，该比较工具将录制时的页面版本与页面的当前状态并排显示，以便快速解决已更改或缺失的元素。实时验证工具还可以实现设计验证测试并一键即时运行它们——不再浪费时间运行整个测试脚本来查看单个验证是否有效！

  

好处

有了 Visual Studio 中 Telerik WebUI Test Studio 这样的强大工具，您终于可以自动化您的 Web UI 测试，并提高应用程序的可维护性和质量。当您发现构建自动化测试多么容易时，您会

• 节省时间

  显著减少您的手动测试负载，因此您可以将手动精力集中在查找可改进应用程序质量的新测试用例上。所有场景都能被自动化测试覆盖吗？当然不能！但自动化大部分可以为您节省时间，让您专注于自动化测试看不到的“奇特”少数场景。

• 省钱

  考虑您 QA 团队的成本——或者如果您是单人开发人员，则考虑您今天花费在手动运行 UI 测试上的开发时间成本。当您发布了未能通过单元测试捕获的功能问题的 Web 应用程序时，请考虑这对您的业务造成的成本。节省即使是几次测试时间，甚至是一个令人尴尬的、可能代价高昂的 bug，都能快速揭示自动化 Web UI 测试能为您的业务节省多少钱。

• 省去麻烦

  如果您今天花费数小时来构建和维护自动化 Web UI 测试，那么来自 Telerik 和 ArtOfTest 的 WebUI Test Studio 就是您的阿司匹林。通过 WebUI Test Studio，您可以几乎消除 Web 应用程序中的功能 bug，并在几分钟内自动化您的 Web UI 测试。当需要更新测试时，可视化 WebUI 测试工具使您能够快速更新测试，而无需手动修改脚本或学习新的测试编程语言。

眼见为实，虽然如此，任何声称在自动化 Web UI 测试方面能做这么多事情的工具都必须亲眼所见才能相信。

立即下载 Telerik WebUI Test Studio 的免费试用版.

[1] 改编自“我们如何在微软测试软件”（Microsoft Press，2008）