Как мне написать тестирование снимка или этот компонент, где мне нужно писать кейсы для всех передаваемых реквизитов, таких как загрузка, данные и ошибка

Question

Я хочу написать для этого кода тестирование моментальных снимков, чтобы охват кода был на 100%, включая все тестовые примеры для всех свойств, таких как загрузка, сообщения, ошибка, все поступают из моего глобального хранилища. код такой, как показано ниже:

import React, { Component } from "react";
import Cards from "./Cards";
import "../assets/styles/Home.css";
import { connect } from "react-redux";
import { fetchPosts } from "../redux/async-api/posts.js";
class Home extends Component {
    componentDidMount() {
        this.props.postsList()
    }
    render() {
        const { loading, posts, error } = this.props
        const allPosts = posts.map(post => {
            return (
                <div className="cards mb-3" key={post.id}>
                    <Cards

                        title={post.title}
                        id={post.id}
                        body={post.body}
                        user={post.userId}
                    />
                </div>
            );
        })
        return (
            loading === true ? <div>Loading...</div> : (error !== '' ? <div>{error.message}</div> :
                <div data-test="home" className="all-posts">
                    {allPosts}
                </div>)
        );
    }
}
const mapStateToProps = (state) => {
    return {
        loading: state.postReducer.loading,
        posts: state.postReducer.posts,
        error: state.postReducer.error
    }
}

const mapDispatchToProps = (dispatch) => {
    return {
        postsList: () => dispatch(fetchPosts())
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(Home)