React Native 是一个流行的跨平台移动应用开发框架，它支持使用 JavaScript 和 React 技术栈构建原生移动应用。在 React Native 中，可重用的组件被视为应用程序的核心部分。组件测试是移动应用程序开发中必不可少的一部分，使用 Jest 是一个流行的测试框架，能够提供快速、可靠的测试结果。
安装 Jest
要安装 Jest，您需要先配置一个 React Native 项目并使用 yarn 或 npm 安装 Jest：
yarn add --dev jest
或者:
npm install --save-dev jest
配置 Jest
要配置 Jest 进行 React Native 组件测试，您需要将以下内容添加到项目的 package.json 文件中：
"jest": {
"preset": "react-native",
"transformIgnorePatterns": [
"node_modules/(?!react-native|react-navigation|react-native-gesture-handler)"
]
}preset 属性告诉 Jest 使用 React Native 的默认测试配置。transformIgnorePatterns 属性告诉 Jest 忽略所有除了 react-native、react-navigation 和 react-native-gesture-handler 之外的其他依赖项。
为了保证 Jest 与您的项目兼容，您还需要安装额外的包。在项目中使用以下命令安装它们：
yarn add --dev jest-react-native yarn add --dev react-test-renderer
创建测试套件
现在，您已经有了一个配置好的 Jest 包，让我们来编写一些测试。在创建测试套件之前，您需要为组件编写断言，以便确保它们的行为符合您的期望。Jest 可以使用 expect 函数和 toMatch、toEqual、toBe 等匹配器来构建这些断言。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---- - ---- ---------------
------ - ------ - ---- -------------------------------
--------------- ---- -- -- -
---------- ------ -- -- -
----- - ----------- - - ------------ ------------------- ---------------
------------------------------------------
---------------------------------------------------- ---------
-------------------------------------------------------- ------------
---
---以上代码使用 render 函数、getByTestId、toHaveTextContent 匹配器定义了一个 <Text> 组件的测试套件。这个测试套件检查 testID 属性值为 "text" 的文本标签是否存在、是否包含 "Hello World!" 文本和是否不包含 "Hello Universe!" 文本。
运行测试
现在，我们已经有了测试套件，是时候运行测试并检查组件是否按预期工作了。仅需运行以下命令，即可启动 Jest 并运行测试套件：
yarn test
或者:
npm run test
在测试过程中，Jest 将记录慢速测试、失败的测试以及测试套件的总体性能。Jest 还提供一个交互式监视器，它将自动重新运行测试套件，以反映代码更改。
结论
使用 Jest 进行 React Native 组件测试的过程是简单、直接的。测试可以保证组件的质量和稳定性，使开发人员能够快速检测并从早期检测出潜在问题。通过 Jest，您可以保证组件在不同终端上的输出和交互方式的准确性，从而最大限度地提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677709216d66e0f9aa2d2d85