store.js
import { createStore, applyMiddleware } from 'redux';
import thunkMiddleware from 'redux-thunk';
import { persistStore, persistReducer } from 'redux-persist';
import storage from 'redux-persist/lib/storage';
import initState from './initialState.skipCoverage';
import rootReducer from './rootReducer.skipCoverage';
const persistConfig = {
key: 'root',
storage,
version: 0,
};
const persistedReducer = persistReducer(persistConfig, rootReducer);
/* eslint-disable no-underscore-dangle */
const store = createStore(
persistedReducer,
initState,
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),
applyMiddleware(thunkMiddleware)
);
export const persistor = persistStore(store);
export default store;
app.js
import React from 'react';
import { Provider } from 'react-redux';
import store, { persistor } from './state/store.skipCoverage';
import Routes from './Routes';
import './itcss/main.scss';
import Footer from './components/Footer';
import ContactUs from './components/ContactUs';
import CollapsibleList from './components/CollapsibleList';
import collapsibleListContent from './assets/data/collapsibleListSidebar.json';
import prepareForE2e from './helpers/prepareForE2e.skipCoverage';
import { PersistGate } from 'redux-persist/integration/react'; // eslint-disable-line import/first
const app = () => {
prepareForE2e();
return (
<Provider store={store}>
<PersistGate loading={null} persistor={persistor}>
<React.Fragment>
<div className="row">
<div className="col-lg-9 col-md-8 col-sm-12">
<Routes />
</div>
<aside className="col-lg-3 col-md-4 col-sm-12 no-print">
<ContactUs />
<CollapsibleList
content={collapsibleListContent}
panelType="side-panel"
isSecondary
/>
</aside>
</div>
<Footer />
</React.Fragment>
</PersistGate>
</Provider>
);
};
export default app;
app.test.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
it('renders without crashing', () => {
const div = document.createElement('div');
ReactDOM.render(<App />, div);
ReactDOM.unmountComponentAtNode(div);
});
Журнал ошибок Я пытаюсь проверить загрузку своего приложения и не вылетает из коробкитест «создай реакцию».Я только что добавил redux-persist
v5.10.0 в свое приложение и сумел заставить его работать, однако сам тест приложения не работает.Я также высмеиваю локальное хранилище при установке шутки, но я убрал это, и ошибка все еще вокруг.Кто-нибудь знает, почему тест не проходит / как это исправить?