如何测试Vue组件是否响应$root发出的事件？

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

describe('MyComponent', () => {
  it('should respond to $root event', async () => {
    // 创建一个Vue实例
    const vm = new Vue();

    // 在根组件中定义一个事件处理方法
    const rootEventHandler = jest.fn();
    vm.$root.$on('customEvent', rootEventHandler);

    // 挂载待测试的组件
    const wrapper = mount(MyComponent, {
      mocks: {
        $root: vm.$root, // 将Vue实例的$root注入到组件中
      },
    });

    // 模拟$root发出的事件
    wrapper.vm.$root.$emit('customEvent', 'test payload');

    // 等待DOM更新
    await wrapper.vm.$nextTick();

    // 断言组件是否正确响应了$root发出的事件
    expect(rootEventHandler).toHaveBeenCalledWith('test payload');
  });
});