javascript CustomEvent 的茉莉花单元测试

Question

如何测试 jasmine 中是否调度了 CustomEvent？当我尝试运行以下代码时，出现错误：“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'} 调用的

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

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

如果您使用的是低于 2.0 的版本，请发送 headache

Answer 2

我认为您的代码的唯一问题是：

您正在使用toHaveBeenCalledWith 方法而不是toHaveBeenCalled。

Former 用于检查两件事：

1. 调用了预期的方法
2. 使用正确的参数调用预期的方法

尝试运行您的代码here - Try Jasmine。将toHaveBeenCalledWith 替换为toHaveBeenCalled 后。

注意，不要将任何参数传递给后者。