1. 什么是 Enzyme
Enzyme 是 React 生态系统中一个流行的测试工具库，它提供了一些用于测试 React 组件的功能和实用程序。
使用 Enzyme 可以编写 UI 组件测试，包括渲染和交互行为测试，可以帮助开发者更快速和高效的开发和维护 React 应用。
2. 安装 Enzyme
安装 Enzyme 需要在项目中安装 enzyme 和 enzyme-adapter-react-version 插件，可以使用 npm 来安装。
npm install enzyme enzyme-adapter-react-version --save-dev
安装完成后，需要添加相应的文件到测试文件中，在 setupTests.js 中添加以下内容（如果没有则需创建）：
import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-version';
Enzyme.configure({ adapter: new Adapter() });3. 编写测试用例
通过 Enzyme 提供的 API，我们可以编写测试用例来测试 React 组件。
渲染组件测试
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- - ---- ---------
------ ----------- ---- ----------------
---------------------- ---- -- -- -
---------- ------ ----------- -- -- -
----- ------- - -------------------- ----
----------------------------------
---
---交互行为测试
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- - ---- ---------
------ ----------- ---- ----------------
---------------------- ---- -- -- -
---------- ------ ----- ------- -- -- -
----- ------ - ----------
----- ------- - ------------------ ---------------- ----
-----------------------------------------
----------------------------------
---
---4. 运行测试用例
使用 Jest 运行测试用例，可以在 package.json 中添加以下配置：
{
"scripts": {
"test": "jest"
}
}在命令行中输入 npm test 即可运行测试用例。
5. 总结
Enzyme 提供了一些方便的 API 用于测试 React 组件，可以通过渲染组件测试和交互行为测试来保证组件的正确性。
当进行 React 应用开发时，建议使用 Enzyme 来进行测试，可以提高开发效率和组件质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/653021007d4982a6eb18477e