React Native 是一种流行的移动应用程序框架，可以使用 JavaScript 构建 iOS 和 Android 应用程序。在 React Native 中，使用组件来构建 UI，并使用 Enzyme 这样的工具来测试这些组件是必不可少的。Enzyme 是一个用于 React 和 React Native 应用程序的 JavaScript 测试工具，它可以帮助你编写高级的测试用例来验证你的组件是否按预期工作。在这篇文章中，我们将介绍如何使用 Enzyme 测试 React Native 中的组件，包括安装 Enzyme、编写测试用例、运行测试等。
安装 Enzyme
在使用 Enzyme 之前，你需要先安装它。运行以下命令，在 React Native 项目中安装 Enzyme：
npm install --save-dev enzyme enzyme-adapter-react-16
你还需要安装相应的适配器（adapter），以使 Enzyme 可以与 React Native 兼容。
npm install --save-dev react-test-renderer
编写测试用例
为了编写测试用例，你需要在项目的根目录中创建一个名为 __tests__ 的文件夹。在这个文件夹中，你可以创建一个名为 app.test.js 的文件来编写测试用例。以下是一个示例测试用例，它用一个简单的 React Native 组件作为例子：
// javascriptcn.com code example
import React from 'react';
import { shallow } from 'enzyme';
import App from '../App';
describe('<App />', () => {
it('should render correctly', () => {
const wrapper = shallow(<App />);
expect(wrapper).toMatchSnapshot();
});
it('should contain the correct text', () => {
const wrapper = shallow(<App />);
const text = wrapper.find('Text').first().props().children;
expect(text).toEqual('Hello World!');
});
});在这个测试用例中，我们首先使用 shallow 方法浅渲染 App 组件。然后，在第一个测试用例中，我们使用 toMatchSnapshot 来验证组件是否渲染正确。在第二个测试用例中，我们找到组件中的 Text 组件，并使用 toEqual 来检查它是否包含正确的文本。
运行测试
一旦编写了测试用例，你可以运行测试来验证组件是否按预期工作。在项目的根目录中运行以下命令：
npm test
此命令将启动 Jest，Jest 是一个用于测试 JavaScript 代码的框架。它会查找项目中所有 *.test.js 文件，并运行文件中的所有测试用例。如果测试用例成功通过，你将看到一个类似于以下的输出：
// javascriptcn.com code example
PASS __tests__/app.test.js
<App />
✓ should render correctly (6ms)
✓ should contain the correct text (1ms)
Test Suites: 1 passed, 1 total
Tests: 2 passed, 2 total
Snapshots: 1 passed, 1 total
Time: 2.783s
Ran all test suites.让我们来看看这个输出。第一行显示测试文件的路径以及是否通过了测试。第二行显示组件名称。然后，我们可以看到两个测试用例通过了。最后，我们可以看到测试运行的总时间。
结论
在本文中，我们介绍了如何使用 Enzyme 测试 React Native 中的组件。通过编写测试用例，我们可以验证组件是否按预期工作，从而提高代码质量。在实际项目中，测试也是重要的一环，建议开发者严格遵守测试规范，确保产品质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67380380317fbffedf0db3e4