Jest 是一个流行的 JavaScript 测试框架，它提供了一套简单易用的 API，可用于编写和运行测试用例。在前端开发中，我们经常需要编写和运行测试用例来保证代码的质量和稳定性。在本文中，我们将介绍如何在 CodeSandbox 中安装并使用 Jest。
步骤一：创建一个新项目
首先，我们需要在 CodeSandbox 中创建一个新项目。打开 CodeSandbox，选择“Create Sandbox”按钮，然后选择“React”模板。
CodeSandbox 会自动创建一个新的 React 项目，我们可以在其中编写和运行测试用例。
步骤二：安装 Jest
安装 Jest 可以通过运行以下命令来完成：
npm install --save-dev jest
安装完成后，我们可以在项目的 package.json 文件中看到 Jest 的依赖项。
步骤三：编写测试用例
现在我们已经安装了 Jest，接下来我们可以编写测试用例。我们将编写一个简单的测试用例来测试一个加法函数。在项目中创建一个名为 math.js 的文件，然后在其中编写以下代码：
function add(a, b) {
return a + b;
}
module.exports = add;然后，在项目中创建一个名为 math.test.js 的文件，然后在其中编写以下代码：
const add = require('./math');
test('adds 1 + 2 to equal 3', () => {
expect(add(1, 2)).toBe(3);
});这个测试用例会测试 add 函数是否正确地将两个数字相加。我们使用 Jest 提供的 test 函数来定义一个测试用例。expect 函数用于定义我们期望的结果，toBe 函数用于验证结果是否正确。
步骤四：运行测试用例
现在我们已经编写了一个测试用例，我们可以使用 Jest 运行它。在项目中打开终端，然后运行以下命令：
npm test
Jest 将会运行我们编写的测试用例，并输出测试结果。
我们可以看到，测试用例已经成功通过。
总结
在本文中，我们介绍了如何在 CodeSandbox 中安装并使用 Jest 来编写和运行 JavaScript 测试用例。我们学习了如何创建一个新项目、安装 Jest、编写测试用例以及运行测试用例。希望这篇文章对你有所帮助！如果你想了解更多关于 Jest 的信息，请访问 Jest 官方网站。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655bfd33d2f5e1655d60d4c2