React Native 测试错误 - 无法在卸载的组件上找到节点

Question

我对测试 React 和 React Native 应用程序的知识非常有限。所以我刚刚开始在我的 React Native 应用程序中设置一些测试。我正在使用 expo，所以我安装了 jest、jest expo、react-test-renderer。我想检查一个非常简单的测试，我认为这可能不是一个简单的测试，可能是因为导航，但无论如何我无法克服下面的这个错误。我正在发布我的应用程序代码、测试和我看到的错误。

在 package.json 中

  "jest": {
    "preset": "jest-expo",
    "transformIgnorePatterns": [
      "node_modules/(?!(jest-)?react-native|react-clone-referenced-element|@react-native-community|expo(nent)?|@expo(nent)?/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|@sentry/.*)"
    ],

应用组件

 import React from 'react';     
 import { createAppContainer } from 'react-navigation';
 import { createStackNavigator } from 'react-navigation-stack';
 import MemberHomeScreen from './src/screens/MemberHomeScreen';
 import SignUpScreen from './src/screens/SignUpScreen';
 import { setNavigator } from './src/navigationRef';
 import SignInScreen from './src/screens/SignInScreen';
 import HomeScreen from './src/screens/HomeScreen';
 import MemberDetailsScreen from './src/screens/MemberDetailsScreen';
        
        const appNavigator = createStackNavigator(
          {
            Home: HomeScreen, 
            MemberHome: MemberHomeScreen,
            SignUp: SignUpScreen,
            SignIn: SignInScreen,
            MemberDetails: MemberDetailsScreen
          },
          {
            initialRouteName: 'Home',
            defaultNavigationOptions: {
              title: '',
              headerLeft: () => false,
              headerTitleAlign: 'center'
            }
          }
        );
        
        const App = createAppContainer(appNavigator);
        export default () => {
          return <App ref={navigator => {setNavigator(navigator) }} />
        }

导航引用.js

import { NavigationActions } from 'react-navigation';

let navigator;
export const setNavigator = (nav) => {
  navigator = nav;
}

export const navigate = (routeName, params) => {
  navigator.dispatch(
    NavigationActions.navigate({
      routeName,
      params
    })
  )
}

测试

import React from "react";
import renderer from "react-test-renderer";
import App from "../../App";

describe("App Component", () => {
    it('renders correctly', () => {
      const tree = renderer.create(<App />)
    });
});

任何想法我做错了什么？感谢任何指导。谢谢！

Answer 1

更新我的依赖项后，我遇到了同样的错误。

react-test-renderer从主要版本降级17到最新版本后，测试运行良好16。即使react&react-dom在版本 17时看起来也很好，尽管会有不正确的对等依赖警告。

Answer 2

将我的 React-Native 版本升级到 64.2 后遇到了这个问题，将react-test-renderer升级到最高的公共版本，目前是17.0.2 ，这有帮助。