Инвариантное нарушение при модульном тестировании React с использованием jest и вложенных компонентов Redux - PullRequest
Новая
       21

Инвариантное нарушение при модульном тестировании React с использованием jest и вложенных компонентов Redux

0 голосов
/ 01 ноября 2018

Я тестирую компонент React, который содержит подключенный (Redux) экспортируемый компонент внутри него. Jest используется, и в моем тестовом файле все, что у меня есть, это 

import React from 'react'
import { shallow } from 'enzyme'

import MyPage from './../my-page.js'

При запуске теста в консоли выдается следующая ошибка 

Test suite failed to run

Invariant Violation: You must pass a component to the function returned by 
connect. Instead received undefined

Компонент MyPage, который тестируется, выглядит следующим образом 

import React from 'react'
import { MyContainer } from 'recharge/containers'

const MyPage = () => (
  <section className="my-page">
    <h2 className="page-title">Some text</h2>
    <MyContainer />
  </section>
)

export default MyPage

И MyContainer, вложенный подключенный компонент, равен 

import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'

import { Creators as OrderActions } from 'store/ducks/order'

import { My } from 'recharge/components'

const mapStateToProps = state => ({
  my: state.order.my,
  order: state.order.order
})

const mapDispatchToProps = (dispatch) => bindActionCreators(OrderActions, dispatch)

export default connect(mapStateToProps, mapDispatchToProps)(My)
...