等待按钮单击以找到查找元素-VueJS / Jest

Question

我正在编写测试，以查看单击按钮后是否弹出模态窗口，并且不确定如何告诉测试等待单击的正确方法。

例如，假设我有一个模态窗口，在单击图像时显示如下：

CALENDAR.VUE

/**
 * Config type definition
 * @typedef {Object} Config
 */
let Config = {
     /** @property {string} prop1 */
     prop1: 'value1',
     /** @property {string} [prop2] */
     prop2: 'value2',
};

CALENDAR.SPEC.JS

<template>

   <div class="col-xs-6 text-right">
       <b-img ref='cal-modal' id='cal-modal' class="cal-icon" @click="displayCal" v-b-modal.date-time-modal src="/static/img/ico.png"></b-img>
    </div>

    <b-modal id="date-time-modal" ref="date-time-modal" hide-footer title="Modal Title">
      <div class="d-block text-center">
         <p>This is a modal window</p>    
      </div>
    </b-modal>

</template>

在寻找

之前等待“点击”事件发生的最佳方法是什么？