在前端开发中，我们经常需要对代码进行单元测试和集成测试。Mocha 是一个具有丰富的功能和生态的 JavaScript 测试框架，而 co-mocha 可以让我们使用 generator 写异步测试用例。在本文中，我们将介绍如何使用 npm 包 @waterada/co-mocha 来写 co + mocha 测试用例，并通过示例代码演示其使用。
安装
首先，我们需要安装 Mocha 和 co-mocha。在项目根目录下，运行以下命令来安装这两个包：
npm install --save-dev mocha @waterada/co-mocha
使用
在引入 co-mocha 之前，Mocha 的测试用例是这样写的：
it('should return 1', function(done) {
someAsyncFunction(function(result) {
expect(result).to.equal(1);
done();
});
});有了 co-mocha，我们可以使用 generator 写出更简洁易读的测试用例：
it('should return 1', function*() {
const result = yield someAsyncFunction();
expect(result).to.equal(1);
});这种写法不仅更简洁，而且让我们写异步测试用例的时候更自然，不再需要手动调用 done()。
除了 it 函数，before、after、beforeEach、afterEach 等 Mocha 提供的函数也可以使用 generator 写法。
示例代码
下面是一个使用 co-mocha 写异步测试用例的示例代码。这个例子测试了一个从远程 API 获取数据的函数：
-- -------------------- ---- -------
----- ------ - -----------------------
----- ------- - ------------------------------
----- ------- - ----------------------
------------------- ---------- -
---------- ------ ---- ---- ----- ----------- -
----- -------- - ----- ------------------------------------------------------------
----- ---- - --------------
-------------------------------------- ----- -------- --------
---
---------- ------ ------- -------- ----------- -
--- -
----- --------------------------------------------------------------------
- ----- ------- -
----------------------------------- --------
-
---
---我们使用 superagent 来发送请求。第一个测试用例测试了请求成功后返回的数据是否包含指定的键，第二个测试用例测试当请求的资源不存在时，是否返回期望的错误。
值得注意的是，我们使用了 try/catch 语句来捕获网络异常，而不是调用 done(error)。这种写法让我们的代码更加清晰，异常处理也更加自然。
总结
使用 co-mocha，我们可以更方便地写出清晰易读的异步测试用例。在编写前端测试代码的时候，这个工具包将为我们提供很大的便利。我们应该将其视为一个必备的工具，加以熟练掌握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e581e8991b448e0805