角资源测试：$ httpBackend.flush（）导致意外的请求 [英] Angular resource testing: $httpBackend.flush() cause Unexpected request
本文介绍了角资源测试：$ httpBackend.flush（）导致意外的请求的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想测试angularjs资源。
使用严格的;/ **
* AddressService提供的功能使用地址资源的简单方法。
*
*这是方法的一个实例：
*
*`GET`：
*
VAR一个= AddressService.get（{ID：1}，
功能（数据）{
//你的资源在这里工作
}
）;
*
* /
App.factory（'AddressService'，函数（$资源，$ rootScope）{
VAR URL = [
$ rootScope.GLOBALS.API_PATH，
$ rootScope.GLOBALS.API_VERSION，
模型/地址/：身份证'
]。加入（'/'）， 行动= {
'得到'：{
方法：GET，
PARAMS：{ID：'@id'}
}
};
返回$资源（URL {}动作）;
}）;
我创建的测试：
使用严格的;变量$ httpBackend;描述（服务：AddressService'，函数（）{ beforeEach（模块（'对myApp'））; beforeEach（注入（函数（$喷油器）{
VAR url_get ='API / V1 /模型/地址/ 5'; VAR response_get = {
地址行：8奥斯汀家Netly路'，
address_line_2：伊尔福德IR2 7ND
}; $ httpBackend = $ injector.get（'$ httpBackend'）; $ httpBackend.whenGET（url_get）.respond（response_get）; }））; 描述（AddressService获取测试，函数（）{
它（'测试得到的地址，注入（功能（AddressService）{
VAR地址= AddressService.get（{ID：'5'}）;
$ httpBackend.flush（）;
期待（address.address_line_1）.toEqual（'8奥斯汀家Netly路'）;
期待（address.address_line_2）.toEqual（'伊尔福德IR2 7ND'）;
}））;
}）;
}）;
我不跟角经历非常好。
我在karma.config.js设置茉莉。
AngularJS 1.0.6
Yoeman和咕噜管理项目。
我尝试咕噜测试
运行报应：单位（因缘）任务
INFO [人缘]：噶服务器开始在http：//本地主机：8080 /
INFO [启动]：启动浏览器的Chrome
INFO [Chrome的27.0（Linux的）：连接套接字ID RFFUY5bW8Hb5eTu0n-8L
Chrome的27.0（Linux）的服务：AddressService AddressService得到测试获得地址失败
错误：意外的请求：GET意见/ home.html做为
没有更多的要求预期
在错误（小于匿名＆GT;）
在$ httpBackend（/home/bart/y/projects/x/frontend/app/components/angular-mocks/angular-mocks.js:910:9）
在sendReq（/home/bart/y/projects/x/frontend/app/components/angular/angular.js:9087:9）
在$ HTTP（/home/bart/y/projects/x/frontend/app/components/angular/angular.js:8878:17）
在功能，$ HTTP（匿名函数）作为GET（/home/bart/y/projects/x/frontend/app/components/angular/angular.js:9021:18）
在$ q.when.then.then.next.locals（/home/bart/y/projects/x/frontend/app/components/angular/angular.js:7394:34）
在wrappedCallback（/home/bart/y/projects/x/frontend/app/components/angular/angular.js:6797:59）
在wrappedCallback（/home/bart/y/projects/x/frontend/app/components/angular/angular.js:6797:59）
在/home/bart/y/projects/x/frontend/app/components/angular/angular.js:6834:26
在Object.Scope。$的eval（/home/bart/y/projects/x/frontend/app/components/angular/angular.js:8011:28）
错误：申报地点
在window.jasmine.window.inject.angular.mock.inject（/home/bart/y/projects/x/frontend/app/components/angular-mocks/angular-mocks.js:1744:25）
在空＆LT;＆匿名GT; （/home/bart/y/projects/x/frontend/test/spec/services/userdata/AddressService.js:32:30）
在空＆LT;＆匿名GT; （/home/bart/y/projects/x/frontend/test/spec/services/userdata/AddressService.js:31:5）
在/home/bart/y/projects/x/frontend/test/spec/services/userdata/AddressService.js:5:1
.................................................. ................
Chrome的27.0（Linux）的：执行的67 67（1失败）（0.343秒/ 0.179秒）
警告：任务报应：单位失败。使用--force继续。
如果我删除 $ httpBackend.flush（）测试。测试在流逝。但我正在逐渐未定义从地址。我看到的例子：<一href=\"http://stackoverflow.com/questions/14636099/testing-angular-resource-with-external-service\">example所有使用刷新（）但是，只有我得到傻异常：错误：意外的请求：GET意见/ home.html做为
的意见/ home.html做为是我在项目目录视图。我不知道如何解决我的问题，我找不到任何解决方案。我缺少一点不知？
任何人都可以看到的错误在我的code？所有的建议将AP preciate。
修改
我发现我需要使用这样的：
$ httpBackend.when（GET/ \\ $ HTML /），直通（）;
但另一个问题是我得到：
类型错误：对象＃＆LT;对象＆gt;没有方法'直通'
解决方案
我终于找到解决办法：
我试图按照这样的：<一href=\"http://stackoverflow.com/questions/15214760/unit-testing-angularjs-directive-with-templateurl/16528985#16528985\">other帖子
所以我添加 $ templateCache ：
使用严格的;变量$ httpBackend;描述（服务：AddressService'，函数（）{ beforeEach（模块（'对myApp'））; beforeEach（注（函数（$注射器，$ templateChache）{
$ templateCache.put（'意见/ home.html做为'，'＆LT;模板的推移，这里/＆GT;'）;
VAR url_get ='API / V1 /模型/地址/ 5'; VAR response_get = {
地址行：8奥斯汀家Netly路'，
address_line_2：伊尔福德IR2 7ND
}; $ httpBackend = $ injector.get（'$ httpBackend'）; $ httpBackend.whenGET（url_get）.respond（response_get）; }））; 描述（AddressService获取测试，函数（）{
它（'测试得到的地址，注入（功能（AddressService）{
VAR地址= AddressService.get（{ID：'5'}）;
$ httpBackend.flush（）;
期待（address.address_line_1）.toEqual（'8奥斯汀家Netly路'）;
期待（address.address_line_2）.toEqual（'伊尔福德IR2 7ND'）;
}））;
}）;
}）;
I want to test angularjs resource.
'use strict';
/**
* AddressService provides functionality to use address resource in easy way.
*
* This is an example usage of method:
*
* `get`:
*
var a = AddressService.get({id: '1'},
function (data) {
// Work here with your resource
}
);
*
*/
App.factory('AddressService', function ($resource, $rootScope) {
var url = [
$rootScope.GLOBALS.API_PATH,
$rootScope.GLOBALS.API_VERSION,
'models/address/:id'
].join('/'),
actions = {
'get': {
method: 'GET',
params: {id: '@id'}
}
};
return $resource(url, {}, actions);
});
I created the test:
'use strict';
var $httpBackend;
describe('Service: AddressService', function () {
beforeEach(module('myApp'));
beforeEach(inject(function ($injector) {
var url_get = 'api/v1/models/address/5';
var response_get = {
address_line_1: '8 Austin House Netly Road',
address_line_2: 'Ilford IR2 7ND'
};
$httpBackend = $injector.get('$httpBackend');
$httpBackend.whenGET(url_get).respond(response_get);
}));
describe('AddressService get test', function () {
it('Tests get address', inject(function (AddressService) {
var address = AddressService.get({ id: '5'});
$httpBackend.flush();
expect(address.address_line_1).toEqual('8 Austin House Netly Road');
expect(address.address_line_2).toEqual('Ilford IR2 7ND');
}));
});
});
I am not experienced with angular very well. I have set jasmine in karma.config.js. AngularJS v1.0.6 Yoeman and Grunt manage project.
I try grunt test
Running "karma:unit" (karma) task
INFO [karma]: Karma server started at http://localhost:8080/
INFO [launcher]: Starting browser Chrome
INFO [Chrome 27.0 (Linux)]: Connected on socket id RFFUY5bW8Hb5eTu0n-8L
Chrome 27.0 (Linux) Service: AddressService AddressService get Tests get address FAILED
Error: Unexpected request: GET views/home.html
No more request expected
at Error (<anonymous>)
at $httpBackend (/home/bart/y/projects/x/frontend/app/components/angular-mocks/angular-mocks.js:910:9)
at sendReq (/home/bart/y/projects/x/frontend/app/components/angular/angular.js:9087:9)
at $http (/home/bart/y/projects/x/frontend/app/components/angular/angular.js:8878:17)
at Function.$http.(anonymous function) [as get] (/home/bart/y/projects/x/frontend/app/components/angular/angular.js:9021:18)
at $q.when.then.then.next.locals (/home/bart/y/projects/x/frontend/app/components/angular/angular.js:7394:34)
at wrappedCallback (/home/bart/y/projects/x/frontend/app/components/angular/angular.js:6797:59)
at wrappedCallback (/home/bart/y/projects/x/frontend/app/components/angular/angular.js:6797:59)
at /home/bart/y/projects/x/frontend/app/components/angular/angular.js:6834:26
at Object.Scope.$eval (/home/bart/y/projects/x/frontend/app/components/angular/angular.js:8011:28)
Error: Declaration Location
at window.jasmine.window.inject.angular.mock.inject (/home/bart/y/projects/x/frontend/app/components/angular-mocks/angular-mocks.js:1744:25)
at null.<anonymous> (/home/bart/y/projects/x/frontend/test/spec/services/userdata/AddressService.js:32:30)
at null.<anonymous> (/home/bart/y/projects/x/frontend/test/spec/services/userdata/AddressService.js:31:5)
at /home/bart/y/projects/x/frontend/test/spec/services/userdata/AddressService.js:5:1
..................................................................
Chrome 27.0 (Linux): Executed 67 of 67 (1 FAILED) (0.343 secs / 0.179 secs)
Warning: Task "karma:unit" failed. Use --force to continue.
If I remove $httpBackend.flush() in test. Test is passing. But I am getting undefined from address. I saw examples: example all use the flush() But only I get silly exception: Error: Unexpected request: GET views/home.html
views/home.html is my view in project directory. I have no idea how solve my problem I could not find any solution. Am I missing the point somehow?
Can anybody see mistake in my code? All suggestions will be appreciate.
EDIT
I have found that I need to use this:
$httpBackend.when('GET', /\.html$/).passThrough();
But another problem is I am getting:
TypeError: Object #<Object> has no method 'passThrough'
解决方案
I have finally found solution:
I tried to follow this: other post
So I added $templateCache:
'use strict';
var $httpBackend;
describe('Service: AddressService', function () {
beforeEach(module('myApp'));
beforeEach(inject(function ($injector, $templateChache) {
$templateCache.put('views/home.html', '.<template-goes-here />');
var url_get = 'api/v1/models/address/5';
var response_get = {
address_line_1: '8 Austin House Netly Road',
address_line_2: 'Ilford IR2 7ND'
};
$httpBackend = $injector.get('$httpBackend');
$httpBackend.whenGET(url_get).respond(response_get);
}));
describe('AddressService get test', function () {
it('Tests get address', inject(function (AddressService) {
var address = AddressService.get({ id: '5'});
$httpBackend.flush();
expect(address.address_line_1).toEqual('8 Austin House Netly Road');
expect(address.address_line_2).toEqual('Ilford IR2 7ND');
}));
});
});
这篇关于角资源测试：$ httpBackend.flush（）导致意外的请求的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
