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

JerryWang_汪子熙

看这样一段代码:

 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的原创文章,尽在:"汪子熙":

阅读 255

Jerry Wang的SAP技术专栏
SAP成都研究院开发专家,SAP社区导师,SAP中国技术大使

Jerry 2007年从电子科技大学计算机专业硕士毕业后进入SAP成都研究院工作至今, SAP社区导师,SAP中国技术大使。

663 声望
97 粉丝
0 条评论
你知道吗?

Jerry 2007年从电子科技大学计算机专业硕士毕业后进入SAP成都研究院工作至今, SAP社区导师,SAP中国技术大使。

663 声望
97 粉丝
宣传栏