React Native 在移动应用开发中的应用越来越广泛，而单元测试作为保证应用质量的重要环节也变得越来越重要。在 React Native 单元测试中，Enzyme 是一个被广泛使用的测试库，拥有丰富的 API 和灵活的钩子，可以轻松地编写和运行基于 React Native 的单元测试。
Enzyme 是什么？
Enzyme 是由 Airbnb 开发的 React Native 测试库，它能够使开发者更容易地对 React Native 组件进行测试。Enzyme 提供了三个重要的 API：shallow、mount 和 render，并提供了许多钩子（hooks）来帮助测试复杂的 React Native 组件。
其中，shallow 用于浅层渲染，它只渲染组件的一层，并不会渲染子组件。mount 则是完全挂载，它会递归渲染组件及其子组件。而 render 则是将组件渲染成静态 HTML 字符串，用于测试组件的输出结果。
Enzyme 如何使用？
首先，通过 npm 安装 Enzyme：
npm install --save-dev enzyme react-test-renderer
然后，在需要测试的文件中，引入 Enzyme 和需要测试的组件：
import Enzyme, { shallow, render, mount } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import MyComponent from './MyComponent';
Enzyme.configure({ adapter: new Adapter() });接下来就可以使用 Enzyme 提供的 API 来进行测试了。比如，使用 shallow 对组件进行浅层渲染：
const wrapper = shallow(<MyComponent />);
然后可以使用 .find()、.at() 等方法来查找组件的某个元素，并进行断言：
expect(wrapper.find('.my-item').at(0).text()).toEqual('Hello World');Enzyme 的钩子（hooks）
Enzyme 还提供了许多钩子来帮助我们测试组件。下面是一些最常用的钩子：
beforeEach 和 afterEach
在测试套件中，我们经常需要在每个测试用例执行之前和之后进行一些操作，比如清理测试数据。Enzyme 提供了 beforeEach 和 afterEach 钩子来分别处理这些操作：
-- -------------------- ---- -------
----------------------- -- -- -
--- --------
------------- -- -
------- - -------------------- ----
---
------------ -- -
------------------
---
---------- ------ ----------- -- -- -
----------------------------------
---
-- ---
---在上面的例子中，我们使用 beforeEach 来在每个测试用例执行之前创建一个新的组件实例（使用 unmount 来清理测试数据），然后使用 afterEach 在每个测试用例执行之后将组件卸载。
describe 和 it
在编写测试套件时，我们通常会使用 describe 和 it 来描述测试用例。
describe 可以用来描述一组相关的测试用例，也可以嵌套使用来组织测试套件。比如：
-- -------------------- ---- -------
----------------------- -- -- -
---------- ------ ----------- -- -- -
----- ------- - -------------------- ----
----------------------------------
---
-------------- --------- -- -- -
---------- -- ----------- -- -- -
-- ---
---
---------- -- --------- ------ -- -- -
-- ---
---
---
---在上面的例子中，我们使用 describe 来描述一个 MyComponent 的测试套件，并组织了两个测试用例：should render correctly 和 when clicked，when clicked 这个测试套件中又包含了两个测试用例。
it 则用于描述单个测试用例，并包含一个或多个断言。比如：
it('should do something', () => {
const wrapper = shallow(<MyComponent />);
expect(wrapper.find('.my-element').at(0).text()).toEqual('Hello World');
});在上面的例子中，我们使用 it 描述了一个叫做 should do something 的测试用例，并编写了一个断言来判断组件渲染后的输出是否符合预期。
总结
Enzyme 是 React Native 单元测试的一个强大的解决方案，它能够使开发者更容易地进行组件测试，并提供了许多钩子来帮助测试复杂的组件。通过本文的介绍，我们希望读者们能够了解 Enzyme 的基本使用和常用钩子，更好地进行 React Native 的单元测试。
示例代码
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ----- ---------------- - ---- ---------------
------ ------- ----- ----------- ------- --------------- -
----- - - ----- ------ ------ --
----------- - -- -- -
--------------- ----- ------ ------- ---
--
-------- -
------ -
------
------------------------------
----------------- ---------------------------
----------- ---------
-------------------
-------
--
-
--- -------------------- ---- -------
------ ------- - ------- - ---- ---------
------ ------- ---- --------------------------
------ ----------- ---- ----------------
------------------ -------- --- --------- ---
----------------------- -- -- -
--- --------
------------- -- -
------- - -------------------- ----
---
------------ -- -
------------------
---
---------- ------ ----------- -- -- -
----------------------------------
---
---------- ------ ------ -------- -- -- -
------------------------------------------------------------------ --------
---
---------- ------ ---- -- ------- -- -- -
---------------------------------------------------
------------------------------------------------------------------ ---------
---
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a66db748841e989430a34d