React Native 是一个十分流行的跨平台移动应用开发框架，但是，如何测试一个 React Native 应用呢？Jest 是一个呈现了强大而灵活 JavaScript 测试框架，它可以在 React Native 项目中使用。在本文中，我们将会介绍如何使用 Jest 测试 React Native 应用，并提供详细而有深度的学习和指导意义，同时示例代码将供您作为参考。
准备工作
使用 Jest 测试 React Native 应用之前，必须要先安装 Jest 测试框架。需要通过 npm 安装 Jest 模块，通过下面的命令进行安装：
--- ------- -- ----
在安装 Jest 之后，我们还需要配置 Jest 以允许测试 React Native 应用。为此，在项目根目录中，创建一个名为 jest.config.js 的文件，然后将以下代码复制到文件中：
-------------- - -
------- ---------------
------------------- -----------------------------------------------
------------------------ -
-----------------------------------------------------------------------
--
----------------------- ------------------ ---------
--------------------- ------ ------ ----- ------ ------- --------
--代码中，我们使用了预设 "react-native"，因为 Jest 默认只支持常规的 Node.js 端测试。 但是因为 React Native 中使用了很多原生模块，因此使用了这个预设。我们通过设置 transformIgnorePatterns 以忽略关键的 node_modules 和其他文件，并且使用了 setupFilesAfterEnv，以便为 Jest 配置 testing-library。
编写测试用例
在为 React Native 应用编写测试用例之前，建议您先了解一下 Jest 的运作方式。在 Jest 中，每个测试文件都应该导出一个函数或一个对象，这个函数或对象包含测试用例。每个测试用例应该具有一个简明的名字，并描述用例的目的。
下面，我们为一个简单的 React Native 应用编写一些测试用例。这个应用将展示一个简单的列表，列表中包含一些固定的值。
安装所需要的依赖
首先，我们需要安装一些必要的依赖：
--- ------- -- ----------------------------- -----------
在安装了上述依赖之后，我们就可以开始编写测试用例了。
测试用例示例
以下是一个简单的 React Native 列表测试用例示例：
------ --------------- ------ ----- ---- -------- ------ --- ---- --------- ------ - ------ - ---- -------------------------------- --------------------- ------------- ---- ------- ----- -- -- - ----- - ----------- - - ----------- ---- ----- -------- - ------------------------ ------------------------------ ---
在上面的代码中，我们首先从 @testing-library/react-native 导入 render 方法。该方法用于渲染 React 组件并返回一个可以用于查询组件的测试实例。在测试用例中，我们通过调用 render 渲染 React 组件并获取测试实例。
接下来，我们调用 getByTestId 并将其传递给一个字符串来获取具有相应测试 ID 的元素。在此示例中，我们使用的测试 ID 是 listItem。最后，我们使用 expect 将值的存在性与真值进行比较，这就是本示例测试用例的核心。
运行测试
为了运行测试，我们可以使用以下命令：
--- --- ----
在 npm 脚本中使用 Jest 命令会自动查找测试文件并执行它们。测试文件必须是.test.js 或者 .spec.js，如果你想让 Jest 搜索 TypeScript 文件，需要将 .ts 或 .tsx 附加到这个通配符中。
在测试结束之后，您将会看到运行测试的结果。
结论
在本文中，我们向您介绍了如何使用 Jest 测试 React Native 应用，包含了详细而有深度的学习和指导意义，并提供了示例代码。从安装 Jest 模块、配置 Jest 到编写测试用例，您可以使用 Jest 测试 React Native 应用并完成各种不同的测试需要。希望这篇文章对您的学习和实践有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671b68279babaf620fab3ec3