在查询$httpBackend后我似乎无法返回预期的结果,我不知道测试有什么问题.你能看看这个失败的最小例子吗？
链接演示
http://jsfiddle.net/paos/kTNF5/
茉莉花输出
query() Expected [ ] to equal [ { hello : 'world' } ].
码
依赖资源
<script src="https://raw.github.com/pivotal/jasmine/master/lib/jasmine-core/jasmine.js"></script> <script src="https://raw.github.com/pivotal/jasmine/master/lib/jasmine-core/jasmine-html.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular-resource.min.js"></script> <script src="http://code.angularjs.org/1.0.1/angular-mocks-1.0.1.js"></script>
测试javascript
var mod = angular.module('mod',['ngResource']);
mod.factory('Brief',function($resource) {
var Brief = $resource('http://some_test/:id');
return Brief;
});
beforeEach(function() {
module('mod');
inject(function($injector) {
resource = $injector.get('$resource');
$httpBackend = $injector.get('$httpBackend');
Brief = $injector.get('Brief');
});
});
afterEach(function() {
$httpBackend.verifyNoOutstandingExpectation();
$httpBackend.verifyNoOutstandingRequest();
});
describe("Brief",function() {
it("query()",function() {
var getRequest = 'http://some_test';
var fakeGetResponse = [{
"hello": "world"}];
$httpBackend.when('GET',getRequest).respond(fakeGetResponse);
var briefs = Brief.query();
expect(briefs).toEqual(fakeGetResponse);
$httpBackend.flush();
});
});
// KICK OFF JASmine
var jasmineEnv = jasmine.getEnv();
var trivialReporter = new jasmine.TrivialReporter();
jasmineEnv.addReporter(trivialReporter);
jasmineEnv.specFilter = function(spec) {
return trivialReporter.specFilter(spec);
};
jasmineEnv.execute();
谢谢！
你几乎就在那里,但你的测试中仍有2个问题：
>在$httpBackend被刷新之前验证了期望.它是$httpBackend.flush();模拟传入的响应
>在您的期望中,您正在比较对象实例(而不是它们的值),但AngularJS $资源将创建一个新数组,如https://stackoverflow.com/a/11966512/1418796中所述.您需要比较对象的值而不是引用.这样做的一种方法是：expect(angular.equals(briefs,fakeGetResponse)).toBeTruthy();
最后这里有一个测试传递的jsfiddle：http://jsfiddle.net/VFqFU/