AngularJS测试：惩戒$ httpBackend - 处理成功和错误的方法

更新：我设法通过更新httpBackend.when进一步缩小问题的范围和解决意外的请求错误请求中包含一些无效的ascii字符。

我附上了一个Plunker当前代码块。

但是我仍然很难有效地测试成功和错误方法操作的触发。我还需要增加期望来检查消息广播。

为了测试上面提到的场景，我设计了一个我已经包含在Plunker中的黑客，但我相信应该有更好的方法来测试这些场景。

任何导致我如何克服这个问题并测试响应消息的状态将不胜感激。

问题

我设置$ httpBackend的预期值/响应为我的测试，但是当我运行$ httpBackend.flush（），它失败指示下面提及的错误。

错误消息指出

Error: Unexpected request: GET https://192.168.1.10:3334/res?t1=CHECK&t2='?'&req={"_msgType":"Login_msg","UserName":"[email protected]","Password":"123"}

我没有发现有关此问题的讨论领域一些有用的链接，他们都帮助我有所缩小问题的范围。但我仍然无法弄清楚单元测试失败的具体原因。

有用的堆栈溢出问题

个

有用的外部资源

我也试过moving the flush() call around，并且还尝试了calling $apply or $digest，如此处所示，在$ http请求在测试中触发。

AngularJS服务进行测试

app.service('restService',['$log','$http','$rootScope',function($log,$http,$rootScope) 
{ 
    this.location = null; 
    this.port = null; 

    this.sendRequest = function(host,port,param1,param2,requestMsg) 
    { 
     this.location = host; 
     this.port = port; 
     $http.get('https://'+host+":"+port+"/res?t1="+param1+"&t2="+param2+"&req="+JSON.stringify(requestMsg)). 
     success(function(data) { 
      //Need to add expectations to check success operations 
      $log.log('response received',data); 
      var msgData = data; 
      $rootScope.successCalled = true; 
      $rootScope.response = data; 
      if(msgData.hasOwnProperty('_msgType')) 
      { 
       $log.log('broadcast for channel',msgData._msgType); 
       $rootScope.$broadcast(msgData._msgType,msgData); 
      } 
     }). 
     error(function(){ 
      //Need to add expectations to check error method operations 
      var httpErrMsg = {_msgType:'HTTPErr', host:host, port:port, t1:param1, t2:param2, requestMsg:requestMsg}; 
      $rootScope.errorCalled = true; 
      $rootScope.response = data; 
      $rootScope.$broadcast(httpErrMsg._msgType,httpErrMsg); 
     }); 
    } 

    this.getIP = function() 
    { 
     return this.location; 
    } 
    this.getPort = function() 
    { 
     return this.port; 
    } 
}])

规格用于测试服务

 "use strict";         

    describe("Rest service test", function() 
    { 
     var $scope, $location, httpBackend, $log, restService , loginMsg ; 

     beforeEach(module('app')); 

    beforeEach(inject(function (_restService_) 
    { 
    restService = _restService_; 
    })); 

    beforeEach(inject(function($rootScope, _$location_, $httpBackend, _$log_) 
    { 
     $scope = $rootScope.$new(); 
     $location = _$location_; 
     httpBackend = $httpBackend; 
     $log = _$log_; 

     loginMsg={ _msgType:"Login_msg", UserName:"[email protected]", Password:"123"}; 
    })); 

    afterEach(function() 
    { 
     httpBackend.verifyNoOutstandingExpectation(); 
     httpBackend.verifyNoOutstandingRequest(); 
    }); 

    describe("Service : Rest Service", function() 
    { 
     it('Should start with location and port undefined', function() { 
     expect(restService.location).toEqual(null); 
     expect(restService.port).toEqual(null); 
     }); 

     it("check if method exists", function() { 
     expect(restService.sendRequest).toBeDefined(); 
     }); 

     it("GetIP method Exists ", function() 
     { 
     expect(restService.getIP).toBeDefined(); 
     }); 

     it("GetPort method Exists ", function() 
     { 
     expect(restService.getPort).toBeDefined(); 
     }); 

     it("GetIP Value ", function() 
     { 
     restService.location = '192.168.1.10'; 
     expect(restService.location).toEqual('192.168.1.10'); 
     }); 

     it("GetPort Value ", function() 
     { 
     restService.port = '3334'; 
     expect(restService.port).toEqual('3334'); 
     }); 

     it("Execute sendRequest()", function() { 
     httpBackend.when('GET', 'https://192.168.1.10:3334/res?t1=CHECK&t2=\'?\'&req={"_msgType":"Login_msg","UserName":"[email protected]","Password":"123"}') 
     .respond ({SessionId:"2103337586",Status:"user [email protected] not found ",EMail:"[email protected]",rejectCode:1,rejectReason:"Invalid username or password",_msgType:"LoginReply_msg"}); 
     restService.sendRequest("192.168.1.10","3334","CHECK","'?'",loginMsg); 
     httpBackend.flush(); 

     expect(restService.location).toEqual('192.168.1.10'); 
     expect(restService.port).toEqual('3334'); 
     expect($scope.successCalled).toBe(true); 
     expect($scope.response).not.toBe(null); 
     expect($scope.response._msgType).toEqual('LoginReply_msg'); 
     }); 
    }); 
});

来源

2014-09-01 Gehan

我知道，这个问题是旧的，但也许有人正在寻找，这可能是很有帮助。

修改beforeEach功能是这样的：

beforeEach(inject(function($rootScope, _$location_, $httpBackend, _$log_) 
{ 
    $scope = $rootScope.$new(); 
    $location = _$location_; 
    httpBackend = $httpBackend; 
    $log = _$log_; 

    loginMsg={ _msgType:"Login_msg", UserName:"[email protected]", Password:"123"}; 

    httpBackend.expectGET(/192.168.1.10:3334/i).respond(function(){ 
     return [/*mockResponse*/]; 
    }); 
}));

这将解决此错误。

来源

2015-12-10 10:05:36

AngularJS测试：惩戒$ httpBackend - 处理成功和错误的方法

回答

相关问题