16
对于我的生活,我无法获得$ httpBackend来处理执行$ http get请求的控制器。我已经尝试了几个小时,现在=)
我已经减少到最简单的形式,我可以在下面。该测试通过,如果我
- 注释掉控制器
- 注释掉“httpMock.flush()”中考
- 而变“猪”和$ http.get()请求“狗“来匹配
也就是说,它是一个有效的工作测试和应用程序。
如果我把它放回去,我会看到底部显示的错误。
应用程序/ JS/app.js
// Declare a module which depends on filters and services.
var myApp = angular
.module('myApp', ['ngRoute', 'myApp.filters', 'myApp.services',
'myApp.directives'])
.config(['$routeProvider' , function($routeProvider) {
$routeProvider
.when("/dashboard", {
templateUrl: "partials/dashboard.html",
controller: cDashboard
})
.otherwise({redirectTo: "/dashboard"});
}]);
// Pre-define our main namespace modules.
angular.module('myApp.directives' , []);
angular.module('myApp.filters' , []);
angular.module('myApp.services' , []);
angular.module('myApp.controllers', []);
应用程序/ JS/controller.js
function cDashboard ($scope, $http) {
$scope.data = "dog";
// Fetch the actual data.
$http.get("/data")
.success(function (data) { $scope.data = data })
.error(function() {});
}
cDashboard.$inject = [ '$scope', '$http' ];
测试/单元/ controllerSpec.js
describe('cDashboard', function(){
var scope, ctrl, httpMock;
beforeEach(inject(function ($rootScope, $controller, $http, $httpBackend) {
scope = $rootScope.$new();
ctrl = $controller('cDashboard', {$scope: scope});
httpMock = $httpBackend;
httpMock.when("GET", "/data").respond("pig");
}));
it("should get 'pig' from '/data'", function() {
httpMock.expectGET("/data").respond("pig");
expect(scope.data).toBe("pig");
});
});
这是我在shell得到错误:
INFO [watcher]: Changed file "/home/myApp/test/unit/controller/cDashboard.js".
Chrome 26.0 (Linux) cDashboard should get 'pig' from '/data' FAILED
Error: No pending request to flush !
at Error (<anonymous>)
at Function.$httpBackend.flush (/home/myApp/test/lib/angular/angular-mocks.js:1171:34)
at null.<anonymous> (/home/myApp/test/unit/controller/cDashboard.js:15:18)
Chrome 26.0 (Linux): Executed 1 of 1 (1 FAILED) (0.326 secs/0.008 secs)
谢谢!在实例化控制器之前,plunk和.expectGET必须发生的解释非常有帮助。 – 2013-05-08 14:01:54