Не удается найти модуль 'NativeAnimatedHelper' при использовании макета Jest - PullRequest
0 голосов
/ 06 октября 2019

Я пытался настроить react-navigation в моем новом приложении React Native. Пока у меня работает код / ​​экраны, Jest вызывает проблемы после добавления в библиотеку, следуя документам v4 .

Я установил react-navigation, react-native-reanimated, react-native-gesture-handler и react-native-screens@^1.0.0-alpha.23. Затем я вошел в папку ios и запустил pod install. Поскольку я использую React Native версии v0.61, они должны были автоматически связываться.

Когда я запускаю тест Jest по умолчанию, я получаю сообщение об ошибке:

  ✓ renders correctly (106ms)

  console.warn node_modules/react-native/Libraries/Animated/src/NativeAnimatedHelper.js:270
    Animated: `useNativeDriver` is not supported because the native animated module is missing. Falling back to JS-based animation. To resolve this, add `RCTAnimation` module to this app, or remove `useNativeDriver`. More info: https://github.com/facebook/react-native/issues/11094#issuecomment-263240420

Я искал этоошибка, и большинство из предложенных ответов заключались в том, чтобы поместить это в мой тестовый файл:

jest.mock('NativeAnimatedHelper');

Однако, когда я попытался это сделать, Джест пожаловался на ошибку, подобную этой:

 FAIL  __tests__/App-test.tsx
  ● Test suite failed to run

    Cannot find module 'NativeAnimatedHelper' from 'App-test.tsx'

       6 | import renderer from 'react-test-renderer'
       7 |
    >  8 | jest.mock('NativeAnimatedHelper')
         | ^
       9 |
      10 | it('renders correctly', () => {
      11 |   renderer.create(<App />)

      at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:259:17)
      at Object.<anonymous> (__tests__/App-test.tsx:8:1)

Я уже некоторое время пробую разные вещи, любая помощь / предложения будут оценены!


Версии:

Node: 10.16.1
npm: 6.11.3
"react": "^16.9.0",
"react-native": "0.61.1",
"react-native-gesture-handler": "^1.4.1",
"react-native-reanimated": "^1.3.0",
"react-native-screens": "^1.0.0-alpha.23",
"react-navigation": "^4.0.10",
"react-navigation-stack": "^1.9.3",

"babel-jest": "^24.1.0"
"jest": "^24.1.0"
"react-test-renderer": "^16.9.0"

Jest config:

{
  "jest": {
    "preset": "react-native",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ],
    "setupFiles": [
      "./node_modules/react-native-gesture-handler/jestSetup.js"
    ],
    "transformIgnorePatterns": [
      "node_modules/(?!((jest-)?react-native|react-navigation|@react-navigation/.*))"
    ]
  }
}

1 Ответ

4 голосов
/ 06 октября 2019

Изменить

jest.mock('NativeAnimatedHelper');

На

jest.mock('react-native/Libraries/Animated/src/NativeAnimatedHelper');

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...