我有以下 Controller EditMeetingCtrl.js
(function() {
'use strict';
angular
.module('myApp')
.controller('EditMeetingCtrl', EditMeetingCtrl);
EditMeetingCtrl.$inject = ['$rootScope', '$scope', '$state', '$http', '$translate',
'meetingService', 'companyService', 'notificationService', 'meeting'];
function EditMeetingCtrl($rootScope, $scope, $state, $http, $translate, meetingService, companyService, notificationService, meeting) {
$scope.meeting = meeting;
$scope.companyId = $state.params.companyId;
$scope.save = save;
function save() {
$scope.buttonDisable = true;
meetingService.saveMeeting($state.params.companyId, $state.params.meetingId, $scope.meeting)
.success(function(meetingId) {
//more code
});
}
}
})();
EditMeetingCtrlSpec.js 测试用例
describe('in EditMeetingCtrl', function () {
var companyService , meetingService ;
meetingId = 123321 ;
companyId = 456654 ;
meetingObj = {} ;
var fakeHttpPromise = {
success: function() {}
};
beforeEach(angular.mock.module('myApp'));
beforeEach(angular.mock.inject(function (_$httpBackend_, _companyService_ , _meetingService_) {
$httpBackend = _$httpBackend_;
companyService = _companyService_;
meetingService = _meetingService_ ;
}));
describe('EditMeetingCtrl.save()', function () {
var $rootScope, scope, $controller , $q ;
beforeEach(inject(function ($rootScope, $controller , _meetingService_ ) {
scope = $rootScope.$new();
createController = function() {
return $controller('EditMeetingCtrl', {
$scope: scope,
meeting : {} ,
meetingService : _meetingService_
});
};
var controller = new createController();
}));
it("should save the meeting object", function() {
spyOn(meetingService, 'saveMeeting').and.returnValue(fakeHttpPromise);
scope.save();
expect(meetingService.saveMeeting).toHaveBeenCalledWith( meetingId , companyId , meetingObj);
});
});
});
当尝试运行以下测试案例时 EditMeetingCtrlSpec.js 我得到以下测试失败
PhantomJS 1.9.8 (Windows 8) EditMeetingCtrl Spying --> EditMeetingCtrl.save() should save the meeting FAILED
Expected spy saveMeeting to have been called with [ 123321, 456654, Object({ }) ] but actual calls were [ undef
ined, undefined, Object({ }) ].
所以理解我的这个问题的方式是,
save()
方法的服务调用包含 $state.params.companyId, $state.params.meetingId
参数,并且它在服务调用被调用时发送一个 undefined
值。因此我需要模拟 $state.params
。不知道该怎么做。谁能指出我正确的方向?在迈克尔 Radionov 回答后编辑
describe('EditMeetingCtrl.save()', function () {
var $rootScope, scope, $controller , $q , $state ;
beforeEach(inject(function ($rootScope, $controller , $state , _meetingService_ ) {
scope = $rootScope.$new();
createController = function() {
return $controller('EditMeetingCtrl', {
$scope: scope,
meeting : {} ,
meetingService : _meetingService_
});
};
var controller = new createController();
}));
it("should save the meeting", function() {
$state.params = { companyId: 123, meetingId: 567 };
spyOn(meetingService, 'saveMeeting').and.returnValue(fakeHttpPromise);
scope.save();
//expect(meetingService.saveMeeting).toHaveBeenCalledWith( meetingId , companyId , meetingObj);
});
});
我已经完成了上述操作,但是我收到以下错误,说 $state is not defined 。
Firefox 38.0.0 (Windows 8.1) In EditMeetingCtrl EditMeetingCtrl.save() should save the meeting FAILED
TypeError: $state is undefined in C:/Users/sal/Documents/myApp/test/meeting/EditMe
etingCtrlSpec.js (line 80)
我认为发生这种情况是因为我没有在注入(inject)方法中执行此操作->
$state : state
,所以我也尝试这样做但得到了相同的错误。我在这里想念什么?
最佳答案
你可以模拟整个 $state
提供者,然后在 params
中准确指定您想要的值。调用 save
之前的属性(property):
describe('in EditMeetingCtrl', function () {
// ...
beforeEach(angular.mock.module('myApp'));
beforeEach(angular.mock.module(function ($provide) {
// mock the entire $state provider
$provide.provider('$state', function () {
return {
$get: function () {
return {
// by default it will be an empty object
params: {}
};
}
};
});
}));
// ....
describe('EditMeetingCtrl.save()', function () {
// inject mocked $state - one that you've provided above
var $rootScope, scope, $controller, $q, state;
// ---------------------------------------^^^
beforeEach(inject(function ($rootScope, $controller, $state, _meetingService) {
// ------------------------------------------------^^^
state = $state;
}));
// ...
it("should save the meeting object", function() {
// provide custom params which will be used in a call
state.params = { companyId: 123, meetingId: 567 };
spyOn(meetingService, 'saveMeeting').and.returnValue(fakeHttpPromise);
scope.save();
expect(meetingService.saveMeeting).toHaveBeenCalledWith( meetingId , companyId , meetingObj);
});
});
// ...
});
关于angularjs - 如何在 Jasmine 单元测试中模拟 $state.params,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30747507/