Тестирование реакции - как я могу имитировать или вводить данные в магазин, которые будут предоставлены в качестве реквизита для компонента

Я использую jest и react-testing-library, чтобы обеспечить покрытие моего приложения модульными тестами.

Я использую эту удобную вспомогательную функцию, которую Кент С. Доддс показал в одном из своих видеороликов:

const renderWithRedux = ui => ({
    ...render(<Provider store={store}>{ui}</Provider>),
    store,
});

Использую, когда тестирую подключенные компоненты.

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

это мой тест:

test('navbar accepts props', async () => {
    /**
     * Something I was testing
     */
    const functionToTest = () => async dispatch => {
        dispatch(fetchTickets());
    };

    functionToTest();
    const isReady = true;
    const mockData = {
        sessionInformation: {
            ticket: { label: 'Total Tickets' },
            sessionDuration: { sessionLabel: 'Session Duration', duration: 42 },
            equipment: { type: 'Desktop', operatingSystem: 'Windows' },
        },
        component: { isReady },
        tickets: {
            ticketPayload: [
                {
                    number: '1020312039',
                    shortDescription: 'Accessories',
                    status: 'Active',
                    createdOnEpoch: 1512322200000,
                },
            ],
        },
    };

    const data = renderWithRedux(<Navbar props={mockData} />);
});

Компонент, который я тестирую:

const NavBar = ({
    openTickets: { label },
    sessionDuration: { sessionLabel, duration },
    tickets: { ticketPayload = [] },
    isReady,
}) => (!isReady ? (
    <Container>
        <LogoContainer>
            <Logo src={logo} alt="logo" />
            <Header>Service Desk</Header>
        </LogoContainer>

        <SessionInformation className="session">
            <NavbarInfo className="session-info">
                <p>
                    <FontAwesomeIcon icon="ticket-alt" className="ticketIcon" />
                    {label}
                </p>
                <p>{`${ticketPayload.length} tickets`}</p>
            </NavbarInfo>
            <NavbarInfo last className="session-info">
                <p>
                    <FontAwesomeIcon icon="clock" className="ticketIcon" />
                    {sessionLabel}
                </p>
                <p>{`${duration} minutes`}</p>
            </NavbarInfo>
            {hasTokens() && (
                <Button type="submit" onClick={() => console.log('notes')}>
                        Notepad
                </Button>
            )}
        </SessionInformation>
    </Container>
) : (
    <LoaderContainer>
        <RingLoader size={100} />
    </LoaderContainer>
));

Мне нужно вычислить длину с помощью ticketPayload, однако основной магазин имеет приоритет. Поскольку эта информация не была получена, ticketPayload = 0. Я хочу иметь возможность по крайней мере имитировать передаваемые данные, но мне не удалось использовать реквизиты, так как хранилище имеет приоритет.

Надеюсь, что кто-нибудь сможет пролить свет на помощь или поделиться советом. Заранее спасибо!