2. 程式人生 > >Jasmine文件（二）

Jasmine文件（二）

阿新 • • 發佈：2018-12-31

前言

這是翻譯的Jasmine文件第二篇，第一篇文章的地址為：
Jasmine文件（一）

Spies（間諜）

Jasmine有稱為間諜（spies）的測試雙重功能。一個spy可以監測任何函式的呼叫和引數的呼叫痕跡。Spy只能存在於定義它的describe()和it()程式碼塊內，而在每一個spec結束後將被移除。（這個語法在Jasmine2.0才改變的）
有幾個特別的Matchers於spy相互作用：
toHaveBeenCalled()：在spy被呼叫是返回true；
toHaveBeenCalledTimes()：在spy呼叫指定次數的時候會通過測試；
toHaveBeenCalledWith()

：如果匹配任一呼叫的引數列表，則返回true。
例子：

describe("A spy", function() {
  var foo, bar = null;

  beforeEach(function() {
    foo = {
      setBar: function(value) {
        bar = value;
      }
    };

    spyOn(foo, 'setBar');//使用spyOn()來宣告spy

    foo.setBar(123);
    foo.setBar(456, 'another param');
  });
  it("tracks that the spy was called"
 
, function() {
    //測試spy是否呼叫
    expect(foo.setBar).toHaveBeenCalled();
  });
  it("tracks that the spy was called x times", function() {
    //測試spy是否呼叫兩次
    expect(foo.setBar).toHaveBeenCalledTimes(2);
  });
  it("tracks all the arguments of its calls", function() {
    //測試spy呼叫時的引數列表是否匹配
    expect(foo.setBar).toHaveBeenCalledWith(123
 
);
    expect(foo.setBar).toHaveBeenCalledWith(456, 'another param');
  });

  it("stops all execution on a function", function() {
    //Spy的呼叫並不會影響真實的值，所以bar仍然是null。
    expect(bar).toBeNull();
  });
});

and.callThrough

Spy通過鏈式呼叫and.callThrough，除了追蹤所有的呼叫之外，它將委託實際的實現值。例如：

describe("A spy, when configured to call through", function() {
  var foo, bar, fetchedBar;

  beforeEach(function() {
    foo = {
      setBar: function(value) {
        bar = value;
      },
      getBar: function() {
        return bar;
      }
    };

    spyOn(foo, 'getBar').and.callThrough();//定義spy並且鏈式呼叫and.callThrough()

    foo.setBar(123);
    fetchedBar = foo.getBar();//呼叫spy
  });

  it("tracks that the spy was called", function() {
    expect(foo.getBar).toHaveBeenCalled();
  });

  it("should not affect other functions", function() {
    expect(bar).toEqual(123);
  });

  it("when called returns the requested value", function() {
    expect(fetchedBar).toEqual(123);//fetchedBar為函式實際返回的值。
  });
});

將上述程式碼對比於一下程式碼：

describe("A spy, when configured to call through", function() {
  var foo, bar, fetchedBar;

  beforeEach(function() {
    foo = {
      setBar: function(value) {
        bar = value;
      },
      getBar: function() {
        return bar;
      }
    };

    spyOn(foo, 'getBar');//不再鏈式呼叫and.callThrough()

    foo.setBar(123);
    fetchedBar = foo.getBar();
  });

  it("tracks that the spy was called", function() {
    expect(foo.getBar).toHaveBeenCalled();
  });

  it("should not affect other functions", function() {
    expect(bar).toEqual(123);
  });

  it("when called returns the requested value", function() {
    expect(fetchedBar).toBeUndefined();//此時的fetchedBar不再是函式返回的實際值，而是undefined
  });
});

and.returnValue

Spy通過鏈式呼叫and.returnValue，所有呼叫spy的都將返回一個指定值。例如：

