裝飾好的 engine 呼叫 setup options：
![](https://img-blog.csdnimg.cn/img_convert/8ec3c1df2d739240148bbb6c9c3fdea6.png)

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

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

engine 指的是下圖這段綠色程式碼：
![](https://img-blog.csdnimg.cn/img_convert/2e400676f5e1b4dd8647d110100fb932.png)

現在準備執行下面這段程式碼了：
![](https://img-blog.csdnimg.cn/img_convert/d1c224981c1588bfe78b07b4503cd146.png)

準備呼叫被 mock 過的 engine 函式：
![](https://img-blog.csdnimg.cn/img_convert/c6fc27c883916060329e6b367f33fdc7.png)

即下圖 1 的函式：
![](https://img-blog.csdnimg.cn/img_convert/49f2aff3a099cddbc37dc30445c5ab5c.png)

只要 spy 被呼叫，其呼叫時傳入的引數，必定可以被記錄：
![](https://img-blog.csdnimg.cn/img_convert/fc1fc497fab91d14972c86383d12b1fe.png)

看這段程式碼：

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

jasmine.objectContaining 的適用場合：

jasmine.objectContaining 用於那些期望只關心實際中的某些鍵/值對的時候。

把這段程式碼改造一下：

```typescript
it(`should pass setup options to the original engine`, () => {

const jerry = jasmine.arrayContaining([
        { provide: 'testToken', useValue: 'testValue' },
      ]);
      expect(originalEngine).toHaveBeenCalledWith(
        jasmine.objectContaining({
          bootstrap: 'TestModule',
          providers: jerry
        })
      );
    });
```

jasmine.objectContaining 返回的型別為：jasmine.ArrayContaining

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

ArrayContaining 型別定義如下：
![](https://img-blog.csdnimg.cn/img_convert/8f0dafd83f8995dbbde1e1c4993e5762.png)

單步除錯：

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

返回的是一個新的 matcher？

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

就是一個簡單的構造器：
![](https://img-blog.csdnimg.cn/img_convert/4f33c726829f0ccd844522d7d7858438.png)

而 objectContaing 的邏輯類似，也是一個簡單的構造器。

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

把這兩個物件進行比較：
![](https://img-blog.csdnimg.cn/img_convert/0ac272702f064333802445cc8a861e6d.png)

實際引數：
![](https://img-blog.csdnimg.cn/img_convert/b6ce352dbf5c4e13c6430e67d713c067.png)

最後返回 true：
![](https://img-blog.csdnimg.cn/img_convert/0de9b40b804780ac791b669c37b9106c.png)

jasmine.objectContaining 的單步除錯

相關文章