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

时间:2018-09-11 16:38:15

标签: angularjs ngmock

我有一个模板,该模板具有要测试的行为,但是它使用我要避免的代码来调用控制器,因此我希望为其注入一个模拟。我该怎么办?

我正在使用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')
    })

})

1 个答案:

答案 0 :(得分:0)

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

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