javascript - javascript CustomEvent 的 jasmine 单元测试

Question

如何测试 CustomEvent 是否在 jasmine 中调度？当我尝试运行以下代码时，出现错误:“ReferenceError:找不到变量:CustomEvent”。

function testCustomEvent() {
  window.dispatchEvent(new CustomEvent('myCustomEvent', {
    detail: 'foo'
  }));
}

describe('testCustomEvent', function() {
  it('dispatches myCustomEvent', function() {
    var eventSpy = jasmine.createSpy();
    window.addEventListener('myCustomEvent', eventSpy);

    testCustomEvent();

    expect(eventSpy).toHaveBeenCalledWith('foo');
  });
});

Answer 1

未满足预期，因为 eventSpy 是使用 {detail: 'foo'}

调用的

此外，传递的参数是一个新的事件对象，其中包含发送到事件构造函数的参数值。所以它永远不是同一个对象。您必须使用partial matcher来强制执行深度部分等于。如果您使用的是 Jasmine 2.0

expect(eventSpy).toHaveBeenCalledWith(jasmine.objectContaining({
    detail: 'foo'
  }));

或者有一个headache如果您使用的版本低于 2.0