破壊スコープでのテスト方法

Question

angularjsの指令の$ destroyイベントのユニットテストの仕方は？

は、私は私の指示でコードを持っている：

scope.$on('$destroy', function() { 
    //clean something 
}); 

私のテストコード：

it('on destroy',function(){ 
    scope.$destroy(); 
    scope.$digest(); 

    //expect everything done? 
}); 

どれ提案！

Answer 1

ディレクティブのテンプレートからDOMを選択し、その範囲を取得してから$ destroy（）を実行できます。

例：

あなたのTPL：

"<div id='tuna'></div>" 

テスト：

it('test on destroy', function(){ 
    var isolateScope = $(element).find('#tuna').eq(0).scope(); 
    isolateScope.$destroy(); 
}) 

希望をお手伝い！

Answer 2

$destroyイベント内で実行されるコードをテストする必要があります。

テスト

app.controller('MainCtrl', function($scope) { 
    $scope.$on('$destroy', function() { 
    $scope.destroyed = true; 
    }); 
}); 

Plunker here

it('sets destroyed to true when the scope is destroyed', function() { 
    // Arrange 
    $scope.destroyed = false; 

    // Act 
    $scope.$destroy(); 

    // Assert 
    expect($scope.destroyed).toBe(true); 
}); 

コントローラ：ここでコントローラを使用して不自然な例です。

Answer 3

AngularのisolateScopeは、jQueryを使用するよりも優れています。おそらく、このようなあなたのテスト上記beforeEachの要素をまとめました：

myEl = '<div my-el>MY EL</div>'; 
scope = $rootScope.$new(); 
directiveElement = $compile(myEl)(scope); 
scope.$digest(); 

今すぐあなたのテストでは、あなたがisolateScopeにアクセスし、$destroyを呼び出すことができます。ここでは

var isolated = directiveElement.isolateScope(); 
isolated.$destroy(); 

Answer 4

は、私が何をすべきかです：

私はテストのために意味をなす フラグ変数、アルを作成する必要はありません他の回答とは異なり

var destroyed = spyOn(scope, '$destroy').and.callThrough(); 
scope.$destroy(); 
expect(destroyed).toHaveBeenCalled(); 

したがって、関数$ destryが正常に呼び出されているかどうかを確認するために、Jasmine spyOnとcallThroughを使用する方が理にかなっています。