如何测试在悬停/鼠标悬停时调用Vue指令？

<template>
  <div v-hover="handleHover">Hover me</div>
</template>

<script>
export default {
  methods: {
    handleHover() {
      // 在鼠标悬停时调用的方法
      console.log('Hover event triggered');
    }
  }
}
</script>

import { mount } from '@vue/test-utils';
import MyComponent from '@/components/MyComponent.vue';

describe('MyComponent', () => {
  it('should call handleHover method on mouseenter', () => {
    const wrapper = mount(MyComponent);
    const hoverElement = wrapper.find('div');

    hoverElement.trigger('mouseenter');

    // 检查handleHover方法是否被调用
    expect(wrapper.vm.handleHover).toHaveBeenCalled();
  });
});