我对 Jest 单元测试很陌生，所以像模拟模块这样的东西令人困惑。

在 react native 中，有一个组件使用 firebase 数据库从给定的 ref 返回数据:

// when the data of the current user is available
userRef.child(user.uid).on('value', snap => {
  // check of val() consists data
  if (snap.val()) {
    let
      authUser = snap.val(),
      isPatient = authUser.type === "Patient",
      // We update the state object so that the component is re-rendered
      this.setState({
        // the ID of the current user
        authUserUID: user.uid,
        // the type of the current user (i.e. Doctor or Patient)
        authUserType: snap.val().type,
        // title of the dashboard based on the current user type
        activeTitle: snap.val().type === "Doctor" ? "My Patients" : "My Doctors",
      });
  }
});

import 'react-native'
import React from 'react'
import renderer from 'react-test-renderer'
import LaunchScreen from "../../App/Containers/LaunchScreen";

test('LaunchScreen', () => {
  const tree = renderer.create( <LaunchScreen / > ).toJSON()
  expect(tree).toMatchSnapshot()
})

RNFirebase core module was not found natively on iOS, ensure you have correctly included the RNFirebase pod in your projects Podfile and have run pod install

console.error node_modules\react-test-renderer\cjs\react-test-renderer.development.js:5530 The above error occurred in the component: in LaunchScreen

Consider adding an error boundary to your tree to customize error handling behavior.

TypeError: _reactNativeFirebase2.default.app is not a function

最佳答案

https://gist.github.com/himanshusinghs/bd86262ce3c9e6f4d691b5242de707ef

以上是包含 React Native Firebase 模拟的要点的链接。实现说明也在那里。我也在这里总结它们-

1. 你将 mock node_module根据您的用例，有多种方法可以做到这一点。但是由于您需要为几乎每个使用 Firebase 的组件模拟 Firebase，我们将实现 React Native Firebase 模块的全局模拟。

2. 创建 __mocks__项目根目录中的文件夹，与您的 node_modules 相邻文件夹。

3. 现在创建一个名为 react-native-firebase.js 的文件里面__mocks__目录。

4. 从RNFirebaseMock.js复制粘贴内容在上述要点中，您的react-native-firebase.js文件。

这是如何工作的？

Jest 有一个自动模拟功能。现在，每次您将使用 Jest 运行您的测试用例，并且无论何时您的任何测试用例都需要 react-native-firebase模块，Jest 将首先查看 __mocks__文件夹看看有没有react-native-firebase.js包含所需模块的一些模拟实现。

如果存在则 jest 将需要该模拟实现而不是原始模块，否则它将继续需要原始 react-native-firebase模块。

注意事项

您需要观察我们创建的模拟文件的名称react-native-firebase.js里面 __mocks__文件夹与实际react-native-firebase的安装文件夹名称相似模块。只需转到 node_modules向下滚动直到找到 react-native-firebase文件夹。

是的，模块的模拟实现的名称需要与模块本身的名称完全相同。

从现在开始要做的事情

恭喜您从单元测试开始，并为此选择了一个很棒的框架。相信我，测试react-native或 react是这样的PITA (Pain in the Ass)您应该考虑认真阅读 Jest 文档，并主要关注模拟部分。

稍后您可能会在为 react-native 或 react 设置 Jest 时遇到问题，文档将派上用场。

这里有一些系列教程和引用资料，帮助我开始使用 Jest和单元测试react和 react-native -

Solution for the error after applying RNFirebaseMock

export default class RNFirebase {
  static initializeApp() {
    RNFirebase.firebase = new MockFirebase()
    RNFirebase.promises = []
    return RNFirebase.firebase
  }

  static reset() {
    RNFirebase.promises = []
    RNFirebase.firebase.databaseInstance = null
  }

  static waitForPromises() {
    return Promise.all(RNFirebase.promises)
  }

  static analytics () {}

  static app () {}
}

关于javascript - 如何在使用 firebase 的 react native 中进行单元测试？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49701000/