概述
在 React Native 中使用 Enzyme 进行单元测试，可以帮助我们更好地了解代码的运作以及减少开发中的错误。本文讲述了如何在 React Native 中使用 Enzyme 进行单元测试，并带有详细的示例代码及指导意义。
准备工作
在开始测试之前，需要先安装相关的依赖。我们需要安装 enzyme、enzyme-adapter-react-16 和 react-test-renderer。
npm install enzyme enzyme-adapter-react-16 react-test-renderer --save-dev
这些依赖将会帮助我们创建一个与 React Native 兼容的测试环境。Enzyme 是一个非常流行的 React 测试库，它提供了一系列强大的 API，可以对 React 组件进行测试。而 enzyme-adapter-react-16 则是让 Enzyme 支持 React 16 的适配器，而 react-test-renderer 则用于渲染 React 组件树，以便能够在测试中使用这些组件。
我们还需要修改 package.json 文件，将 test 命令改为以下内容：
"test": "jest"
这样可以告诉 npm 使用 Jest 运行我们的测试。
接下来，我们需要在项目的根目录下新建一个 __tests__ 文件夹，用于存放测试脚本。然后，我们就可以开始写测试用例了。
测试用例示例
考虑以下示例，我们要测试一个简单的组件 Button，这个组件的作用是在页面上显示一个按钮。
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----- ----------------- ---- - ---- ---------------
------ ------- ----- ------ ------- --------- -
-------- -
------ -
------
----------------- -----------------------------
----- -----------------------------------------------
-------------------
-------
--
-
-
----- ------ - -
------- -
---------------- ----------
------ -------
-------- ---
--------- ---
---------- ---------
-
--要将此组件转换为 Jest 测试用例，我们需要创建一个名为 Button.test.js 的文件，它应该位于 __tests__ 文件夹内。
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ----------------------
------ - ------- - ---- ---------
------ ------ ---- ------------
---------------- ----------- -- -- -
------------- ----------- -- -- -
----- ---- - ----------------------- -------------
-------------------------------
---
------------ --------- -- -- -
----- ----------- - ----------
----- --------- - --------------- --------------------- ----
-----------------------------------------------------
---------------------------------------
---
---在这个测试用例中有两个测试，这就是我们应该在这个组件上执行的任务。在第一个测试中，我们使用 react-test-renderer 渲染了 Button 组件，并检查它是否正确地呈现了。使用快照进行测试时，它会自动将组件渲染成 JSON 对象，然后比较它与之前已经保存过的快照。如果它们不同，就会提示我们更新快照。
在第二个测试中，我们使用 Enzyme 的 shallow 方法创建了 Button 组件的一个新实例，并模拟了 TouchableOpacity 上的点击事件，之后可以验证 onPress 函数是否被调用。
总结
以上就是在 React Native 中使用 Enzyme 进行单元测试的指南，我们熟悉了测试所需的工具链和在 React Native 中撰写测试用例的基本步骤，包括如何使用 Enzyme 执行模拟和快照测试。这些测试应该足以让您快速开始测试 React Native 应用程序，并帮助您找到难以检测的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a67bdb48841e989431d64f