AngularJS - 如何模拟模板的控制器?

Question

我有一个模板，其中包含我想测试的行为，但它调用了一个带有我想避免的代码的控制器，我宁愿为它注入一个模拟。我该怎么做？

我正在使用Angular 1.7，Karma和Jasmine。

模板：

<div ng-controller="MyController">
<span ng-if="(a && b) || (b && !c) || (!a && d)">
{{ (b || a) + (d || c) }}
</span>
</div>

控制器：

app.controller('MyController', function($scope, MyService) {
$scope.a = (MyService.a || -MyService.d)
$scope.b = (MyService.b + MyService.c) || MyService.a
$scope.c = -MyService.c || (MyService.a + MyService.d)
$scope.d = -(MyService.a + MyService.d) - MyService.b
someOtherCode.IdontWantTo.exec()
})

describe('MyTemplate', () => {
let compile, $rootScope
beforeEach(inject(function($compile, $templateCache, _$rootScope_) {
compile = $compile($templateCache.get('MyTemplate.html'))
$rootScope = _$rootScope_
}))
it('should behave a certain way', () => {
const $scope = $rootScope.new()
const element = compile($scope)
$scope.a = 0
$scope.d = 3
$scope.$digest
expect(element.text()).toEqual('3')
})
})

Answer 1

我发现我可以使用$controllerProvider.register来覆盖控制器。

beforeEach(module('App', function($controllerProvider) {
$controllerProvider.register('MyController', function($scope) {
$scope.mocked = true
})
}))