Twitter bootstrap 测试BootstrapVue崩溃

我已经将它与一个更大的应用程序隔离开来，并将

我有一个简单的Vue组件，它在浏览器中正常工作：

<template>
  <div id="app">
    <div>
      <b-button v-b-toggle="'my-collapse'" id="open" class="when-closed">Open</b-button>
      <b-collapse id="my-collapse">
        <b-card>
          <b-button v-b-toggle="'my-collapse'" id="close">Close</b-button>
          <p class="card-text">Collapse contents Here</p>
        </b-card>
      </b-collapse>
    </div>
  </div>
</template>

触发关闭按钮上的

点击
后，最后一个
expect
，似乎得到了引导的过渡
折叠状态，如前所述，即：



而不是最终的
折叠
状态

我尝试为引导和引导Vue的事件添加侦听器（
hidden.bs.collapse
和
bv:：collapse:：state
），并在处理程序中运行我的断言，但没有成功

我是Vue新手，对w/Javascript相当缺乏经验。提前感谢您的指点

  test('list items contain an info button that toggles the description', async() => {
    let openButton = wrapper.find("#open")
    let collapsible = wrapper.find("#my-collapse")
    expect(collapsible.element).not.toBeVisible()
    await openButton.trigger("click")
    expect(collapsible.element).toBeVisible()

    // FAIL
    let closeButton = wrapper.find("#close")
    await closeButton.trigger("click")
    expect(collapsible.element).not.toBeVisible()
  })

<div class="collapse show collapsing" id="my-collapse" style="height: 0px; display: block;" />