Angular单元测试框架里API toHaveBeenCalledTimes的工作原理

看这样一段代码：

 let spiedFirstFocusable = spyOn(
      keyboardFocusService,
      'findFirstFocusable'
    ).and.returnValue(el);
    fixture.detectChanges();

    expect(document.activeElement.id).toEqual('a');
    expect(spiedFirstFocusable).toHaveBeenCalledTimes(ELEMENT_FOCUSED_TIME);

spiedFirstFocusable是spyOn方法针对实例keyboardFocusService的findFirstFocusable方法进行监控后返回的句柄。借助该句柄，我们可以使用toHaveBeenCalledTimes方法，得到其在单元测试过程中实际调用的次数。

expect方法：基于传入的spec创建一个expectation. 在我们的例子里，传入的spec就是keyboardFocusService.findFirstFocusable被spy之后的版本：

Expectation通过工厂方法创建，该工厂方法接受两个参数，第一个参数为spied method handle：

第二个参数为单元测试代码运行的spec信息，即下图高亮代码：

Expectation工厂方法的实现细节，我们可以略过：

toHaveBeenCalledTimes的函数体是之前wrapSyncCompare包裹函数返回的一个闭包：

待compare的业务逻辑写在函数matcherFactory里：

以后我们可以直接在函数toHaveBeenCalledTimes里设置断点调试。

1. 检查传入的actual是否是一个spied后的函数。
2. 将检查结果设置成默认值false.
3. 检查传入的期望调用次数的值的数据类型是否是Number

Spied版本的函数调用明细，存储在CallTracker的calls属性里：

这个数组里包含的监控到的方法调用信息有：

1. 方法调用的输入参数
2. 调用方法的实例对象
3. 调用方法的返回参数

"get the number of invocations of this spy"的实现方法：calls.length

如果calls.length和传入的期望值expected相等，说明匹配成功，返回success结果：

更多Jerry的原创文章，尽在："汪子熙":