React Native 是一种跨平台移动应用开发框架，它可以让开发者使用 JavaScript 和 React 去构建高性能的移动应用。但是，要确保代码的正确性和质量，我们需要进行测试。Jest 是一个流行的 JavaScript 测试框架，它可以轻松地为 React Native 应用编写和运行测试。
安装 Jest
要使用 Jest 进行测试，我们首先需要安装它。可以使用 npm 命令安装 Jest：
npm install --save-dev jest
也可以使用 yarn 命令安装：
yarn add --dev jest
编写测试
我们在编写测试之前，需要配置一些东西。打开 package.json 文件，添加以下配置：
"jest": {
"preset": "react-native",
"testPathIgnorePatterns": [
"\\\\node_modules\\\\"
]
}这里我们使用了 React Native 的预设（preset），同时忽略了 node_modules 目录。
现在，我们来编写一个简单的测试用例。假设我们有一个名为 sum 的函数，它接受两个参数并返回它们的和。我们可以在 __tests__ 目录下创建一个 sum.test.js 文件：
import sum from '../sum';
it('adds 1 + 2 to equal 3', () => {
expect(sum(1, 2)).toBe(3);
});这里我们使用了 Jest 提供的 expect 和 toBe 函数来断言函数的输出是否正确。现在我们可以运行测试了。
运行测试
要运行测试，可以在命令行中输入以下命令：
npm test
或者：
yarn test
运行测试后，会在命令行界面输出测试结果。如果测试通过，命令行会显示：
PASS __tests__/sum.test.js ✓ adds 1 + 2 to equal 3 (3 ms)
如果测试未通过，可以根据命令行输出信息找出问题点并进行修复。
测试 React Native 组件
测试 React Native 组件和测试普通的 JavaScript 函数有一些不同。我们需要使用 react-test-renderer 库，这是 React Native 官方提供的测试工具库。
首先，我们需要安装 react-test-renderer：
npm install --save-dev react-test-renderer
或者：
yarn add --dev react-test-renderer
然后我们来编写一个测试用例。假设我们有一个 Button 组件，它接受一个 title 属性并渲染出一个按钮。我们可以在 __tests__ 目录下创建一个 Button.test.js 文件：
-- -------------------- ---- ------- ------ ----- ---- -------- ------ -------- ---- ---------------------- ------ ------ ---- ------------ ----------- ----------- -- -- - ----- ---- - ----------------------- ------------ --- ------------- ------------------------------- ---
这里我们使用了 Jest 提供的 toMatchSnapshot 函数来捕获组件的输出并与预期的快照进行比较。如果输出与预期快照不一致，测试将会失败。
结论
使用 Jest 进行测试可以确保代码的正确性和质量，同时也可以提高开发效率。本文介绍了如何在 React Native 应用中使用 Jest 进行测试，并提供了示例代码。希望本文能够对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6718a365ad1e889fe22cf8a0