Jest React Redux

Question

Я не могу проверить этот простой реактивный контейнер. Документация мне не помогает ...

import React, {Component} from 'react'
import {connect} from 'react-redux'

import {loadBoards} from '../../actions/boardJS'
import Board from '../../components/Board/Board'

class BoardContainer extends Component {
  getBoards() {
    fetch(process.env.REACT_APP_DEV_API_URL + `todo_lists`)
        .then(res => res.json())
        .then(data => {
          this.props.dispatch(loadBoards(data))
        })
  }

  componentDidMount() {
    this.getBoards()
  }

  render() {
    return <Board/>

  }
}

const mapStateToProps = state => {
  return {
    boards: state.boards
  }
}

export default connect(mapStateToProps)(BoardContainer)

Как я могу проверить mapStateToProps или componentDidMount? Мне нужен простой рабочий пример. Спасибо!

Answer 1

Рекомендую прочитать эту статью. Он очень хорошо объясняет, как тестировать компоненты, подключенные к редуктору В сущности, они используют реальный экземпляр магазина для каждого теста и заполняют его данными.