ジャスミン角度単位テスト '未定義の'プロパティを読み取ることができません

Question

角度単位テストの学習を始めました。ただし、http呼び出しの関数に対するこのテストは失敗します。私はピンが問題を指摘しているが、私はそれを修正することができていない。私はそれはいくつかの簡単な問題

コントローラの知っている

//Get data from URL 
vm.getJson = function() { 
    var url = 'https://www.reddit.com/r/worldnews/new.json', 
     count = 0; 
    $http.get(url).success(function(response) { 
     console.log(response); 
     for (var i = 0; i < response.data.children.length; i++) { 
      vm.data.push(response.data.children[i].data); 
      count++; 
      if (count === response.data.children.length) { 
       vm.numberOfPages(); 
      } 
     } 

     vm.result = true; 

    }).error(function(err) { 
     console.log(err); 
    }); 

}; 

私は取得しています応答は次のとおりです。

スペック

//Testing the getJson function 
describe('vm.getJson()', function() { 

    it('It should return dummy Data as response and vm.result to be truthy', function() { 

    var dummyData = {name: 'Umair'}; 
    $httpBackend.whenRoute('GET','https://www.reddit.com/r/worldnews/new.json').respond(200, dummyData); 

    MainCtrl.getJson(); 

    $httpBackend.flush(); 

    expect(MainCtrl.result).toBeTruthy(); 


}); }); 

私はすべてのエラーを得ることはありません私がループをcから取り除くとテストに合格しますontroller機能です。私が得るエラーは次のとおりです。

未定義の「子供」は読み取れません。応答データを添付した画像から、子は配列です。あなたダミーデータが配列でない

Answer 1

テストを実行すると、$ httpBackend実際$http.get呼び出しをインターセプトし、あなたが

に示されているように応答する dummyDataを割り当てます

$httpBackend.whenRoute('GET','https://www.reddit.com/r/worldnews/new.json').respond(200, dummyData); 

この模擬動作により、テストマシンから到達可能な赤信号に頼らずに素早くユニットテストを完了することができます。だからあなたのコントローラでresponse.data = {name: 'Umair'}とそのオブジェクトは、childrenという名前の子がありません。

これを修正するには、dummyDataの場合、実際のデータをもう少し模倣してみてください。

Answer 2

、私はこの問題を解決することができたとし、テスト

//Testing the getJson function 
describe('vm.getJson()', function() { 

    it('It should return dummy Data as response and vm.result to be truthy', function() { 

     var dummyData = [{ data: 'Umair' }]; 
     $httpBackend 
      .when('GET', 'https://www.reddit.com/r/worldnews/new.json') 
      .respond(.respond(
       function() { 
        return [200, dummyData, {}]; 
       });); 

     MainCtrl.getJson(); 

     $httpBackend.flush(); 

     expect(MainCtrl.result).toBeTruthy(); 

    }); 
}); 

Answer 3

の下にあなたのテストで財産nameを持つオブジェクトを返しているし、あなたがしようとしているとしてみてください未定義のプロパティdataにアクセスします。

あなたは例えば、あなたのテストで実際のレスポンスオブジェクトをシミュレートする必要があります

var dummyData = { 
    data: { 
    children: [ 
    { data: 'foo'} 
    ] 
    } 
};