副標題：SAP Spartacus SSR 最佳化的單元測試分析之二 - 呼叫引數檢測
原始碼：

```typescript
 it(`should pass parameters to the original engine instance`, () => {
      expect(originalEngineInstance).toHaveBeenCalledWith(
        mockPath,
        mockOptions,
        mockCallback
      );
    });
```

![](https://img-blog.csdnimg.cn/img_convert/de5d246a654d6645a982f587f1c738cd.png)

注意觀察 jest.Expect 的返回值：型別為 jest.JestMatchersShape

![](https://img-blog.csdnimg.cn/img_convert/d3c406bb3cdfb27263e0f37e40fb92b7.png)

單步除錯 expect 的呼叫過程：

![](https://img-blog.csdnimg.cn/img_convert/693add568181c1bef357bf71cf80bb67.png)

從註釋看，該函式為 spec 建立一個 expectation, 傳入的 actual 為 spy 之後的版本。

![](https://img-blog.csdnimg.cn/img_convert/0b51f73c0996126f016b77d0a0cf04a6.png)

構造一個 expectation，需要以上的引數。

![](https://img-blog.csdnimg.cn/img_convert/549cea87cee1db3579f9a33787f67c87.png)

緊接著呼叫 toHaveBeenCalledWith:

![](https://img-blog.csdnimg.cn/img_convert/af53e2881d6d7a4bc4604ee49f02f56c.png)

支援的所有方法，在 Chrome 開發者工具裡能夠看到：
![](https://img-blog.csdnimg.cn/img_convert/f7cbc6cb76560463e332476c15ad94f4.png)

toHaveBeenCalledWith

執行到這裡來了：
![](https://img-blog.csdnimg.cn/img_convert/64287c48c3934ccdbc559df154456297.png)

所有可用的匹配器 matchers，都定義在檔案 jasmine.js 裡：

![](https://img-blog.csdnimg.cn/img_convert/1d40fb0ebe15957ed5d75322ecbdcec0.png)

因此，toHaveBeenCalledWith 也算匹配器 matchers 之一。

![](https://img-blog.csdnimg.cn/img_convert/cfc4465941631f48c790841ad4b97ea4.png)

構造一個匹配器例項：

![](https://img-blog.csdnimg.cn/img_convert/122456f448b381e2af4ba109697a9f1b.png)

呼叫匹配器工廠，構造一個匹配器例項：

![](https://img-blog.csdnimg.cn/img_convert/05bbe0ff74abb7766d3a6ba0641b5b15.png)

其例項的執行程式碼如下圖所示：
![](https://img-blog.csdnimg.cn/img_convert/4e77b5baff5ecd33bc7f8cbfa4101092.png)

![](https://img-blog.csdnimg.cn/img_convert/0233860de049f263bdfcb3be1b942c59.png)

比較實際被呼叫的引數，是否和期望被呼叫的引數完全一致。

進入陣列的比較分支：
![](https://img-blog.csdnimg.cn/img_convert/0bcac3fb07840d2782bd8c1265b8481b.png)

Jest 測試框架 expect 和匹配器 matcher 的設計原理解析

相關文章

Jest 測試框架 expect 和 匹配器 matcher 的設計原理解析

相關文章

Jest 測試框架 expect 和匹配器 matcher 的設計原理解析