我有一个模板,该模板具有要测试的行为,但是它使用我要避免的代码来调用控制器,因此我希望为其注入一个模拟。我该怎么办?
我正在使用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')
})
})
答案 0 :(得分:0)
我发现我可以使用$controllerProvider.register
覆盖控制器。
beforeEach(module('App', function($controllerProvider) {
$controllerProvider.register('MyController', function($scope) {
$scope.mocked = true
})
}))