Javascript 如何为引导vue b-modal创建vue测试utils包装器？

我在组件的模板中有以下

b-modal

，我正在尝试编写一个单元测试，检查

updateDashBoardDataClone

方法是否已在

updateDashBoardDataClone

自定义事件上调用

        <b-modal
          id="reorder-modal"
          title="Reorder Dashboard"
          @ok="storeNewOrder"
          ok-title="Save"
          ok-variant="success"
          :ok-disabled="disableSave">
          <reorder-modal
            :dash-board-data-clone="dashBoardDataClone"
            :disable-save="disableSave"
            @updateDisableSave="updateDisableSave"
            @updateDashBoardDataClone="updateDashBoardDataClone"/>
        </b-modal>

document.getElementById

确实找到了模式，但是

让modalWrapper=createWrapper（模式）

返回一个空包装

有人知道我如何为模型创建包装器吗？干杯

<template>
  <div>
    <draggable-component
      v-model="dashBoardDataLocal"
      :move="updatePosition"
      handle=".handle"
      ghost-class="ghost"
      @start="drag=true"
      @end="drag=false">
      <div
        v-for="card in dashBoardDataLocal"
        :key="card.id"
        class="card-list-item border p-2 my-3">
          <font-awesome-icon icon="align-justify" class="handle"/>
          {{card.db_name}}
      </div>
    </draggable-component>
  </div>
</template>

  it('it should call updateDashBoardDataClone method on updateDashBoardDataClone custom event', () => {
    const updateDashBoardDataCloneStub = jest.fn()
    wrapper.setMethods({ updateDashBoardDataClone: updateDashBoardDataCloneStub })
    expect(updateDashBoardDataCloneStub).not.toHaveBeenCalled()
    wrapper.find('.col-6 button').trigger('click')
    let modal = document.getElementById('reorder-modal')
    // console.log(modal)
    // let modalWrapper = createWrapper(modal)
    // console.log(modalWrapper)
    // modalWrapper.vm.$emit('updateDashBoardDataClone')
    // expect(updateDashBoardDataCloneStub).toHaveBeenCalled()
    // modalWrapper.destroy()
  })