简介
Enzyme 是 React 应用程序的 JavaScript 测试实用程序，它专注于测试 React 组件的输出。这意味着它并不能模拟 React Native 提供的许多平台 API，这对于需要测试 React Native 应用程序的开发人员来说很困难。在本文中，我们将讨论如何在 Enzyme 测试中模拟 React Native 的平台 API，并提供相应示例代码。
解决方案
我们可以使用一个名为 react-native-mock 的外部依赖项，它提供了许多与 React Native 相同的平台 API，因此我们可以方便地在 Enzyme 测试中模拟这些 API。
以下是如何在安装 react-native-mock 后初步配置测试文件的示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- - ---- ---------
------ -------- ---- ----------------------
------ - ----- ---------------- - ---- ---------------
------ ------ ---- --------------------
------ ----------- ---- -----------------
-----------------
----------------------- -- -- -
----------- ----------- -- -- -
----- ---- - ----------------
------------ --
-----------
-------------------------------
---
----------- ---- ----------- -- -- -
----- ------- - -------------------- ----
------------------------------------------
------------------------------------------------------- ---------
---
--------- ------- ----------- -- -- -
----- ----------- - ----------
----- ------- - -------------------- --------------------- ----
-------------------------------------------------
---------------------------------------------
---
---如上代码所示，我们从 react-native-mock 导入所有组件并调用 mockAll() 函数。这样，我们就可以轻松地在测试中使用 react-native 模块。
接下来，我们使用 renderer.create 函数对组件进行快照测试，并使用 shallow 函数和 expect 断言函数来测试组件的渲染。最后，我们测试了 TouchableOpacity 上的 onPress 事件是否按预期地调用。
结论
在 Enzyme 测试中模拟 React Native 的平台 API 可以帮助开发人员更轻松地测试 React Native 应用程序。通过使用 react-native-mock 提供的平台 API，我们可以方便地在测试中模拟这些 API，并进行更全面的测试。
参考文献
- Enzyme
- React Native Mock
- Testing React Native with Enzyme – Part 1: Shallow Rendering
- Testing React Native with Enzyme – Part 2: Full Rendering
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670561dcd91dce0dc8531f7e