от
Я пытаюсь написать некоторые внешние тесты и пытаюсь написать модульный тест для моего реагирующего компонента, который имеет встроенный Iframe. Div-обертка получает высоту из iframe, которая затем устанавливается в div. Я хочу написать несколько тестов для этого. Один тест охватывает сценарий проверки правильности отображения iframe, который работает. Я хочу написать тест для высоты, который проверяет, равна ли установленная высота высоте фрейма. Но я не уверен, как поступить с этим. Я хочу написать это, используя Jest. Ниже приведен код. импортировать React, {Component} из 'response'; import {env} из '../../env'; const iFrameInitialSize = 550; класс экспорта MenuContainer расширяет Компонент {
constructor() {
    super();
    this.state = {
        height: iFrameInitialSize,
    };
    this.updateDimensions = this.updateDimensions.bind(this);
}

componentDidMount() {
    window.addEventListener('message', this.updateDimensions, false);
}

componentWillUnmount() {
    window.removeEventListener('message', this.updateDimensions, false);
}

updateDimensions(event) {
    if (event.origin === env.runtimeConfig.backend.IFRAME_URL) {
        this.setState({
            height: event.data,
        });
    }
}

render() {
    return (
        <div className='embed

}

Я хочу проверить, что после того, как слушатель выполнил updatedDimensions (), правильная высота была установлена на div такой же, как высота iframe.
    

        

Пожалуйста, войдите или зарегистрируйтесь для публикации ответа на этот вопрос.

...