Возникли проблемы с правильной проверкой правильности отображения правильного компонента на основе маршрутов, переданных как ** компонент ** в приложение. js с использованием фермента и шутки в реакции? - PullRequest
1 голос
/ 29 марта 2020

Проблема:

У меня проблемы с тестированием маршрутов, переданных с использованием компонента. Структура выглядит следующим образом: передается в приложение. js, а затем в ClientRoutes у меня есть различные маршруты. Как правильно проверить это?

Требуемое решение:

a) Я хочу проверить, отображается ли правильный компонент на основе маршрута

b ) это необязательно, но также проверьте, переданы ли правильные реквизиты в компонент c для указанного c маршрута

Структура моего app.test. js

const middlewares = [thunk];
const mockStore = configureMockStore(middlewares);
const store = mockStore({});
const setup = (props = {}) => {
  return shallow(
    <Provider store={store}>
      <App />
    </Provider>
  );
};
describe("WelcomeMessage Test Suite", () => {
  it("Should render component", () => {
    let { wrapper } = setup();
    expect(wrapper.length).toEqual(1);
  });
});

Мое приложение. js рендер

 render() {
    return (
      <div className={styles.main}>
        <ClientRoutes test="testing" />
      </div>
    );

Наконец мой компонент clientroutes

export default () => {
  return (
    <Router>
      <Switch>
      <Route path={["/login","/"]} exact component={LoginForm} />
      <Route path="*" component={About} />
      </Switch>
    </Router>
  );
};
...