Имитация нажатия кнопки в тестовом случае реакции

Question

Привет У меня есть следующий код, который мне нужно изменить расположение окна при использовании кнопки и ссылки.

export default class CampaignAdSection extends Component {
  constructor(props) {
    super(props)
    this.customiseClickable = this.customiseClickable.bind(this);
  }
  customiseClickable(e) {
    this.props.history.push(`/customize/aus`);
  }

  render() {
    let { packages, history, campaignDetails } = this.props;
    return (
     <div className="xs-text-center">
          <button
            type="button"
            className="btn btn-primary pkg-adbtn"
            onClick={e => this.customiseClickable(e)}
          >
            Trip
          </button>{' '}
          <b className="color-grey-secondary">
            {' '}
            or,{' '}
            <Link
              to={
                `${
                  history.location.pathname.indexOf('request-callback') > 0
                    ? history.location.pathname.split('request-callback')[0]
                    : history.location.pathname + '/'
                }request-callback` +
                `${history.location.search ? history.location.search : ''}`
              }
              className="tracker-talkbtn"
            >
              Expert
            </Link>
          </b>
        </div>

    );
  }
}

На основе моего кода это работает.Но как я могу добавить спецификации для этого?я новичок в тесте на реакцию.Можете ли вы дать некоторое представление об этом?

Я хочу нажать на эту кнопку и проверить, было ли местоположение изменено или нет?

Answer 1

Вы можете смоделировать нажатие кнопки для проверки с помощью Jest.

Проверьте это, чтобы узнать, как: Имитировать нажатие кнопки в Jest