gpt4 book ai didi

angularjs - 如何在 Jasmine 单元测试中模拟 $state.params

转载 作者:行者123 更新时间:2023-12-04 01:44:21 25 4
gpt4 key购买 nike

我有以下 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com