मैं जैस्मीन का उपयोग कर नियंत्रक विधि पर जासूसी कैसे करूं?

Question

मैं अपने नियंत्रक बनाने के लिए "नियंत्रक के रूप में" वाक्यविन्यास का उपयोग कर रहा हूं। मेरे पास एक निजी प्रारंभिक फ़ंक्शन है जो डिफ़ॉल्ट डेटा लोड करने के लिए फ़ंक्शन को कॉल करता है।

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 
    var mc = this; 
    mc.dataLoaded = false; 

    function init() { 
    mc.loadData(); 
    } 

    mc.loadData = function(){ 
    mc.dataLoaded = true; 
    } 

    init(); 
}); 

अपने परीक्षण में मैं जाँच करने के लिए है कि क्या loadData समारोह बुलाया गया है एक जासूस बना रहा हूं। हालांकि मैं सत्यापित कर सकता हूं कि फ़ंक्शन को mc.dataLoaded ध्वज के परीक्षण के द्वारा बुलाया गया है, लेकिन मेरा जासूस फ़ंक्शन को रिकॉर्ड करने के लिए प्रतीत नहीं होता है। फ़ंक्शन कॉल को सही तरीके से रिकॉर्ड करने के लिए मैं जासूसी कैसे प्राप्त कर सकता हूं?

describe('Testing a Hello World controller', function() { 
    var $scope = null; 
    var ctrl = null; 

    //you need to indicate your module in a test 
    beforeEach(module('plunker')); 

    beforeEach(inject(function($rootScope, $controller) { 
    $scope = $rootScope.$new(); 

    ctrl = $controller('MainCtrl as mc', { 
     $scope: $scope 
    }); 

    spyOn($scope.mc, 'loadData').and.callThrough(); 
    })); 

    it('should call load data', function() { 
    expect($scope.mc.loadData).toHaveBeenCalled(); 
    //expect($scope.mc.dataLoaded).toEqual(false); 
    }); 
}); 

Plunker link

Answer 1

लाइनों का यह क्रम:

ctrl = $controller('MainCtrl as mc', { 
    $scope: $scope 
}); 

spyOn($scope.mc, 'loadData').and.callThrough(); 

मतलब है कि जैस्मीन जासूस के बाद नियंत्रक पहले से ही $ नियंत्रक द्वारा instantiated कर दिया गया है बनाया जाता है। जासूस बनने से पहले, init फ़ंक्शन पहले ही निष्पादित हो चुका है।

आप या तो चारों ओर लाइनों को स्विच नहीं कर सकते हैं, क्योंकि इससे पहले कि आप किसी विधि पर जासूसी कर सकें, MainCtrl को मौजूद होना चाहिए।

यदि init फ़ंक्शन किसी अन्य सेवा को कॉल करता है, तो उस सेवा की विधि पर जासूसी करें और जोर दें कि सेवा को सही तरीके से कहा जाता है। यदि MainCtrl कुछ आंतरिक रूप से कुछ कर रहा है, तो उसके परिणाम का परीक्षण करें, उदाहरण के लिए, उस नियंत्रक के डेटा/गुणों को अद्यतन कर रहे हैं। यदि यह काफी छोटा हो तो यह परीक्षण के लायक भी नहीं हो सकता है।

इसके अलावा

, जब से तुम वाक्य रचना के रूप में नियंत्रक का उपयोग कर रहे हैं, तो आप $ नियंत्रक बुला के बजाय सीधे गुंजाइश पहुँचने का वापसी मान के माध्यम से नियंत्रक देख सकते हैं:

ctrl = $controller('MainCtrl as mc', { 
    $scope: $scope 
}); 

ctrl.loadData === $scope.mc.loadData; // true 

Answer 2

मैं एक समाधान है कि अनुमति पाया मुझे अपने नियंत्रक को बदलने से बचने के लिए। मैं टेस्ट स्वीट के beforeEach विधि में एक $state नकली सेवा शामिल, और यह एक reload नकली विधि दिया:

beforeEach(inject(function ($controller, $rootScope) { 
    stateMock = { 
     reload: function() { 
      myCtrl = $controller('MyCtrl'); 
     } 
    }; 
    ... 

फिर चमेली परीक्षण के भीतर, मैं बस stateMock.reload() कॉल कर सकते हैं मेरी नियंत्रक को पुन: प्रारंभ करने में जबकि मेरी जासूस मैं संरक्षण एक और beforeEach ब्लॉक में घोषित किया गया।