JavaScript 端到端 (E2E) 测试是前端开发中至关重要的一环。它可以确保在用户使用网站或应用程序时，所有功能都能够正常工作。其中，Chai 是一个优秀的断言库，它能够帮助开发人员写出可读性高的测试代码。NightwatchJS 能够模拟用户交互，并且提供了易于使用的 API，帮助开发人员编写 E2E 测试。
本文将介绍如何使用这两个工具来编写 JavaScript 端到端测试，并提供示例代码以帮助你入门。本文并不是 Chai 或 NightwatchJS 的入门指南，读者应当先了解这些工具的基础知识。
环境设置
首先，我们需要在本地设置好测试环境。可以使用 Node.js 的包管理器 npm 来安装和管理依赖项。首先，在你的项目根目录中创建一个 package.json 文件。可以使用使用以下命令来初始化：
npm init
接下来我们需要安装需要的依赖项：Chai 和 NightwatchJS。可以使用以下命令进行安装：
npm install chai nightwatch --save-dev
--save-dev 参数将把安装的依赖项保存到项目的 devDependencies 中。
使用 Chai 进行测试断言
首先，让我们通过一个简单的示例来了解 Chai。首先，创建一个名为 test.js 的文件，然后写一个断言验证 sum(2, 3) 的结果是否正确：
const { expect } = require('chai');
const sum = require('./sum');
describe('sum function', () => {
it('should return 5 when given 2 and 3', () => {
expect(sum(2, 3)).to.equal(5);
});
});在这里，我们首先使用 require 引入 Chai 库。然后，我们编写一个 describe 函数来描述测试套件，在这个 suite 中我们的测试目的是测试 sum 函数。接着使用 it 函数来添加一个测试用例，这里我们验证了 sum(2, 3) 的结果是否为 5。
expect 函数是 Chai 提供的一个全局函数，它接受一个值作为参数，然后持续调用可以执行各种断言。
在我们的示例中，我们调用了 equal 函数，如果传入的参数不相同则抛出一个错误。这样我们就可以使用 Chai 来断言测试结果是否正确。
使用 NightwatchJS 进行 E2E 测试
接下来，我们将使用 NightwatchJS 来写一个简单的 E2E 测试。首先，要确保你已经安装了 Selenium 并且运行在本地。然后，创建一个名为 nightwatch.conf.js 的文件并添加以下内容：
-- -------------------- ---- -------
-------------- - -
---------- -
-------------- -----
------------ -----------------------------
----- -----
--
-------------- -
-------- -
-------------------- -
------------ ---------
-------------- -
----- -
---------------
----------------
--
--
--
--
--
--在上面的配置文件中，我们开启了构建服务器 start_process，并设置了 Selenium 的 Chrome 浏览器驱动路径。test_settings 底下的块表示我们将使用 Chrome 浏览器进行测试，并且禁用了 GPU 和沙盒功能。
接下来，我们在 tests 目录下添加一个名为 test.js 的测试文件。在这个文件中，我们将使用 Nightwatch 单击页面按钮并进行简单的断言：
-- -------------------- ---- -------
-------------- - -
----- ---- ------ -------- --------- -
-------
-----------------------------
--------------------------------------
----------------------
---------------------------------- -------------------
-------------------------------- ------------------- ---- ------
-------
--
--在这里，我们首先使用 url 函数来设置页面 URL，并用 waitForElementVisible 函数等待页面中的一个元素（在这个例子中是一个标记为 .btn-primary 的按钮）出现。然后我们使用 click 函数点击这个按钮，页面跳转后，等待一个新的元素 .todo-list li:nth-of-type(1) 出现并确保它的文本内容是 Buy milk。
结论
在本文中，我们讨论了如何使用 Chai 和 NightwatchJS 来编写 JavaScript 端到端测试。这两个工具都提供了易于使用的 API，可以让我们编写清晰且易于维护的测试用例。通过这种方式，我们可以确保我们的应用程序功能正常，为用户提供更好的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674a6e5ba1ce0063548d58d2