Upgrading to RN 0.65.1 causes Jest to fail with TypeError: _reactNative.Keyboard.emit is not a function

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

After upgrading to React Native 0.65.1, Jest fails with tests that use certain React Native functionality. The errors it throws when failing:

 TypeError: _reactNative.Keyboard.emit is not a function

 TypeError: _reactNative.AppState.removeEventListener is not a function

Additionally, other tests are now suddenly failing with the following as well:

thrown: "Exceeded timeout of 5000 ms for a hook.
Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."

React Native version:

0.65.1 (coming from 0.64.2)

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

1. Come from React Native 0.64.2 and upgrade to RN 0.65.1
2. Run Jest and use functionality from the React Native package
3. Watch Jest fail being unable to identify the React Native functionality

Expected Results

These Jest tests worked and all PASS in 0.64.2. The only change is upgrading to 0.65.1 to cause this to fail.

Unit test Jest code example

import { render } from '@testing-library/react-native';
import React from 'react';
import { Keyboard } from 'react-native';
import TestComponent from '../TestComponent';

describe('screens/testscreen/TestComponent', () => {
 it('renders correctly', () => {
    const setup = render(<TestComponent />);
    expect(setup).toBeTruthy();
    
    act(() => {
      Keyboard.emit('keyboardDidShow', {});
      Keyboard.emit('keyboardDidHide', {});
    });
  });
});

What can I try to get this working again, or is React Native 0.65.1 broken in this regard?

[sabun123]

Awesome, really appreciate the guidance @yungsters. That did the trick, I had no idea about RCTDeviceEventEmitter.

For others who may read this. Before:

import { Keyboard } from 'react-native';

// later in the actual test
act(() => {
      Keyboard.emit('keyboardDidShow', {});
      Keyboard.emit('keyboardDidHide', {});
    });

The replacement that works in RN 0.65.1 for us After:

import RCTDeviceEventEmitter from 'react-native/Libraries/EventEmitter/RCTDeviceEventEmitter';

// later in the actual test
act(() => {
      RCTDeviceEventEmitter.emit('keyboardDidShow', {});
      RCTDeviceEventEmitter.emit('keyboardDidHide', {});
    });

For the AppState.removeEventListener, whilst it worked in code, Jest would not let it pass. In the end I replaced all of them with the .remove() function instead.

Before:

  useEffect((): (() => {}) => {
    AppState.addEventListener('change', handleAppStateChange);

    return () => {
      AppState.removeEventListener('change', handleAppStateChange);
    };
  });

After:

  let appstatelistener;

  useEffect((): (() => {}) => {
    appstatelistener = AppState.addEventListener('change', handleAppStateChange);

    return () => {
      appstatelistener.remove();
    };
  });

Thanks again @yungsters! Closing this as solved

[yungsters]

Thanks for the detailed summary, @sabun123!

I do wonder why AppState.removeEventListener isn’t working for you, though. Hmm…

Nonetheless, best to migrate away from it since it is deprecated and will be removed in the future.