Мое приложение всего приложения имеет только одну страницу, каждый компонент на этой странице обернут MainComponent
, я получил избыточный текст в моем проекте, поэтому многие компоненты являются связанными компонентами.Я хочу, чтобы для моего MainComponent
был выполнен только один снимок теста с использованием jest и энзима, который отображает все его дочерние компоненты.Как я могу это сделать?
первая попытка:
...
var try1 = mount(<MainComponent customer={customer} productFilter={productFilter} />);
// export was also set on MainComponent on this try
ошибка:
Invariant Violation: Could not find "store" in either the context or props of "Connect(Menu)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(Menu)".
Menu
дочерний компонент
секундаtry:
import configureStore from 'redux-mock-store';
import store from './../../../../store';
// I also tried to use a mock of my store and the real one
...
var try2 = mount(<Provider store={store}><MainComponent customer={customer} productFilter={productFilter} /></Provider>);
ошибка:
The above error occurred in the <Connect(CreditDetailViewSwitcher)> component:
in Connect(CreditDetailViewSwitcher) (at MainComponent.jsx:78)
CreditDetailViewSwitcher
- это другой дочерний компонент, подключенный
Дочерние компоненты, которые не подключены, воспроизводятся идеально, только дочерние компонентывыбросить ошибки