npm install redux react-redux redux-thunk @testing-library/react @testing-library/jest-dom --save-dev

// store.js

import { createStore, applyMiddleware } from 'redux';

import thunk from 'redux-thunk';

import rootReducer from './reducers';

const store = createStore(rootReducer, applyMiddleware(thunk));

export default store;

// index.js

import React from 'react';

import ReactDOM from 'react-dom';

import { Provider } from 'react-redux';

import store from './store';

import App from './App';

ReactDOM.render(

  <Provider store={store}>

    <App />

  </Provider>,

  document.getElementById('root')

);

"jest": {

  "setupFiles": ["<rootDir>/src/setupTests.js"],

  "moduleNameMapper": {

    "\\.(css|less|scss)$": "identity-obj-proxy"

  }

}

// setupTests.js

import '@testing-library/jest-dom';

import { configure } from '@testing-library/react';

configure({ testIdAttribute: 'data-test-id' });

npm install redux-mock-store --save-dev

// MyComponent.test.js

import React from 'react';

import { render } from '@testing-library/react';

import configureMockStore from 'redux-mock-store';

import { Provider } from 'react-redux';

import MyComponent from './MyComponent';

const mockStore = configureMockStore();

const store = mockStore(/* your initial state here */);

test('renders MyComponent', () => {

  render(

    <Provider store={store}>

      <MyComponent />

    </Provider>

  );

  // Your test assertions go here

});