测试具有HOC子项的组件的反应

Question

如何正确测试MainComponent，例如验证快照，浅表等？我收到一个错误，即Button没有props.translate。 Button组件正在从HOC获取其props.translate。有没有一种方法可以将props.translate添加到全局变量或使此HOC可用并在全局进行模拟。 我无法将道具传递给MainComponent，因为它们从未传递给Button throw Component。例子被简化以避免混淆。

主要组件（MainComponent.js）：

function MainComponent(props) {
    render(){
        return (
            <div>
                <Component>
            </div>
        );
    }
}

组件（Component.js）：

function Component(props) {
    render(){
        return (
            <div>
                <Button>
            </div>
        );
    }
}

按钮（Button.js）：

function Button(props) {
    render(){
        return (
            <button>
                {props.translate('CLICK ME')}
            </button>
        );
    }
}

export default withTranslate(Button);