Фермент и Джест с использованием рендера

У меня есть простое приложение на 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 представленный профиль-компонент.

введите описание изображения здесь

0 ответов

Другие вопросы по тегам