тестовые случаи при доступе к функции с помощью ссылок

Question

У меня есть приложение реагирования, в котором я отображаю кнопку в одном компоненте и модель в другом.Кнопка доступа к функции openModal для открытия модальной через ссылки.я пишу контрольные примеры для своего приложения, но не могу найти способ написать контрольный пример для проверки модального режима, который открывается при нажатии кнопки

Компонент кнопок

        <div>
          <button type='primary' onClick={() => this.handleClick.showModal()}>
            ADD 
          </button>
          <AddConceptModal ref={(instance) => this.handleClick = instance}/>
        </div>

Модальный компонент:

    class ModalComp extends React.Component {
  state = {

    visible: false,

  }


  // show modal handles the logic of opening the modal
  showModal = () => {
    this.setState({
      visible: true,
    })
  }


  render() {
    const { visible } = this.state

    return (
      <div>
        <Modal
          visible={visible}
        >
          modal
        </Modal>
      </div>
    )
  }
}

export default ModalComp

Я попытался создать экземпляр следующим образом:

let component = mount(<ModalComp />)
const instance = component.instance()

Я даже попробовал метод spyOn в jest, мог сделать это точно.Как я могу написать тест, который имитирует кнопку в компоненте кнопки, который вызывает showModal (), и я хочу проверить, получает ли модальный проп как истина после кнопки click моделирование