जैस्मीन

Question

के साथ इकाई परीक्षण $ मोडल मेरे पास एक नियंत्रक के साथ एक कोणीय ऐप है जो फ़ंक्शन कॉल के दौरान Angular-Strap मोडल विंडो प्रदर्शित करता है। यह क्रोम में सही ढंग से काम करता है, लेकिन मुझे एक वैध इकाई परीक्षण काम करने में कमी आई है।

अनुप्रयोग मॉड्यूल और FooController:

var app = angular.module("app", ["mgcrea.ngStrap"]); 

app.controller("FooController", function($scope, $modal) { 
    var fooModal = $modal({ 
     title: 'Foo', 
     content:'Bar', 
     show: false, 
     html: true, 
     backdrop: 'static', 
     placement: 'center'}); 

    angular.extend($scope, { 
     makeItFoo: function() { 
      fooModal.show(); 
     } 
    }); 
}); 

नियंत्रक कल्पना:

describe('FooController', function() { 
    var scope, controller, modal; 

    beforeEach(module('app', function ($provide) { 
     // Stub out $modal service 
     $provide.value('$modal', function() { 
      return { 
       hide: function() { }, 
       show: function() { } 
      }; 
     }); 
    })); 

    beforeEach(inject(function ($rootScope, $controller, $injector) { 
     //set up a new scope and the controller for the test 
     scope = $rootScope.$new(); 
     controller = $controller('FooController', {$scope: scope}); 
     modal = $injector.get('$modal'); 
    })); 

    it('should show the modal', function() { 
     var modalSpy = spyOn(modal(), 'show'); 

     scope.makeItFoo(); 

     expect(modalSpy).toHaveBeenCalled(); 
    }); 
}); 

Here's a fiddle as well.

मैं मोडल प्रदर्शित करने के लिए makeItFoo() करने के लिए अपने कॉल की उम्मीद है, लेकिन जैस्मीन विफल रहता हैत्रुटि के साथ परीक्षण। मैंने show को true पर मॉडल की संपत्ति को सेट करने का प्रयास किया है और show() को अलग से कॉल नहीं किया है, और मैंने $ मोडल सेवा को दबाकर और इसे सीधे नियंत्रक में इंजेक्शन देने के अन्य रूपों की कोशिश की है, लेकिन यह एक ही त्रुटि के साथ समाप्त होता है।

मैं AngularJS 1.2.14, कोणीय-स्ट्रैप 2.0.0, और जैस्मीन 1.3.1 का उपयोग कर रहा हूं।

Answer 1

इन करने के बजाय। $modal के लिए शो और छुपाएं विधियों के साथ एक मॉक ऑब्जेक्ट बनाएं और उन पर अपनी अपेक्षाएं सेट करें।

describe('FooController', function() { 
    var scope, controller, modal; 

    beforeEach(module('app')); 

    beforeEach(inject(function ($rootScope, $controller) { 
     //set up a new scope and the controller for the test 
     scope = $rootScope.$new(); 
     //Create spy object 
     modal = jasmine.createSpyObj('modal', ['show', 'hide']); 
     //provide modal as dependency to the controller. 
     controller = $controller('FooController', {$scope: scope, $modal:modal}); 

    })); 

    it('should show the modal', function() { 

     scope.makeItFoo(); 

     expect(modal.show).toHaveBeenCalled(); 
    }); 
}); 

Answer 2

मोडल शो async है। मैंने http://jsfiddle.net/jwom7ns2/1/ पर अपना बेवकूफ अपडेट किया।

बदलें निम्नलिखित भाग: जब मोडल शो होता है

डाइजेस्ट के लिए

it('should show the modal', function (done) { 
    var modalSpy = spyOn(modal(), 'show'); 

    scope.makeItFoo(); 

    setTimeout(function() { 
     expect(modalSpy).toHaveBeenCalled(); 
     done(); 
    }); 

}); 

टाइमआउट आवरण प्रतीक्षा करता है तो होना ही।