Я впервые использую реагирующий маршрутизатор 4, и у меня возникли проблемы с выяснением того, как заставить тест работать. Я хочу убедиться, что каждый маршрут указывает на правильный компонент.
Компонент «Мои маршруты» выглядит следующим образом:
const Routes = () => {
return (
<Switch>
<Route exact path="/" component={HomePage} />
<Route path="/register" component={Registration} />
<Route path="/login" component={Login} />
<Route component={PageNotFound} />
</Switch>
);
};
и мой тест выглядит так:
it('should show Login component when sent to login route', () => {
const wrapper = mount(
<MemoryRouter initalEntires={[{ pathname: '/login' }]} initialIndex={0}>
<Routes />
</MemoryRouter>
);
expect(wrapper.find('Login').length).toBe(1);
});
Я хочу убедиться, что при использовании маршрута / login используется компонент Login, но при этом всегда отображается компонент HomePage. Я что-то упускаю?
Спасибо,
Джеймс