Как протестировать компонент Gatsby со StaticQuery внутри

Question

Итак, я просмотрел документы gatsby, и они хорошо объясняют, как тестировать «запрос страницы», но я не могу найти ничего при тестировании «запроса компонента».Поэтому я пытаюсь выяснить, как проверить этот тип компонента ниже.По сути, это фильтр, который подходит для продукта.Я использую библиотеку реагирования с Jest для выполнения всех моих тестов.Спасибо за любую помощь заранее!

const RelatedProduct = ({ slug }: { slug: string }) => (
    <StaticQuery
        query={
            graphql`
                query {
                    allWcProduct{
                        edges{
                            node{
                                name
                                id
                                slug
                                sub_header
                                price
                                featuredImage{
                                    alt
                                    localFile{
                                        childImageSharp {
                                            fluid(maxWidth: 835) {
                                                ...GatsbyImageSharpFluid
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            `
        }
        render={data => {
            const product = data.allWcProduct.edges.find(
                (edge: any) =>
                    edge.node.slug === slug
            )
            if (!product) {
                return null
            }
            return <ProductListItem {...product.node}/>
        }}
    />
)

export default RelatedProduct