简介
Enzyme 是一个流行的 React 测试工具，它允许开发者轻松地模拟组件树并进行测试。enzyme-adapter-react-15 是 Enzyme 的适配器之一，用于支持 React 15 版本的测试。
本文将向您展示如何使用 enzyme-adapter-react-15 包来测试 React 15 组件，并提供一些示例代码和指导意义。
安装
首先，您需要在您的项目中安装 Enzyme 和 enzyme-adapter-react-15。您可以使用以下命令：
npm install --save-dev enzyme enzyme-adapter-react-15
配置
接下来，您需要配置 Enzyme 来使用适配器。在您的测试文件中添加以下代码：
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-15';
configure({ adapter: new Adapter() });现在您已经成功配置了 Enzyme，接下来我们来看一些测试示例。
示例
假设您有一个名为 Button 的按钮组件，它接受一个 onClick 属性并在被点击时触发。以下是一个简单的测试用例：
-- -------------------- ---- -------
------ - ------- - ---- ---------
------ ------ ---- -----------
------------------ -- -- -
---------- ---- ------- ---- --------- -- -- -
----- ------- - ----------
----- ------- - --------------- ----------------- ----
--------------------------
-----------------------------------
---
---在这个测试用例中，我们使用了 shallow 方法来创建一个 Button 组件的浅渲染，并模拟了一个点击事件。然后我们使用 Jest 的 fn 方法创建了一个模拟函数来监视 onClick 属性是否被调用。
最后，我们使用 toHaveBeenCalled 来断言 onClick 是否被调用过。
结论
通过本文，您已经了解了如何使用 enzyme-adapter-react-15 包来测试 React 15 组件。希望这篇文章能够帮助您更好地了解 Enzyme 测试框架，并且为您的测试工作提供一些指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43256