describe("A spy, when configured to fake a return value", function() {
  var foo, bar, fetchedBar;

  beforeEach(function() {
    foo = {
      setBar: function(value) {
        bar = value;
      },
      getBar: function() {
        return bar;
      }
    };

    spyOn(foo, "getBar").and.returnValue(745);//指定返回745

    foo.setBar(123);
    fetchedBar = foo.getBar();
  });

  it("tracks that the spy was called", function() {
    expect(foo.getBar).toHaveBeenCalled();
  });

  it("should not affect other functions", function() {
    expect(bar).toEqual(123);
  });

  it("when called returns the requested value", function() {
    expect(fetchedBar).toEqual(745);//返回特定值為745
  });
});

and.returnValues

Spy通過鏈式呼叫and.returnValues，所有呼叫該spy的函式都將按順序返回一些特定的值，直到返回值佇列的最後，這之後的所有呼叫將返回undefined。例如：

describe("A spy, when configured to fake a series of return values", function() {
  var foo, bar;

  beforeEach(function() {
    foo = {
      setBar: function(value) {
        bar = value;
      },
      getBar: function() {
        return bar;
      }
    };

    spyOn(foo, "getBar").and.returnValues("fetched first", "fetched second");

    foo.setBar(123);
  });

  it("tracks that the spy was called", function() {
    foo.getBar(123);
    expect(foo.getBar).toHaveBeenCalled();
  });

  it("should not affect other functions", function() {
    expect(bar).toEqual(123);
  });

  it("when called multiple times returns the requested values in order", function() {
    expect(foo.getBar()).toEqual("fetched first");//第一次呼叫，返回佇列的第一個值
    expect(foo.getBar()).toEqual("fetched second");//第二次呼叫，返回佇列的第二個值
    expect(foo.getBar()).toBeUndefined();//之後的呼叫都將返回undefined
  });
});

and.callFake

Spy通過呼叫and.callFake，所有呼叫該spy的都將呼叫其提供的函式，例如：

describe("A spy, when configured with an alternate implementation", function() {
  var foo, bar, fetchedBar;

  beforeEach(function() {
    foo = {
      setBar: function(value) {
        bar = value;
      },
      getBar: function() {
        return bar;
      }
    };

    spyOn(foo, "getBar").and.callFake(function() {
      return 1001;
    });

    foo.setBar(123);
    fetchedBar = foo.getBar();
  });

  it("tracks that the spy was called", function() {
    expect(foo.getBar).toHaveBeenCalled();
  });

  it("should not affect other functions", function() {
    expect(bar).toEqual(123);
  });

  it("when called returns the requested value", function() {
    expect(fetchedBar).toEqual(1001);
  });
});

and.throwError

Spy鏈式呼叫and.throwError，呼叫該spy的將以一個錯誤的形式丟擲特殊返回值，例如：

describe("A spy, when configured to throw an error", function() {
  var foo, bar;

  beforeEach(function() {
    foo = {
      setBar: function(value) {
        bar = value;
      }
    };

    spyOn(foo, "setBar").and.throwError("quux");
  });

  it("throws the value", function() {
    expect(function() {
      foo.setBar(123)
    }).toThrowError("quux");
  });
});

and.stub

Spy鏈式呼叫以上某一個策略後，可以呼叫and.stub隨時返回之前儲存的原始資料，而不進行修改。例如：

describe("A spy", function() {
  var foo, bar = null;

  beforeEach(function() {
    foo = {
      setBar: function(value) {
        bar = value;
      }
    };

    spyOn(foo, 'setBar').and.callThrough();
  });

  it("can call through and then stub in the same spec", function() {
    foo.setBar(123);//呼叫策略and.callThrough()所定義的spy
    expect(bar).toEqual(123);//bar數值被修改為123

    foo.setBar.and.stub();//呼叫and.stub()
    bar = null;

    foo.setBar(123);//呼叫spy
    expect(bar).toBe(null);//bar不再返回and.callThrough()的實現值
  });
});

其他跟蹤屬性

