使用'vue-test-utils'测试悬停样式的CSS更改

Question

我想为看起来像这样的Vue组件编写测试

HTML

<div>
  <div class="root">
    Hover here.
  </div>
  <div class="tooltip">
    Tooltip content
  </div>
</div>

CSS

.tooltip { visibility: hidden; }
.root:hover + .tooltip { visibility: visible; }

因此，使用CSS而不是mouseover和mouseout之类的DOM事件来实现工具提示。

如何使用vue-test-utils触发悬停事件？