Тестирование реагирующих компонентов, которые имеют детей с HOCs

Question

Как правильно проверить MainComponent, скажем, проверить снимок, мелкий и т. Д.?Я получаю ошибку, что у Баттона нет props.translate.Компонент кнопки получает его props.translate от HOC.Есть ли способ добавить 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>
        );
    }
}

Кнопка (Кнопка.js):

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

export default withTranslate(Button);