Как проверить HTTP-запрос в моем случае?

Question

У меня есть такая услуга.

Просто попросите http получить запрос.

angular.module('myApp').service('TESTService', ['$http', 
    function($http) { 
     var request = function(url) { 
      return $http({ 
       method: 'GET', 
       url: url 
      }); 
     }; 
     return { 
      get: function(url) { 
       return request(url); 
      }    
     }; 
    } 
]); 

В мой контроллер, я назвал обслуживание

TESTService.get('/api/product' + id).success(
      function(result) { 
       console.log(result) 
      } 
     ); 

Мне нужно написать модульный тест для него

describe('test here', function() { 
var testCtrl, scope, httpBackend, testService; 

// Initialize the controller and a mock scope 
beforeEach(inject(function (_$controller_, _$rootScope_, _$httpBackend_, _TESTService_) { 
    scope = _$rootScope_.$new(); 
    httpBackend = _$httpBackend_; 
    testService = _TESTService_; 

    testCtrl = _$controller_('testCtrl', { 
     $scope: scope 
    }); 



    it('should return http data', function() { 
     var productData = { 
      data: [ 
       { 
        obj: { 
        id:'123' 
        } 
       }   
      ] 
     } 

     httpBackend.expectGET('/api/product/' + id).respond(productData); 

     TESTService.get('/api/product/' + id). 
      then(function(data) { 
       var result = data; 
      }) 

     httpBackend.flush(); 
     expect(result).toEqual(productData) 
    }); 
})); 

После выполнения теста, я получил

Error: Unexpected request: GET /api/product/undefined 

Как написать te чтобы убедиться, что он пройдет? Есть идеи? Большое спасибо!

Answer 1

Ваша переменная «id» представляется неопределенной. Если бросить в

var id = 123; 

до этой строки:

httpBackend.expectGET('/api/product/' + id).respond(productData); 

Было бы позвонить/API/продукт/123 вместо.

Так может быть, вы искали это в первую очередь:

httpBackend.expectGET('/api/product/' + productData.data[0].obj.id).respond(productData); 

TESTService.get('/api/product/' + productData.data[0].obj.id). 

И так далее ... Надеюсь, что это помогает!

Answer 2

Попробуйте помещать одинарные кавычки вокруг объекта, который передается в $ http, то есть $ http ({method: 'GET', 'url', url});

angular.module('myApp').service('TESTService', ['$http', 
    function($http) { 
     var request = function(url) { 
      return $http({ 
       method: 'GET', 
       'url': url 
      }); 
     }; 
     return { 
      get: function(url) { 
       return request(url); 
      }    
     }; 
    } 
]);