Jasmineで（メソッドではなく）値プロパティをスパイする方法

ジャスミンspyOnはメソッドの動作を変更するのに適していますが、オブジェクトの（プロパティではなく）値プロパティを変更する方法はありますか？コードは次のようになります：

spyOn(myObj, 'valueA').andReturn(1);
expect(myObj.valueA).toBe(1);

2017年2月、この機能を追加するPRを統合し、2017年4月にリリースしました。

したがって、使用するゲッター/セッターをスパイするに const spy = spyOnProperty(myObj, 'myGetterName', 'get'); は、myObjがインスタンスで、 'myGetterName'はクラスで定義されているインスタンスの名前でget myGetterName() {}、3番目のパラメーターは型getまたはsetです。

で作成したスパイですでに使用しているのと同じアサーションを使用できますspyOn。

たとえば、次のことができます。

const spy = spyOnProperty(myObj, 'myGetterName', 'get'); // to stub and return nothing. Just spy and stub.
const spy = spyOnProperty(myObj, 'myGetterName', 'get').and.returnValue(1); // to stub and return 1 or any value as needed.
const spy = spyOnProperty(myObj, 'myGetterName', 'get').and.callThrough(); // Call the real thing.

興味がある場合にこのメソッドを使用できるgithubソースコードの行を次に示します。

https://github.com/jasmine/jasmine/blob/7f8f2b5e7a7af70d7f6b629331eb6fe0a7cb9279/src/core/requireInterface.js#L199

元の質問にジャスミン2.6.1で答えると、次のようになります。

const spy = spyOnProperty(myObj, 'valueA', 'get').andReturn(1);
expect(myObj.valueA).toBe(1);
expect(spy).toHaveBeenCalled();

オブジェクトで直接変更できない理由は何ですか？JavaScriptがオブジェクトのプロパティの可視性を強制するかのようではありません。

Jasmineにはその機能はありませんが、を使用して何かを一緒にハッキングできる可能性がありますObject.defineProperty。

コードをリファクタリングしてゲッター関数を使用し、ゲッターをスパイすることができます。

spyOn(myObj, 'getValueA').andReturn(1);
expect(myObj.getValueA()).toBe(1);

最良の方法はを使用することspyOnPropertyです。3つのパラメーターを想定しているため、3番目のパラメーターとして渡すgetかset、3番目のパラメーターとして渡す必要があります。

例

const div = fixture.debugElement.query(By.css('.ellipsis-overflow'));
// now mock properties
spyOnProperty(div.nativeElement, 'clientWidth', 'get').and.returnValue(1400);
spyOnProperty(div.nativeElement, 'scrollWidth', 'get').and.returnValue(2400);

ここgetでclientWidthはdiv.nativeElementオブジェクトのを設定しています。

ES6（Babel）またはTypeScriptを使用している場合は、getおよびsetアクセサーを使用してプロパティをスタブできます。

export class SomeClassStub {
  getValueA = jasmine.createSpy('getValueA');
  setValueA = jasmine.createSpy('setValueA');
  get valueA() { return this.getValueA(); }
  set valueA(value) { this.setValueA(value); }
}

次に、テストでプロパティが設定されていることを確認できます：

stub.valueA = 'foo';

expect(stub.setValueA).toHaveBeenCalledWith('foo');

これを行う正しい方法は、spy onプロパティを使用することです。これにより、特定の値を持つオブジェクトのプロパティをシミュレートできます。

const spy = spyOnProperty(myObj, 'valueA').and.returnValue(1);
expect(myObj.valueA).toBe(1);
expect(spy).toHaveBeenCalled();

テストが必要なこのようなメソッドがあると仮定しますsrc小さな画像のプロパティはチェックが必要です

function reportABCEvent(cat, type, val) {
                var i1 = new Image(1, 1);
                var link = getABC('creosote');
                    link += "&category=" + String(cat);
                    link += "&event_type=" + String(type);
                    link += "&event_value=" + String(val);
                    i1.src = link;
                }

以下のspyOn（）は、「新しい画像」にテストからの偽のコードを供給させます。spyOnコードは、srcプロパティのみを持つオブジェクトを返します

変数 "hook"は、SpyOnの偽のコードに表示されるようにスコープが設定されているため、後で "reportABCEvent"が呼び出された後も

describe("Alphabetic.ads", function() {
    it("ABC events create an image request", function() {
    var hook={};
    spyOn(window, 'Image').andCallFake( function(x,y) {
          hook={ src: {} }
          return hook;
      }
      );
      reportABCEvent('testa', 'testb', 'testc');
      expect(hook.src).
      toEqual('[zubzub]&arg1=testa&arg2=testb&event_value=testc');
    });

これはジャスミン1.3用ですが、「andCallFake」が2.0の名前に変更されている場合は2.0で動作する可能性があります

私は剣道グリッドを使用しているため、実装をゲッターメソッドに変更することはできませんが、これをテストして（グリッドのモックを作成）、グリッド自体はテストしません。私はスパイオブジェクトを使用していましたが、これはプロパティのモッキングをサポートしていないため、これを行います：

    this.$scope.ticketsGrid = { 
        showColumn: jasmine.createSpy('showColumn'),
        hideColumn: jasmine.createSpy('hideColumn'),
        select: jasmine.createSpy('select'),
        dataItem: jasmine.createSpy('dataItem'),
        _data: []
    } 

少し曲がりくねっていますが、それは御馳走を働かせます

ここのパーティーには少し遅れますが、

あなたは直接callsオブジェクトにアクセスすることができました、そしてそれはあなたに各呼び出しのための変数を与えることができます

expect(spy.calls.argsFor(0)[0].value).toBe(expectedValue)

変数をモックすることはできませんが、そのためのゲッター関数を作成し、スペックファイルにそのメソッドをモックすることができます。