Code Push breaking jest tests for react-native

Question

I have configured an app for code-push, it works well except for jest tests. It fails in rendering app for this error:

TypeError: Cannot read property 'CheckFrequency' of undefined

  at Object.<anonymous> (app/index.js:7:66)
  at Object.<anonymous> (index.ios.js:5:12)
  at Object.<anonymous> (__tests__/index.ios.js:4:12)

in this line:

const codePushOptions = { checkFrequency: codePush.CheckFrequency.MANUAL };

The test code is:

import App from '../index.ios';

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

You need to create a [mock](https://facebook.github.io/jest/docs/manual-mocks.html) for CodePush — Xeijp, Mar 28 '17 at 01:24
@Assem Chelli did you resolve your issues? Running into something similar myself... — Tom Hall, Jun 01 '17 at 07:35
@BigOther Try my solution, if you still haven't fixed this, it worked quite well for me. :) — luizParreira, Sep 30 '18 at 14:31

score 11 · Answer 1 · answered Nov 21 '17 at 12:12

I came across this problem while integrating codePush into the React Native app I am currently working on. What worked for me was:

Creating a file __mocks__/react-native-code-push.js.

Adding the following code to it:

const codePush = {
  InstallMode: {ON_NEXT_RESTART: 'ON_APP_RESTART'},
  CheckFrequency: {ON_APP_RESUME: 'ON_APP_RESUME'}
};

const cb = _ => app => app;
Object.assign(cb, codePush);
export default cb;

On my index.js file, I have:

import codePush from 'react-native-code-push';
import MyApp from './src/'

const codePushOptions = {
  installMode: codePush.InstallMode.ON_NEXT_RESTART,
  checkFrequency: codePush.CheckFrequency.ON_APP_RESUME
};

export default codePush(codePushOptions)(MyApp);

luizParreira, where did you create the `__mocks__` directory? Did you have to link it anywhere? — Josh Wang, May 24 '18 at 20:28
made `__mocks__` directory in root. https://facebook.github.io/jest/docs/en/manual-mocks.html — Josh Wang, May 24 '18 at 20:39

score 7 · Answer 2 · edited Aug 25 '17 at 10:50

Similar to what Tom Hall describes, this mock does work for me:

jest.mock('react-native-code-push', () => {
  const cp = (_: any) => (app: any) => app;
  Object.assign(cp, {
    InstallMode: {},
    CheckFrequency: {},
    SyncStatus: {},
    UpdateState: {},
    DeploymentStatus: {},
    DEFAULT_UPDATE_DIALOG: {},

    checkForUpdate: jest.fn(),
    codePushify: jest.fn(),
    getConfiguration: jest.fn(),
    getCurrentPackage: jest.fn(),
    getUpdateMetadata: jest.fn(),
    log: jest.fn(),
    notifyAppReady: jest.fn(),
    notifyApplicationReady: jest.fn(),
    sync: jest.fn(),
  });
  return cp;
});

Why the currying? It does not pass like that. After modifying to `const cp = (app: any) => app;` it passes. — adambene, Oct 30 '17 at 17:22

Tom Hall · Answer 3 · 2017-06-05T06:41:25.670

1

In your tests, underneath your import App from '../index.ios';, add the following:

jest.mock('react-native-code-push', () => {
    return jest.fn(() => ({
        InstallMode: jest.fn(),
        CheckFrequency: jest.fn(),
        CodePushComponent: jest.fn(),
        codePushify: jest.fn()
    }));
});

edited Jun 05 '17 at 06:41

answered Jun 05 '17 at 00:56

Tom Hall

4,258
2
23
23

I believe this will still result in the error `TypeError: Cannot read property 'MANUAL' of undefined` – Keith Jun 19 '17 at 18:26

score 0 · Answer 4 · edited Apr 04 '17 at 18:40

0

You need a mock up for code-push to work, this line CodePush.CheckFrequency.MANUAL will always produce the null.

edited Apr 04 '17 at 18:40

Assem

11,574
5
59
97

answered Apr 01 '17 at 16:06

Remario

3,813
2
18
25

Code Push breaking jest tests for react-native

4 Answers4