React Native 是一种流行的跨平台移动应用开发框架，可以让开发者使用 JavaScript 和 React 构建 iOS 和 Android 应用。虽然 React Native 使得开发变得更加高效，但是在项目开发中，UI 测试仍然是必不可少的环节。Enzyme 是一个流行的 React 测试工具，它可以帮助开发者对 React 组件进行高效的测试。
本文将介绍如何在 React Native 项目中使用 Enzyme 进行 UI 测试。
安装 Enzyme
首先，需要安装 Enzyme 及其相关库。可以使用以下命令进行安装：
npm install --save-dev enzyme jest-enzyme react-test-renderer
Enzyme 是 React 的一个小型测试工具。它让 React 组件的测试更加容易。Enzyme 提供了丰富的 API，可以用于方便地查找和操作组件。
jest-enzyme 和 react-test-renderer 是 Enzyme 的必要依赖项。jest-enzyme 集成了 Jest 测试框架和 Enzyme，提供了丰富的测试断言（assertions）。react-test-renderer 是 React 提供的基于浏览器的测试工具，可以用于渲染组件并生成用于测试的树形结构。
编写测试用例
假设我们有一个名为 MyButton 的组件，它包含一个按钮和一个 onPress 回调函数。
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ---------------
----- -------- - ----------- -- -
------ -
-------
------------ ----
-----------------
--
--
-
------ ------- ---------现在，我们可以编写一个测试用例来测试这个组件。在 __tests__/MyButton.spec.js 中可以写入以下代码：
-- -------------------- ---- -------
------ ---------------
------ ----- ---- --------
------ --------- ---- ---------
------ -------- ---- ------------------
-------------------- -- -- -
----------- ----------- -- -- -
----- ------- - ----------------- ----
----------------------------------
---
--------- ------- -------- -- ------ ------- -- -- -
----- ----------- - ----------
----- ------- - ----------------- --------------------- ----
-----------------------------------------
---------------------------------------
---
---第一段测试用例使用了 Jest 提供的快照测试功能（snapshot testing）。它会使用渲染组件的输出快照和已经存在的快照进行比较。如果测试失败，会输出错误信息和差异点。如果测试通过，则会生成一个新的快照。
第二段测试用例测试的是按钮点击事件。通过 shallow 函数可以浅渲染组件，并且通过 simulate 模拟用户行为。find 函数可以在浅渲染后的组件中查找 Button 组件，并触发其 press 事件。最后，我们通过 toHaveBeenCalled 断言函数已经被调用。
运行测试
现在可以尝试运行测试了。在项目的根目录中可以运行以下命令：
npm run test
Jest 将会查询项目目录中的所有名为 *.spec.js 或 *.test.js 的文件，并运行所有发现的测试用例。
结论
在本文中，我们介绍了如何在 React Native 项目中使用 Enzyme 进行 UI 测试。我们展示了如何安装 Enzyme 和其相关库，并编写了几个测试用例来测试一个简单的组件。
通过 Enzyme，我们可以快速编写和运行测试用例，对 React 组件进行高效的测试，并保证我们开发的应用程序在不同平台上有稳定的表现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67761f0b6d66e0f9aa0a5ba7