Возникли проблемы при тестировании маршрутов с помощью React Router / Jest / Enzyme

Question

Итак, я пытался выяснить, как написать модульные тесты для моего компонента, который условно отображает компоненты с использованием React Router.Моя проблема заключалась в том, что мне никогда не удавалось заставить его отображать что-либо, кроме корневого маршрута, независимо от того, что я делаю.

Для дальнейшего изучения этого я собрал небольшой фрагмент тестового кода, которыйЯ включаю здесь:

it('testing', () => {
        const component = mount(
            <MemoryRouter initalEntries={ [ '/next' ] }>
                <Switch>
                    <Route path="/next" render={ () => <p>Next</p> } />
                    <Route path="/" exact render={ () => <p>Root</p> } />
                </Switch>
            </MemoryRouter>
        );

        console.log(component.debug());
    });

Итак, я ожидаю, что этот код будет отображать <p>Next</p>, потому что я нажимаю на / следующий маршрут.Тем не менее, это только когда-либо отобразит <p>Root</p>.

Если бы кто-то мог помочь мне понять, что я здесь делаю неправильно, это было бы очень ценно.Спасибо.

Answer 1

Так что получается, что я неправильно написал "initialEntries", и это как целая проблема.Спасибо.