React Native，不变违规：本机模块不能为空。（指向 OneSignal 模块）

Question

我正在使用 Jest+Enzyme 为使用 OneSignal 的 React 本机应用程序编写测试。

这里有一个类似的问题（我认为）：https://github.com/facebook/jest/issues/2208，但这个问题已经很老了，我已经按照那里的解决方案进行操作，但 none 对我有用。

起初，我遇到这个错误运行 jest:

home/nrion/Desktop/mobile-ui/PriceInsight_app/node_modules/react-native-onesignal/index.js:4
    import { NativeModules, NativeEventEmitter, NetInfo, Platform } from 'react-native';
    ^^^^^^

    SyntaxError: Unexpected token import

    > 1 | import OneSignal from 'react-native-onesignal';
      2 | 
      3 | export const STORE_TIMEFRAME = 'STORE_TIMEFRAME';
      4 | export const STORE_TIMEFRAMES = 'STORE_TIMEFRAMES';

      at ScriptTransformer._transformAndBuildScript (../../../../../usr/lib/node_modules/jest-cli/node_modules/jest-runtime/build/script_transformer.js:316:17)
      at Object.<anonymous> (src/actions/subscription.js:1:387)
      at Object.<anonymous> (src/reducers/subscription.js:1:402)

所以我继续将 react-native-onesignal 添加到 package.json 中：

"transformIgnorePatterns": [
      "node_modules/(?!(react-native-onesignal|react-native-login|react-native-elements)/)"
    ]

这样就解决了我的问题。但是又来了一个问题：

 Invariant Violation: Native module cannot be null.

    > 1 | import OneSignal from 'react-native-onesignal';
      2 | 
      3 | export const STORE_TIMEFRAME = 'STORE_TIMEFRAME';
      4 | export const STORE_TIMEFRAMES = 'STORE_TIMEFRAMES';

      at invariant (node_modules/fbjs/lib/invariant.js:42:15)
      at new NativeEventEmitter (node_modules/react-native/Libraries/EventEmitter/NativeEventEmitter.js:37:31)
      at Object.<anonymous> (node_modules/react-native-onesignal/index.js:9:33)

我试过模拟 OneSignal，但当我这样做时会发生以下情况：

 Cannot find module 'OneSignal' from 'Main.test.js'

    > 1 | import React from 'react'
      2 | import { shallow } from '../../jest-setup'
      3 | import configureStore from 'redux-mock-store'
      4 | import OneSignal from 'react-native-onesignal'

      at Resolver.resolveModule (../../../../../usr/lib/node_modules/jest-cli/node_modules/jest-resolve/build/index.js:169:17)
      at Object.<anonymous> (src/__tests__/Main.test.js:1:108)

我已经被这个问题困扰了几个小时了！任何见解将不胜感激。

Answer 1

我认为您缺少 babel-jest 作为依赖项。 Jest 默认不使用 babel，因此不理解 ES6 导入语法。

编辑：我还认为还有另一个问题，您还需要从 react-native 模拟 NativeEventEmitter。如果您还添加要测试的代码，它可能会有所帮助。

Answer 2

原来我的模型是错误的。应该是：

jest.mock('react-native-onesignal', () => ({
  addEventListener: jest.fn(),
  removeEventListener: jest.fn(),
  inFocusDisplaying: jest.fn()
}))

正如这个帖子所指出的：https://github.com/facebook/jest/issues/6382#issuecomment-394104956

React Native，不变违规：本机模块不能为空。（指向 OneSignal 模块）

React Native, Invariant Violation: Native module cannot be null. (pointing to OneSignal module)

reactjs

react-native

jestjs

onesignal

React Native，不变违规：本机模块不能为空。 （指向 OneSignal 模块）

React Native, Invariant Violation: Native module cannot be null. (pointing to OneSignal module)

reactjs

react-native

jestjs

onesignal

React Native，不变违规：本机模块不能为空。（指向 OneSignal 模块）