Проблема:
У меня проблемы с тестированием маршрутов, переданных с использованием компонента. Структура выглядит следующим образом: передается в приложение. 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>
);
};