当目标组件在渲染时引用其他组件的状态时，如何对其进行测试

Question

我正在开玩笑的测试。经过测试的仪表板组件的渲染如下所示，

在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>
    );

}

如果我想使用不同的appState，shopFiterssState或shopSortersState测试此Dashboard.jsx，是否有很好的建议呢？

我知道mockStore的存在，但是我认为它不能用于在正常代码流中修改其他组件的状态。

任何建议都值得赞赏。