angularjs - 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
    })
}))