任何呼叫spy的都將被追蹤，並且暴露在calls的屬性中。
calls屬性有：
1. .calls.any()：一次都沒呼叫時返回false，一旦呼叫至少一次就返回true；
2. .calls.count()：返回spy呼叫的次數
3. .calls.argsFor(index)：返回第index+1次呼叫時傳遞的引數，index從0開始；
4. .calls.allArgs()：以陣列的形式返回呼叫時傳遞的所有引數；
5. .calls.all()：以物件形式返回上下文（this），以及所有傳遞的引數；
6. .calls.mostRecent()：以物件形式返回最近一次呼叫的上下文（this），以及傳遞的引數；
7. .calls.first()：以物件形式返回第一次呼叫的上下文（this），以及傳遞的引數；（當檢查.calls.all()，.calls.mostRecent()，.calls.first()返回的物件時，.object屬性指向的是呼叫該spy的this物件）
8. .calls.reset()：清空spy的所有追蹤。
上述屬性值，例子如下：

describe("A spy", function() {
  var foo, bar = null;

  beforeEach(function() {
    foo = {
      setBar: function(value) {
        bar = value;
      }
    };

    spyOn(foo, 'setBar');
  });
    it("tracks if it was called at all", function() {
    expect(foo.setBar.calls.any()).toEqual(false);

    foo.setBar();

    expect(foo.setBar.calls.any()).toEqual(true);
  });
    it("tracks the number of times it was called", function() {
    expect(foo.setBar.calls.count()).toEqual(0);

    foo.setBar();
    foo.setBar();

    expect(foo.setBar.calls.count()).toEqual(2);
  });
    it("tracks the arguments of each call", function() {
    foo.setBar(123);
    foo.setBar(456, "baz");

    expect(foo.setBar.calls.argsFor(0)).toEqual([123]);
    expect(foo.setBar.calls.argsFor(1)).toEqual([456, "baz"]);
  });
    it("tracks the arguments of all calls", function() {
    foo.setBar(123);
    foo.setBar(456, "baz");

    expect(foo.setBar.calls.allArgs()).toEqual([[123],[456, "baz"]]);
  });
    it("can provide the context and arguments to all calls", function() {
    foo.setBar(123);

    expect(foo.setBar.calls.all()).toEqual([{object: foo, args: [123], returnValue: undefined}]);
  });
    it("has a shortcut to the most recent call", function() {
    foo.setBar(123);
    foo.setBar(456, "baz");

    expect(foo.setBar.calls.mostRecent()).toEqual({object: foo, args: [456, "baz"], returnValue: undefined});
  });
    it("has a shortcut to the first call", function() {
    foo.setBar(123);
    foo.setBar(456, "baz");

    expect(foo.setBar.calls.first()).toEqual({object: foo, args: [123], returnValue: undefined});
  });
    it("tracks the context", function() {
    var spy = jasmine.createSpy('spy');
    var baz = {
      fn: spy
    };
    var quux = {
      fn: spy
    };
    baz.fn(123);
    quux.fn(456);

    //當檢查.calls.all()，.calls.mostRecent()，.calls.first()返回的物件時，.object屬性指向的是呼叫該spy的this物件
    expect(spy.calls.first().object).toBe(baz);
    expect(spy.calls.mostRecent().object).toBe(quux);
  });
    it("can be reset", function() {
    foo.setBar(123);
    foo.setBar(456, "baz");

    expect(foo.setBar.calls.any()).toBe(true);

    foo.setBar.calls.reset();

    expect(foo.setBar.calls.any()).toBe(false);
  });
});

Spies：createSpy

如果沒有一個函式可以spyOn，jasmine.createSpy可以建立一個“空白”的spy。該spy會像其他間諜一樣追蹤呼叫，函式等等，但是在其之後並不會有實際實現的返回值。Spies是JavaScript物件，可以這樣使用：

