背景: 我正在为 angular js 控制器编写单元测试,它利用包装在服务中的 angular $resources(出于可维护性目的)。
示例控制器:
name = 'app.controllers.UsersIndexCtrl'
angular.module(name, [])
.controller(name, [
'$scope'
'$location'
'$dialog'
'Users'
'UserRoles'
($scope, $location, $dialog, Users, UserRoles) ->
# Get users list
$scope.users = Users.query()
# rest...
])
资源服务示例:
angular.module('app.services.Users', [])
.factory 'Users', ['$rootScope', '$http', '$resource', '$location' , ($rootScope, $http, $resource, $location)->
baseUrl = '/users'
Users = $resource baseUrl + '/:userId', {userId: '@_id'}
Users.getStatus = ->
console.log 'User::getStatus()'
req = $http.get baseUrl + '/status'
req.success (res)->
$rootScope.globalUserAccountSettings = res
unless $rootScope.$$phase then $rootScope.$apply()
# other, custom methods go here...
])
Angular 中的大多数单元测试示例都建议使用 $httpBackend,从而在控制器中模拟 $http 服务。老实说,我怀疑这是否是一种好习惯,因为如果这样做,我必须在所有控制器测试中对请求路径进行硬编码,并且我想隔离单元行为。$httpBackend mock 非常棒,但前提是您直接在控制器中使用 $resource。
使用 $httpBackend 的典型单个测试如下所示:
it 'should be able to add a new empty user profile', ->
$httpBackend.flush()
l = $scope.users.length
$httpBackend.expect('POST', '/users').respond _.cloneDeep mockResponseOK[0]
$scope.add()
$httpBackend.flush()
expect($scope.users.length).toEqual l + 1
如果我创建了一个模拟用户资源类实例,例如:
angular.module('app.services.Users', [])
.factory 'Users', ->
class Users
$save:(cb)->
$remove:->
@query:->
@get:->
Angular DI机制将以透明的方式覆盖旧的“app.services.Users”模块,并使我能够使用 jasmine 间谍运行检查。
困扰我的是我无法找到一个支持我的想法的例子。所以问题是,你会使用哪一个,为什么或我做错了什么?