Получение '' Инвариантного нарушения: собственный модуль не может быть нулевым. '', Когда я запускаю тест

Question

Ниже показан компонент Login, и я пишу несколько тестовых примеров для компонента.Когда я пытаюсь запустить тест, я получаю следующую ошибку:

Тест

import renderer from 'react-test-renderer'

import Login from '../Login'
let props, wrapper

beforeEach(() => {
  props = {
    loginAttempt: jest.fn(),
    recoverAttempt: jest.fn(),
    reset: jest.fn()
  }
  wrapper = shallow(<Login {...props} />)
})

describe('tests for <Login />', () => {
  test('should have a formProvider with handlesubmit atribute', () => {
    const value = wrapper.find('FormProvider')
    expect(value.length).toBe(1)
  })
})

//Snapshot test
test('Snapshot test for the Contact form', () => {
  const tree = renderer.create(<Login {...props} />).toJSON()
  expect(tree).toMatchSnapshot()
})

Компонент

import React, { Component } from 'react'
import KeyboardAvoidingWrapper from 'components/Wrappers/KeyboardAvoidingWrapper'

export default class AuthScreen extends Component {
  state = {

  }

  toggleRecovery = e => {

    )
  }

  loginAttempt = data => {

  }

  recoverAttempt = data => {

  }

  componentWillUnmount() {

  }

  render() {
    let { loginAttempt, toggleRecovery, recoverAttempt, state, props } = this
    let { recovery } = state
    let { error, fetching } = props
    return (
      <KeyboardAvoidingWrapper enabled={false} behavior="padding" fluid>

    UI GOES HERE..

      </KeyboardAvoidingWrapper>
    )
  }
}

Ошибка

  ● Test suite failed to run

    Invariant Violation: Native module cannot be null.

      at invariant (node_modules/react-native/node_modules/fbjs/lib/invariant.js:40:15)
      at new NativeEventEmitter (node_modules/react-native/Libraries/EventEmitter/NativeEventEmitter.js:36:36)
      at Object.<anonymous> (node_modules/react-native-safari-view/SafariViewManager.ios.js:12:20)
      at Object.<anonymous> (node_modules/react-native-safari-view/index.js:1:238)

Почему я получаю эту ошибку.Это потому, что компонент не получает импорт правильно.Я не мог понять, почему это происходит, как я могу решить эту проблему.

Спасибо

Answer 1

Эта проблема возникает, когда вы импортируете нативный компонент в дерево рендеринга, так как у тестового рендерера их нет.Чтобы это исправить, нужно либо смоделировать компонент (https://jestjs.io/docs/en/manual-mocks),, либо использовать неглубокий рендеринг (https://reactjs.org/docs/shallow-renderer.html)

). В вашем конкретном случае вам поможет проблема github: https://github.com/naoufal/react-native-safari-view/issues/99

Другим решением может быть использование response-native-mock-render модуля (самый активный форк act-native-mock )