更新：我设法通过更新包含一些无效 ascii 字符的httpBackend.when请求来进一步缩小问题范围并修复意外请求错误
我在当前代码块中附加了一个Plunker 。
但是我仍然很难有效地测试成功和错误方法操作的触发。我还需要添加期望来检查消息广播。
为了测试上述场景，我设计了一个包含在 Plunker 中的 hack，但我相信应该有更好的方法来测试这些场景。
任何有关我如何克服此问题并测试响应消息状态的线索将不胜感激。
问题
我已经为我的测试设置了 $httpBackend 的预期值/响应，但是当我运行 $httpBackend.flush() 时，它失败，表明下面提到的错误。
指示的错误消息
Error: Unexpected request: GET https://192.168.1.10:3334/res?t1=CHECK&t2='?'&req={"_msgType":"Login_msg","UserName":"e@e.com","Password":"123"}
我确实找到了一些讨论这个问题域的有用链接，它们确实帮助我缩小了问题范围。但我似乎仍然无法弄清楚这个单元测试失败的具体原因。
有用的堆栈溢出问题
- Angular mock $httpBackend 给出没有挂起的刷新请求
- 使用 $httpBackend 对 AngularJS 进行单元测试会给出“错误：意外请求”</a>
- 使用外部服务测试 Angular $resource
- 为什么我会收到错误……意外的请求
- 模拟 $httpBackend
有用的外部资源
- AngularJS 使用 HTTP Mock 进行测试
- Angular.js 中的单元测试 $http 服务
- Angularjs 教程：使用 ngMock $httpBackend 和 karma 进行测试。
- Angular JS - 单元测试 - 服务
- AngularJS 使用 HTTP Mock 进行测试
我还尝试移动 flush() 调用，并尝试在按照此处的建议在测试中触发 $http 请求时调用 $apply 或 $digest 。
待测试的 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:"e@e.com", 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":"e@e.com","Password":"123"}')
.respond ({SessionId:"2103337586",Status:"user e@e.com not found ",EMail:"e@e.com",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');
});
});
});