如何模拟 window.eventBus.$on - Vue.js |玩笑框架

Question

需要测试测试用例覆盖率的发射值。

window.eventBus.$on('filter-search-content', () => {
  console.log('Yes it was emitted');
  this.showFilter = true;
});

这是我尝试过的。但这对我来说没有成功。

 it('should all the elements rendered', () => {
    global.eventBus = {
       $on: jest.fn(),
    }
    // global.eventBus.$emit('filter-search-content'); --> This also not working
    wrapper = mountAppointment(data);
    wrapper.vm.eventBus.$emit('filter-search-content');
    expect(wrapper.vm.showFilter).toBe(true);
 });

Answer 1

这是我们可以遵循的示例代码。

emitEvent() {
  this.$emit("myEvent", "name", "password")
}

这是测试用例

describe("Emitter", () => {
 it("emits an event with two arguments", () => {
  const wrapper = shallowMount(Emitter)
   wrapper.vm.emitEvent()
   console.log(wrapper.emitted())
 })
})