Vue.js 等待按钮单击以查找元素-VueJS/Jest
我正在编写一个测试,以查看按钮单击后是否会弹出一个模式窗口,并且不确定如何正确地告诉测试等待单击 例如,假设我有一个模式窗口,在点击图像时显示如下: 日历.VUEVue.js 等待按钮单击以查找元素-VueJS/Jest,vue.js,jestjs,Vue.js,Jestjs,我正在编写一个测试,以查看按钮单击后是否会弹出一个模式窗口,并且不确定如何正确地告诉测试等待单击 例如,假设我有一个模式窗口,在点击图像时显示如下: 日历.VUE 等待“点击”事件发生的最佳方式是什么,然后再查找想想这可能就是您要查找的内容:有趣!不完全是我想要的,但对未来的事情有帮助。谢谢你没问题,但是我认为它可以解决你的问题,因为你可以在测试中快速前进,因此跳跃,比如说5秒,模态将被渲染(尽管实际上已经通过了毫秒的问题) <template> <div class=
等待“点击”事件发生的最佳方式是什么,然后再查找想想这可能就是您要查找的内容:有趣!不完全是我想要的,但对未来的事情有帮助。谢谢你没问题,但是我认为它可以解决你的问题,因为你可以在测试中快速前进,因此跳跃,比如说5秒,模态将被渲染(尽管实际上已经通过了毫秒的问题)
<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>
import {createLocalVue, mount} from "@vue/test-utils";
import Calendar from '@/components/Calendar.vue'
import BootstrapVue from "bootstrap-vue";
const localVue = createLocalVue()
localVue.use(BootstrapVue)
it('display cal', () => {
const wrapper = mount(Calendar, {localVue});
wrapper
.find('#cal-modal')
.trigger('click')
})