Фермент и Джест с использованием рендера
У меня есть простое приложение на React и React-роутере:
import React from "react";
import { Switch, Route } from "react-router-dom";
export const Home = () => (
<div className="Home">Home</div>
);
export const Profile = () => (
<div className="Profile">Profile</div>
);
const App = () => (
<Switch>
<Route exact path="/" component={Home}/>
<Route path="/anotherRouteToProfile" component={Profile}/>
</Switch>
);
export default App;
Я хочу написать тесты маршрутизации, как это
describe('<App />', () => {
it('on "/profile" render `Profile` container', () => {
const wrapper = render(
<MemoryRouter initialEntries={['/profile']}>
<App/>
</MemoryRouter>
);
expect(
wrapper.is(Profile)
).toBe(true);
});
});
Почему этот тест проходит? В браузере по маршруту /profile
сто пустых страниц и по маршруту /anotherRouteToProfile
представленный профиль-компонент.