describe("A spy, when created manually", function() {
  var whatAmI;

  beforeEach(function() {
    whatAmI = jasmine.createSpy('whatAmI');

    whatAmI("I", "am", "a", "spy");
  });

  it("is named, which helps in error reporting", function() {
    expect(whatAmI.and.identity()).toEqual('whatAmI');
  });

  it("tracks that the spy was called", function() {
    expect(whatAmI).toHaveBeenCalled();
  });

  it("tracks its number of calls", function() {
    expect(whatAmI.calls.count()).toEqual(1);
  });

  it("tracks all the arguments of its calls", function() {
    expect(whatAmI).toHaveBeenCalledWith("I", "am", "a", "spy");
  });

  it("allows access to the most recent call", function() {
    expect(whatAmI.calls.mostRecent().args[0]).toEqual("I");
  });
});

Spies：createSpyObj

為了建立一個多重spies的模擬，使用jasmine.createSpyObj()並傳遞一個字串的陣列，將會返回一個物件，物件包括每個字串繫結的spy屬性。例如：

describe("Multiple spies, when created manually", function() {
  var tape;

  beforeEach(function() {
    tape = jasmine.createSpyObj('tape', ['play', 'pause', 'stop', 'rewind']);

    tape.play();
    tape.pause();
    tape.rewind(0);
  });

  it("creates spies for each requested function", function() {
    expect(tape.play).toBeDefined();
    expect(tape.pause).toBeDefined();
    expect(tape.stop).toBeDefined();
    expect(tape.rewind).toBeDefined();
  });

  it("tracks that the spies were called", function() {
    expect(tape.play).toHaveBeenCalled();
    expect(tape.pause).toHaveBeenCalled();
    expect(tape.rewind).toHaveBeenCalled();
    expect(tape.stop).not.toHaveBeenCalled();
  });

  it("tracks all the arguments of its calls", function() {
    expect(tape.rewind).toHaveBeenCalledWith(0);
  });
});

相關推薦

Jasmine文件（二）

前言 這是翻譯的Jasmine文件第二篇，第一篇文章的地址為： Jasmine文件（一） Spies（間諜） Jasmine有稱為間諜（spies）的測試雙重功能。一個spy可以監測任何函式的呼叫和引數的呼叫痕跡。Spy只能存在於定義它的descri

NFC技術：使用Android Beam技術傳輸文件（二）

imp 圖片 .com fault gen catch ret generate puts 1 public class MainActivity extends ActionBarActivity implements 2 CreateBeamUr

grunt 合並壓縮js和css文件（二）

1.0 ajax depend cnp com .html post tle runt 具體node及文件配置請看： grunt 安裝使用（一） 要壓縮的文件 --src/ ajax.js assets.js touch.js zepto.js

文件（二）

一個 nes 一次 tro () 字節數 pen 元素 TE 讀取文件 1、一次性讀取整個文件file.read() >>> fp = open("e:\\python\\hu.txt","r") >>> content = fp.rea

mybatis源碼-解析配置文件（二）之解析的流程

close ria 操作 exp 記得 resource build reset sed 1. 簡介 在之前的文章《mybatis 初步使用（IDEA的Maven項目, 超詳細）》中， 講解了mybatis的初步使用， 並總結了以下mybatis的執行流程： 通過 Re

Android [Camera 原始碼] 相機 HAL3(Camera3) Google官方文件（二）

Google原始碼網地址連結：https://source.android.com/devices/camera 該Google Camera的文件為系列文章，文章列表： overview Camera3 HAL Subsystem Metadata and Con

Xadmin中文文件（二）

Xadmin 快速入門指南 要使用Xadmin，需要安裝Django 1.4並且必須啟用管理站點。 注：由於Xadmin已經停止維護，使用Django2.0 以上版本會存在許多相容性問題 安裝 使用pip: pip install django-xadmin

MFC多文件（二）：文件中獲取檢視指標

多文件系列 MFC多文件（一）：檢視中獲取文件指標 MFC多文件（二）：文件中獲取檢視指標 MFC多文件（三）：文件與檢視繫結     問題 文件與檢視繫結後，在文件中如何獲取檢視指標？   解決方法 1、NaviMarkDo

