无法让茉莉花测试成功调用注入的服务
Cannot get jasmine test to succeed calling injected service
我试图用Angular进行单元测试,但我遇到了一些障碍。 在尝试为此问题创建 plnkr 时:茉莉花测试失败$httpbackend调用我遇到了不同的错误。 我希望如果有人能帮助弄清楚这个 plunkr,这将有助于解决最初的问题:http://plnkr.co/edit/lJTx0ldR9nEnlYbU5pJd
(function(){'use strict';
var RestService = function($http, $rootScope){
var _postData = function(url, params, data, successFunction, errorMsg, errorFunction, config) {
if(config && config.hasOwnProperty('showLoader')){
$rootScope.showLoader = config.showLoader;
}
$http({
method: 'POST',
url: url,
params: params,
data: data,
cache: false
})
.success(function(data, status, headers, config) {
$rootScope.showLoader = false;
if (successFunction === undefined) {
_defaultSuccessFunction(data, status, headers, config);
}
else {
successFunction(data, status, headers, config);
}
})
.error(function (data, status, headers, config) {
$rootScope.showLoader = false;
if(status === 401){
_processError(data, status, headers, config, errorMsg, errorFunction);
}
});
};
return {
postData: _postData
};
};
angular.module('ram-utilities.ui.rest.service', []).factory('RestService', ['$http', '$rootScope', RestService]);
})();
(function(){ 'use strict';
var LoginController = function($scope, RestService){
var _user = undefined;
var _message = 'hello';
var _login = function(user){
var _success = function(response){
_message = response.success;
_user = response.user;
};
var _error = function(response){
_message = response.success;
};
RestService.postData('/api/login', null, {username: user.username, password: user.password}, _success, 'Invalid login, please try again', _error, {showLoader: true});
};
$scope.model = {
login: _login,
user: _user,
message: _message
};
};
angular.module('danny',['ram-utilities.ui.rest.service']).controller('LoginController',['$scope', 'RestService',LoginController]);
})();
describe('LoginController', function(){
var scope, $httpBackend, controller, restService;
beforeEach(function(){
module('danny');
});
beforeEach(inject(function(_$controller_, _$rootScope_, _$httpBackend_, _RestService_){
$httpBackend = _$httpBackend_;
restService = _RestService_;
scope = _$rootScope_.$new();
controller = _$controller_('LoginController', {
$scope: scope,
RestService: restService
});
}));
afterEach(function() {
$httpBackend.verifyNoOutstandingExpectation();
$httpBackend.verifyNoOutstandingRequest();
});
describe('successfully logging in', function(){
it('should redirect to /blog when authenticated', function(){
var user = {"username":"danny@ravenartmedia.com", "password":"test"};
expect(user.username).toEqual('danny@ravenartmedia.com');
$httpBackend.expectPOST('/api/login', user).response(200, {});
scope.model.login(user);
$httpBackend.flush();
expect(scope.model.user).not.toBe(undefined);
});
});
});
(function() {
var jasmineEnv = jasmine.getEnv();
jasmineEnv.updateInterval = 250;
/**
Create the `HTMLReporter`, which Jasmine calls to provide results of each spec and each suite. The Reporter is responsible for presenting results to the user.
*/
var htmlReporter = new jasmine.HtmlReporter();
jasmineEnv.addReporter(htmlReporter);
/**
Delegate filtering of specs to the reporter. Allows for clicking on single suites or specs in the results to only run a subset of the suite.
*/
jasmineEnv.specFilter = function(spec) {
return htmlReporter.specFilter(spec);
};
/**
Run all of the tests when the page finishes loading - and make sure to run any previous `onload` handler
### Test Results
Scroll down to see the results of all of these specs.
*/
var currentWindowOnload = window.onload;
window.onload = function() {
if (currentWindowOnload) {
currentWindowOnload();
}
//document.querySelector('.version').innerHTML = jasmineEnv.versionString();
execJasmine();
};
function execJasmine() {
jasmineEnv.execute();
}
})();
谢谢!!!
有几件事:
-
在
$httpBackend.expectPOST
中使用respond
而不是response
-
data
参数隐藏在处理程序$http.success
- 将其重命名为postData
.同时将预期对象传递给成功回调。
var _postData = function(url, params, data, successFunction /* ... */) {
//...
$http( {
method: 'POST',
url: url,
params: params,
data: data,
cache: false
} )
.success( function ( postData, status, headers, config ) {
// ...
successFunction({
success: true,
user: data
}, status, headers, config);
} );
//...
}
LoginController
返回只能通过显式引用(如$scope.model.user = response.user;
)更改的对象 - 简单地调用_user = response.user
不会更改$scope.model.user
,除非您将_user
包装在闭包中。工作普伦克
相关文章:
- 将方法从控制器注入到未使用右变量调用的指令
- 在远程数据源调用之前,将筛选器注入数据源
- 当从Chrome扩展动态注入JS时,从onload()内部调用方法
- 如何从指令的控制器调用依赖注入服务的嵌套方法
- 如何从注入的脚本中调用函数
- 将注入的按钮从内容脚本调用到后台.js
- Android webview:向复选框的onclick事件注入函数调用
- 无法让茉莉花测试成功调用注入的服务
- 是否可以将javascript注入使用ajax调用后加载的dom
- 如何注入javascript函数并在以后使用gecofx调用它
- 委托事件'的处理程序未在动态注入的HTML上调用
- 在调用之间注入函数
- 获取调用注入脚本的选项卡的url
- Angular注入器自调用函数语法错误
- Angular 2 JSONP注入脚本没有调用回调错误
- Angular ui-grid:在每个数据单元渲染时调用数据网格头部注入的方法
- 如何从文本区注入JavaScript函数及其调用
- AngularJS + NodeJS -调用注入服务时出错
- 在jquery ajax调用中注入JSON字符串中的回调函数
- Android javascript注入,我如何调用这个函数$(document).ready(function(){…