单元测试AngularJS控制器,其资源使用$ routeParams

Question

注意:我在CoffeeScript中编写所有内容

我有一个控制器如下:

angular.module('myApp').controller 'MyController', ($scope, $routeParams, Batch) ->
    $scope.$on '$routeChangeSuccess', () ->
        Batch.get {batchUuid: $routeParams.batchUuid}, (response) ->
            $scope.batch_id = response.id

控制器提取Batch资源,该资源定义如下:

angular.module('myApp').factory 'Batch', ($resource) ->
    $resource '/batches/:batchUuid', {}

我有一个这样的路线如下:

$routeProvider.when('/batches/:batchUuid',
    { templateUrl: 'batches-processing.html', controller: 'MyController' })

所以:

• 您访问路线/批次/ 22
• 它使用MyController
• 它会触发$ routeChangeSuccess
• 它调用了来自路由的batchUuid的批处理资源
• 它返回一个json响应并为$ scope.batch_id分配一个id

现在我想测试这个,所以我有一个单元测试如下:

describe 'Controllers', ->
    beforeEach module 'myApp'
        describe 'MyController', ->
            scope = {}
            ctrl= {}

            beforeEach inject ($rootScope, $controller, Batch, $httpBackend) ->
                scope = $rootScope.$new()
                ctrl = $controller('MyController', ($scope: scope))
                #I imagine I need to use either my injected Batch resource or the httpBackend to fake/expect the ajax call here

            it "Gets data from the resource and assigns it to scope", () ->
                #How on earth do I test this

我见过人们使用$ httpBackend.expect('/ endpoint.json').respond({id:1})等但我不能这样做.我的资源URL依赖于路由中的batchUuid.如何模拟/伪造/实现将模拟路由更改的测试,触发$ routeChangeSuccess,将routeParameter传递给资源,获取资源并测试结果？

我正在把头发拉过来,角度的文档似乎没有覆盖它.

谢谢!

Answer 1

您可以制作一个假的routeParams并将其注入您的控制器.

我使用茉莉花的createSpy作为我的假货,但这可能有点矫枉过正.这里有一个例子在这里展示了如何创建和注入虚假routeParams.