在前端开发中，测试是非常重要的一项工作。而 Mocha 是一种非常流行的测试框架，许多前端项目团队都用它来进行单元测试和集成测试。而在 ES7 中，async/await 函数的引入让我们的异步代码更加直观易懂。这篇文章将会详细介绍在 Mocha 中如何使用 async/await 函数进行测试，希望能对初学者有所帮助。
安装依赖
在开始之前，我们需要安装 Mocha 和 Babel。Mocha 是一个基于 Node.js 的 JavaScript 测试框架，而 Babel 可以把 ES6/ES7 语法转化成浏览器可以执行的 ES5 语法。打开命令行终端，输入下面的命令进行安装：
npm install mocha babel-core babel-preset-env --save-dev
编写测试
在我们编写测试之前，让我们先看一下 ES7 的 async/await 函数是什么。
async function readData() {
const response = await fetch('https://api.github.com');
const data = await response.json();
return data;
}在这个简单的示例中，我们定义了一个 async 函数 readData()，其中使用了 await 关键字来等待 fetch() 函数和 response.json() 函数的返回结果。在这个例子中，readData() 函数将返回一个 Promise 对象。
现在我们来编写一个使用 async/await 函数的测试例子。我们要测试一个异步函数 times函数，该函数将执行给定数量的循环并给出延迟的结果。它将接受两个参数： delay（延迟时间）和 count（循环次数）。
async function times(delay, count) {
for(let i = 0; i < count; i++) {
await new Promise(resolve => setTimeout(resolve, delay));
}
return count * delay;
}现在，我们来编写一个测试例子:
import { expect } from "chai";
describe("async/await", () => {
it("should return 400 after 4 calls of 100ms delay", async () => {
expect(await times(100, 4)).to.equal(400);
});
});在这个测试案例中，我们期望 times() 函数在 4 次调用后返回 400。由于 times() 是一个异步函数，我们需要在测试例子中使用 async/await 关键字来等待返回结果的 Promise 对象。
运行测试
现在，我们已经编写了测试案例，让我们运行一下看看测试结果：
node_modules/.bin/mocha test/* --compilers js:babel-core/register
运行测试后，您应该看到测试已经成功通过了。
总结
在这篇文章中，我们介绍了如何在 Mocha 中使用 async/await 函数进行测试。我们先安装了 Mocha 和 Babel 的依赖，然后编写了一个使用 async/await 函数的测试案例。最后，我们运行了测试并通过了测试。希望这篇文章对初学者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651a3d0095b1f8cacd23aa24