Как использовать Jest для проверки загрузки изображения

Question

У меня есть этот компонент, который загружает изображение, а затем отображает содержимое только после загрузки изображения (проверяет состояние загрузки изображения).Как написать jest-тест, чтобы проверить, что он работает правильно и что контент отображается только после загрузки изображения, а не раньше?

import HeaderImage from '../images/headerimage.svg';

const ImageStyled = styled.img`
  margin-left: -0.1rem;
`;


export default class ImageDisplay extends Component {

  constructor(props) {
    super(props);
    this.state = { imageStatus: 'loading' };
  }


  handleImageLoaded() {
    this.setState({ imageStatus: 'loaded' });
  }

  renderContent = () => (
     if (this.state.imageStatus === 'loading') {
    return null;
     }  
   else {
      <div>
      Some Sample Content
      </div>   
   }

  render() {
    return (     
       <div>
          <ImageStyled
            src={HeaderImage}
            onLoad={() => {
              this.handleImageLoaded();
            }}
          />
          {this.renderContent()}
        </div>

   );
  }
}

`