角單元測試：錯誤：意外的請求：GET

Question

如何測試這種類型的http格式？

$http({ 
    method: 'GET', 
    url: 'https://api.github.com/user/repos', 
    headers:{ 
     'Authorization': "Basic " + btoa("xxxx:xxxx"), 
     'Accept': 'application/json; odata=verbose' 
    } 
}) 
.success(function(data, status, headers, config) { 
    $scope.valid = true; 
    $scope.collection = data; 
}) 
.error(function(data, status, headers, config) { 
    $scope.error = data; 
}); 

測試代碼，

it('should demonstrate using when (200 status)', inject(function($http, $httpBackend) { 

    var $scope = {}; 

    /* Code Under Test */ 
    $http({ 
     method: 'GET', 
     url: 'https://api.github.com/user/repos', 
     headers:{ 
      'Authorization': "Basic " + btoa("xxxxx:xxxx"), 
      'Accept': 'application/json; odata=verbose' 
     } 
    }) 
    .success(function(data, status, headers, config) { 
     $scope.valid = true; 
     $scope.collection = data; 
    }) 
    .error(function(data, status, headers, config) { 
     $scope.error = data; 
    }); 
    /* End */ 

    $httpBackend 
    .when('GET', 'https://api.github.com/user/repos', undefined, { 
     Authorization: "Basic " + btoa("xxxxx:xxxx"), 
     Accept: "application/json;odata=verbose" 
    }) 
    .respond(200, { foo: 'bar' }); 

    $httpBackend.flush(); 

    expect($scope.valid).toBe(true); 
    expect($scope.collection).toEqual({ foo: 'bar' }); 

})); 

我得到這個錯誤，

Error: Unexpected request: GET https://api.github.com/user/repos No more request expected

任何想法？

Answer 1

你可以試試這個

$httpBackend.whenGET('https://api.github.com/user/repos', undefined, { 
    Authorization: "Basic " + btoa("xxxxx:xxxx"), 
    Accept: "application/json;odata=verbose" 
}).respond(function(){ return [200,[{foo: 'bar' }]]});