使用 $httpBackend 对 AngularJS 进行单元测试会给出“错误:意外请求". [英] Unit testing AngularJS with $httpBackend gives "Error: Unexpected Request"
问题描述
我要在这个问题的开头说我已经为我的LoginCtrl"工作了一个测试，它执行几乎完全相同的任务.我确信这是一个我忽略的非常小的问题.提前感谢您的帮助:)
I'm gonna preface this question by saying I've already gotten a test to work for my "LoginCtrl" which performs almost the exact same task. I'm sure this is an issue of something really small I've overlooked. Thanks in advance for any help :)
我已经为我的测试设置了 httpBackend 的预期值/响应，但是当我运行 httpBackend.flush() 时，就好像我从未设置过预期.
I've set the expected value/response for httpBackend for my test, but when I run httpBackend.flush(), it's as if I never set the expectation.
测试代码:
describe('user register', function () {
var scope, RegisterCtrl, httpBackend, userJohnDoe, userJohnDoeRegistered, Restangular;
// TEST
beforeEach(module('LR.User.Register'));
describe('RegisterCtrl', function () {
beforeEach(inject(function ($controller, _$httpBackend_, $rootScope, _Restangular_, $state) {
scope = $rootScope.$new();
httpBackend = _$httpBackend_;
Restangular = _Restangular_;
// Models
userJohnDoeRegistered = {
"access_token": "YzEyZDhjNjBlY2EwMTMxMmQzZGIzYWY5NDY4OGYwMjMzMGVjNDU3MDVhY2U0YjJmNDc1ODI3NWU0ODkzZGNkMQ",
"expires_in": 7200,
"token_type": "bearer",
"scope": null,
"refresh_token": "MmFhMTQ5NzU4ODI5ZjE2Mjk3ZjNlYzEwYzJkMjc4M2NkZjY2MjVkMjIwNWQzODUxYWNiYzY3NzIyMzEwYzJhNg",
"user": {
"username": "johndoe",
"email": "johndoe@test.net",
"id": 1,
"first_name": "John",
"middle_name": "f",
"last_name": "Doe",
"created": "2013-09-04T10:46:10-0500",
"updated": "2013-09-04T10:46:10-0500"
},
"status": "success",
"status_code": 200,
"status_text": "OK"
};
userJohnDoe = {
"email": "johndoe@test.net",
"first_name": "John",
"middle_name": "f",
"last_name": "Doe",
password: 'test123X',
passwordSecond: 'test123X',
client_id: '1_3b5zgimwg4kkko4wksk4sw0o48040o8ws8og8kg4wsowwkc44s'
};
httpBackend.whenPOST('/register', userJohnDoe).respond(userJohnDoeRegistered);
RegisterCtrl = $controller('RegisterCtrl', {$scope: scope, $state: $state, Restangular: Restangular});
}));
afterEach(function () {
httpBackend.verifyNoOutstandingExpectation();
httpBackend.verifyNoOutstandingRequest();
});
it('should be able to register a fake user', inject(function () {
var resolvedRegistration;
var cb = function (response) {
// Expect the userJohnDoe object
resolvedRegistration = sanitizeRestangularOne(response);
console.log(logTestHeader('REGISTRATION RESPONSE') +
JSON.stringify(resolvedRegistration, null, ' '));
};
// Set credentials
scope.user = userJohnDoeCredentials;
// Call login
var register = scope.register_user().then(function() {
cb();
});
scope.$digest();
httpBackend.flush();
expect(resolvedRegistration).toEqual(userJohnDoeRegistered);
}));
});
});
输出响应:
Chrome 29.0.1547 (Mac OS X 10.8.4) user register RegisterCtrl should be able to register a fake user FAILED
Error: Unexpected request: POST /register
No more request expected
at Error (<anonymous>)
at $httpBackend (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/vendor/angular-mocks/angular-mocks.js:959:9)
at y (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/vendor/angular/angular.min.js:64:282)
at g (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/vendor/angular/angular.min.js:62:272)
at r (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/vendor/angular/angular.min.js:96:140)
at r (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/vendor/angular/angular.min.js:96:140)
at /Users/bobothefrofro/Development/lr-phoenix/phoenix-client/vendor/angular/angular.min.js:97:293
at Object.g.$eval (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/vendor/angular/angular.min.js:104:502)
at Object.g.$digest (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/vendor/angular/angular.min.js:102:419)
at null.<anonymous> (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/src/app/user/register/register.spec.js:74:19)
Error: Declaration Location
at window.jasmine.window.inject.angular.mock.inject (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/vendor/angular-mocks/angular-mocks.js:1781:25)
at null.<anonymous> (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/src/app/user/register/register.spec.js:57:54)
at null.<anonymous> (/Users/bobothefrofro/Development/lr-phoenix/phoenix-client/src/app/user/register/register.spec.js:9:5)
at /Users/bobothefrofro/Development/lr-phoenix/phoenix-client/src/app/user/register/register.spec.js:1:1
推荐答案
我发现了它是什么.我的 register_user() 函数引用了 $scope.user，它被设置为一个未定义的变量:userJohnDoeCredentials(我有一个不同的变量名用于我之前的测试).
I found out what it was. my register_user() function was referencing $scope.user, which was being set to an undefined variable: userJohnDoeCredentials (a different variable name I had used for my previous test).
不知道为什么我的 IDE 没有抱怨我引用了一个未定义的变量，而且它通过了我所有的 jslint 测试，所以这也很奇怪，但是嗯.它是固定的:D 只有现在我可以得到模拟请求来返回我想要的东西......
Not sure why my IDE wasn't complaining about me referencing an undefined variable, and it was passing all of my jslint tests, so that's strange too, but meh. It's fixed :D Only if now I could get the mock request to return what I want it to...
这篇关于使用 $httpBackend 对 AngularJS 进行单元测试会给出“错误:意外请求".的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
