Jest 是 Facebook 推出的一款 JavaScript 测试框架，它可以用来测试 React 组件。在这篇文章中，我们将会学习如何在 Jest 中测试 React 组件。
安装 Jest
首先，我们需要安装 Jest。可以使用以下命令进行安装：
npm install --save-dev jest
编写测试用例
接下来，我们需要编写测试用例。一个测试用例通常包括以下几个部分：
- 准备数据和环境
- 调用被测试的函数或组件
- 验证函数或组件的输出是否符合预期
以下是一个简单的测试用例示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- -------------------------
------ ----------- ---- ----------------
----------------------- -- -- -
----------- ----------- -- -- -
----- - --------- - - ------------------- ----
----- ----------- - ---------------- ---------
----------------------------------------
---
---在上面的示例中，我们首先导入了 React 和 render 函数。接着，我们定义了一个测试用例，使用 describe 函数来描述这个用例的名称和目的。在这个测试用例中，我们测试了一个名为 MyComponent 的组件是否能正确地渲染出来。我们调用了 render 函数来渲染这个组件，并使用 getByText 函数来获取包含文本 "hello world" 的元素。最后，我们使用 expect 函数来验证获取到的元素是否存在于文档中。
运行测试用例
当我们编写好测试用例后，我们需要运行它们来验证我们的代码是否正确。可以使用以下命令来运行 Jest：
npx jest
Jest 会自动查找所有以 .test.js 或 .spec.js 结尾的文件，并运行它们中的测试用例。当测试用例运行完成后，Jest 会输出测试结果。
总结
在本文中，我们学习了如何在 Jest 中测试 React 组件。我们首先安装了 Jest，然后编写了一个简单的测试用例，最后运行了测试用例并查看了测试结果。希望本文能够帮助你更好地理解 Jest 和 React 组件的测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65869cf4d2f5e1655d1064c9