我在讀pyTorch文件（二）

bool = torch.is_tensor(x)：判斷x是否為pytorch張量； bool = torch.is_storage(x)：判斷x是否為pytorch物件； N = torch.numel(x)：輸出pytorch張量x的元素數； x = torch.eye(n)：輸出n*n的二維單位矩陣；

Android6.0 MTK 需求文件（二）

一：相機中的右邊的預覽視窗檢視圖片後選擇刪除，螢幕介面下方會有一條橫線(去除橫線的辦法) （packages/apps/Gallery2/src/com/android/gallery3d/data/FilterEmptyPromptSet.java） diff --gi

基於SFTP的文件拷貝軟件（二）

net 技術 https 正則 拷貝 ubun 基本 本體 top 上次在使用Renci.SshNet組件時，每次調用Connect()方法，都回拋出個異常，aborted by software on host machine之類的。網上搜了很久，沒有說清楚的，有的

【Linux】【二】linux 壓縮文件（txt）、查看壓縮文件內容、解壓縮文件、

str tool div png gun medium spa clas info 通過Xshell 壓縮文件、解壓縮文件 gzip　　tools.txt　　　　　　　　壓縮【tools.txt】文件 zcat　　tools.txt.gz　　　　　　 查看壓縮文件

Tushare學習文件（二投資參考資料）

import tushare as ts 1.分配預案（每到季報、年報公佈的時段，就經常會有上市公司利潤分配預案發布，而一些高送轉高分紅的股票往往會成為市場炒作的熱點。及時獲取和統計高送轉預案的股票是參與熱點炒作的關鍵，TuShare提供了簡潔的介面，能返回股票的送轉和

ArcGIS API For JavaScript官方文件（二十）之圖形和要素圖層——①Graphics概述

Working with graphics    ArcGIS JavaScript API允許在地圖上繪製graphic(圖形)。graphic可以由使用者作為標記或輸入繪製，也可以由應用程式根據任務繪製。例如，應用程式可能會將查詢結果作為graphics新增到地圖。   

ASP.NET Core 2.1 : 十二.內置日誌、使用Nlog將日誌輸出到文件（轉）

layout short including 文件名 rdquo 1.0 復雜 net 當前 應用離不開日誌，雖然現在使用VS有強大的調試功能，開發過程中不復雜的情況懶得輸出日誌了（想起print和echo的有木有），但在一些復雜的過程中以及應用日常運行中的日誌還是非常有用

java刪除文件夾下面的所有文件（轉）

str try 一個 ... cmd 刪除一個文件 文件夾 style exec 原文地址:http://blog.csdn.net/smach1991710/article/details/9175757 刪除一個文件夾下面的所有文件，一種調用遞歸算法，一種調用windo

Cocos2dx 遍歷 文件夾下所有的文件（草稿）

cmp add cto filename () lena tin s2d sdi 備份，怕忘了 static std::vector<string> getFilePathAtVec(string folderPath, int depth) {

怎樣清空文件上傳控件裏的選定文件（路徑）

自己 pri 簡約 fileinput 不變 接受 騰訊 span ref 我又來扯雞毛蒜皮了。有名言曰人生短得不夠扯雞毛蒜皮，但我的工作就是由無數的雞毛蒜皮組成，如之奈何？ 今天的雞毛和蒜皮是：怎樣清空文件上傳控件裏的選定文件（路徑）？ 場景是醬紫

自己定義控件（二）自己定義Dialog

ble top cancel type lis icon ner javascrip findview 本節要實現：自己定義一個Dialog 結果例如以下： 步 驟 1.配置register_dialog.xml： 以下是一個自己定義的dia

Boostrap 布局組件（二）

菜單 image blog ava nbsp log class cti 堆疊 1.Bootstrap 按鈕下拉菜單 向按鈕添加下拉菜單，只需要簡單地在在一個 .btn-group 中放置按鈕和下拉菜單即可。您也可以使用 <span class="caret">