使用 Mocha 和 Chai 对 JavaScript 进行单元测试

本文由进行了同行评审。感谢所有 SitePoint 的同行评审者使 SitePoint 内容达到最佳状态！ Pause Next Unmute Current Time 0:10 / Duration 2:00 Fullscreen 您是否曾经对代码进行过一些更改，后来发现它导致了其他问题？ 我相信我们大多数人都有过。这几乎是不可避免的，尤其是当您有大量代码时。一件事依赖于另一件事，然后改变它就会破坏其他东西。 但如果那没有发生怎么办？如果您有办法知道某些更改何时会导致某些问题发生，该怎么办？那真是太棒了。您可以修改代码而不必担心破坏任何内容，错误会更少，调试时间也会更少。 这就是单元测试的亮点。他们会自动为您检测代码中的任何问题。进行更改，运行测试，如果出现任何问题，您将立即知道发生了什么、问题出在哪里以及正确的行为应该是什么。这完全消除了任何猜测！ 在本文中，我将向您展示如何开始对 JavaScript 代码进行单元测试。



本文中展示的示例和技术可应用于基于浏览器的代码和 Node.js 代码。 Learn to Code with JavaScript 本教程的代码可从我们的GitHub 存储库获取。 什么是单元测试 当您测试代码库时，您会获取一段代码（通常是一个函数）并验证它在特定情况下的行为 WhatsApp 号码数据 是否正确。单元测试是一种结构化且自动化的方法。因此，您编写的测试越多，您获得的好处就越大。随着您继续开发代码库，您也会对代码库更有信心。 单元测试的核心思想是测试函数在给定一组特定输入时的行为。您调用具有某些参数的函数，并检查是否获得了正确的结果。 在实践中，测试有时可能更复杂。例如，如果您的函数发出 Ajax 请求，则测试需要进行更多设置，但“给定某些输入，我们期望特定结果”的相同原则仍然适用。 设置工具 在本文中，我们将使用 Mocha。它很容易上手，可用于基于浏览器的测试和 Node.js 测试，并且与其他测试工具配合得很好。




安装 Mocha 最简单的方法是通过 npm （为此我们还需要安装Node.js）。如果您不确定如何在系统上安装 npm 或 Node，请参阅我们的教程：npm 初学者指南 - Node 包管理器 安装 Node 后，在项目目录中打开终端或命令行。 如果您想在浏览器中测试代码，请运行如果您想测试 Node.js 代码，除了上述之外，还运行npm install -g mocha 这将安装软件包mocha和chai. Mocha是允许我们运行测试的库，Chai包含一些有用的函数，我们将使用它们来验证测试结果。 在 Node.js 上测试与在浏览器中测试 下面的示例旨在在浏览器中运行测试时起作用。如果您想对 Node.js 应用程序进行单元测试，请按照以下步骤操作。 对于 Node，您不需要测试运行程序文件。 要包含 Chai，请添加var chai = require('chai');到测试文件的顶部。 使用命令运行测试mocha，而不是打开浏览器。 设置目录结构 您应该将测试放在与主代码文件不同的目录中。