Да, я рендерил connected component
с передачей реквизита в него.
Таким образом, для этой цели нам нужно передать элемент store в Provider и смонтировать в него компонент.
Итак, все, что нам нужно понять, это:
Маунт : он будет визуализировать глубокий элемент реквизита и компонентасвязанный с ним.
Мелкий : он будет визуализировать первый компонент верхнего слоя, не переходя к глубокому связанному компоненту, как я делал это ранее с мелким.
Вот код и полное решение:
import { mountWrap } from '../contextWrap'
import { Provider } from 'react-redux'
import sinon from 'sinon'
import Login from '../components/Login/'
// import makeStore from '../redux/createStore'
import React from 'react'
import configureMockStore from 'redux-mock-store'
import thunk from 'redux-thunk'
const mockStore = configureMockStore([ thunk ])
const authDetails = {
'authDetails' : {
Terms :''
}
}
const match = {
params : {}
}
let actionSpy = sinon.spy()
let actionHistorySpy = sinon.stub({})
let authDetails_ = sinon.stub(authDetails)
let store
let component
/* eslint-disable */
describe('tests for MyContainerComponent', () => {
beforeEach(() => {
store = mockStore(authDetails)
component = mountWrap(<Provider store={ store }>
<Login history={actionHistorySpy} match={match} setGlobalLoaderStatus= {actionSpy} userDetail={authDetails_} />
</Provider>)
})
it('renders container', () => {
console.log(component.debug())
})
})