what is a proper jest mock for react-native-screens?

[sibelius]

No description provided.

[msvargas]

For me, working with this:

jest.mock('react-native-screens', () => {
  const RealComponent = jest.requireActual('react-native-screens');
  RealComponent.enableScreens = function() {};
  return RealComponent;
});

[sibelius]

fixed like this:

const View = require('react-native').View;

export const enableScreens = jest.fn();
export const ScreenContainer = View;
export const Screen = View;
export const NativeScreen = View;
export const NativeScreenContainer = View;
export const ScreenStack = View;
export const ScreenStackHeaderConfig = View;
export const ScreenStackHeaderSubview = View;
export const ScreenStackHeaderRightView = View;
export const ScreenStackHeaderLeftView = View;
export const ScreenStackHeaderTitleView = View;
export const ScreenStackHeaderCenterView = View;

[badsyntax]

I used this approach. Within my jest setup file: ./jest/setup.js:

jest.mock('react-native-screens', () => ({
  ...jest.requireActual('react-native-screens'),
  enableScreens: jest.fn(),
}));

[SMJ93]

If you are using createBottomTabNavigator you will also need to mock ScreenContainer:

// __mocks__/react-native-screens.tsx
import { View } from "react-native";

export const enableScreens = jest.fn();
export const screensEnabled = jest.fn().mockReturnValue(false);
export const ScreenContainer = View;