कोणीय जे एस परीक्षण

Question

मैं इस तरह एक नमूना मार्ग है:

angular 
     .module('appRouter',['ui.router']) 
     .config(function($stateProvider,$urlRouterProvider){ 
      $stateProvider 
       ..... 
       ..... 
       .state('settings.account',{ 
        url:'/account', 
        templateUrl:'templates/account.html', 
        controller:function(resolveData){ 
         console.log(resolveData); 
        }, 
        resolve:{ 
         resolveData : function($http){ 
          var root = 'https://jsonplaceholder.typicode.com'; 
          return $http.get(root+'/posts/1').then(function(response){ 

           return response.data; 
          }); 
         } 
        } 
       }); 

      ..... 

यह सिर्फ एक परीक्षण यूआरएल है जहाँ मैं ऑनलाइन

https://jsonplaceholder.typicode.com/posts/1

नमूना JSON डेटा प्राप्त कर सकते हैं

मैं राज्य का परीक्षण करना चाहता था।

beforeEach(function(){ 
     module('appRouter'); 
    }); 

    beforeEach(inject(function(_$rootScope_,_$injector_,_$state_,_$httpBackend_,$templateCache){ 
     $rootScope = _$rootScope_; 
     $state = _$state_; 
     $injector = _$injector_; 
     $httpBackend = _$httpBackend_; 
     $templateCache.put('templates/account.html',''); 
    })); 

    it('should resolve "resolveData"',function(){ 
     const state = $state.get('settings.account'); 
     const resolveFn = state.resolve.resolveData; 

       $httpBackend.whenGET('https://jsonplaceholder.typicode.com/posts/1').respond(function(){ 
     return [ 
      200,{ 
       "userId": 1, 
       "id": 1, 
       "title": "...", 
       "body": "..." 
     }] 
    }); 

    $httpBackend.expectGET('https://jsonplaceholder.typicode.com/posts/1'); 

    $injector.invoke(resolveFn); 

    $httpBackend.flush(); 

    expect($injector.annotate(resolveFn)).toEqual(['$http']); 

    console.log(angular.mock.dump($scope)); 

    expect($scope.resolveData).toEqual({ 
     "userId": 1, 
     "id": 1, 
     "title": "...", 
     "body": "..." 
    }); 

लेकिन यह विफल रहता है।

1) should resolve "resolveData" 
    UI Routerer Config For Account 
    Expected undefined to equal Object({ userId: 1, id: 1, title: '...', body: '...' }). 
    at Object.<anonymous> (test/controllers/main-controller-spec.js:114:36) 

मैं क्या गलत कर रहा हूं?

अद्यतन

console.log(angular.mock.dump($scope)); देता है निम्नलिखित

कृपया मदद करते हैं।

Answer 1

should resolve "resolveData" 
UI Routerer Config For Account 
TypeError: Cannot read property 'get' of undefined 
at resolveData (app/appRouter.js:25:41) 
at Object.<anonymous> (test/controllers/main-controller-spec.js:97:9) 

इस समस्या को हल करने के लिए आपको $http कोडाटा फ़ंक्शन को हल करने के लिए पास करना चाहिए।

resolveFn($http); 

लेकिन यह this

Answer 2

मूल त्रुटि की तरह परीक्षण लिखने के लिए बेहतर है:

should resolve "resolveData" 
UI Routerer Config For Account 
TypeError: Cannot read property 'get' of undefined 
    at resolveData (app/appRouter.js:25:41) 
    at Object.<anonymous> (test/controllers/main-controller-spec.js:97:9) 

What am I doing wrong?

आप अपने इकाई परीक्षण में resolveFn() बुला रहे हैं। फ़ंक्शन को $http सेवा की आवश्यकता के रूप में परिभाषित किया गया था, और वह कॉल $http सेवा (fingerpich उल्लेख के रूप में) पास नहीं करता है।

इसे ठीक करने के लिए, कोणीय को $injector.invoke(resolveFn) का उपयोग करके निर्भरता इंजेक्शन को संभालने की अनुमति दें।

इसे plunk के साथ कार्रवाई में देखें। ध्यान दें कि परीक्षण एक अलग कारण के लिए विफल रहता है। लेकिन, (यदि मैं नियमों को सही ढंग से समझता हूं) तो एक अलग मुद्दे का उत्तर एक अलग प्रश्न के साथ दिया जाना चाहिए (यदि आपको और सहायता चाहिए)।

एक साइड नोट: जब ब्राउज़र में साइट (यूनिट टेस्ट नहीं) खोला जाता है, तो मैं इसे काम करने की उम्मीद करता हूं, क्योंकि कोणीय पर दिए गए फ़ंक्शन में $http निर्भरता इंजेक्ट करता है।

answer पर देखें जो fingerpich द्वारा उल्लिखित ब्लॉग का भी संदर्भ देता है।

unit testing AngularJS के बारे में सीखते समय मुझे एक ब्लॉग मिला है।