Как протестировать целевой компонент, когда он ссылается на состояние других компонентов при рендеринге

Question

Я пишу шутливые тесты.Рендеринг тестируемого компонента Dashboard показан ниже:

в Dashboard.jsx

render(){
    const {appState,dashboardState,shopFiltersState,shopSortersState}=store.getState();
    return (
        <div style={appState.primeStyle.dashboard}>
        {
            (appState.currUser.account==='admin')?
                <IconButton iconStyle={shopDetailStyle.iconMenu.icon} style={shopDetailStyle.iconMenu.iconBtn} tooltip={I18n.t('moreInfo')} tooltipPosition="top-center" onClick={this.handleIconAPClick} ><IconInfo /></IconButton>:<div/>

        }
        </div>
    );

}

Если я хочу протестировать этот Dashboard.jsx с другим appState, shopFiterssState или shopSortersState, есть хорошие предложения о том, какчтобы сделать это?

Я знаю существование mockStore, но я не думаю, что его можно использовать для изменения состояния другого компонента в обычном потоке кода.

Любые предложения приветствуются.