使用 WebDriver API 进行自动化浏览器测试

Desknumber

本文概述了在 Windows 10 和 Microsoft Edge 上使用 WebDriverJS 自动针对浏览器运行测试脚本所涉及的概念、技术和编码技巧。
在本地或远程运行您的开发代码时手动单击不同的浏览器是验证该代码的快速方法。它允许您从布局和功能的角度直观地检查事物是否符合您的预期。但是，它并不是用于根据客户可用的各种浏览器和设备类型来测试站点代码库的全部范围的解决方案。这就是自动化测试真正发挥作用的地方。

在Selenium项目的带领下，自动化 Web 测试是一套针对跨平台浏览器编写、管理和运行测试的工具。

WebDriverJS API  
WebDriver API 是一个标准，它从开发人员那里抽 电子邮件营销列表 象出设备/浏览器特定的绑定，以便用您选择的语言编写的测试脚本可以编写一次并通过 WebDriver 在许多不同的浏览器上运行。某些浏览器具有内置 WebDriver 功能，其他浏览器则要求您下载适合您的浏览器/操作系统组合的二进制文件。

W3C 的WebDriver规范记录了可供开发人员以编程方式控制浏览器的 API。此图显示了一个示例页面，其中包含一些可用于获取和设置浏览器属性的常规 WebDriver 集合和 API。



测试可能会有所不同，从检查页面布局、服务器端调用返回的值、用户交互的预期行为到工作流验证（例如确保购物车工作流按预期工作）。

出于说明目的，我们假设我们正在测试 TODOMVC应用程序，这是一个在多个不同的模型-视图-控制 JavaScript 框架中实现的演示应用程序。这个简单的应用程序提供 UI 来输入待办事项、编辑、删除项目并将其标记为完成。我们将使用上基于 React 的示例。

每个浏览器都会有一个二进制文件，您需要在本地与浏览器本身进行交互。该二进制文件由您的代码通过 Selenium WebDriver API 调用。您可以在此处找到 Microsoft Edge WebDriver的最新下载和文档。

请注意，您要运行测试的 Edge 版本必须使用匹配的我们将使用 Edge 的稳定版本以及相应的  版本 516299。

将其放在您的路径或测试脚本将运行的同一文件夹中。运行此可执行文件将启动一个控制台窗口，向您显示 WebDriverJS 期望处理要发送的请求的 URL 和端口号。