javascript - 单元测试 Angular/ ionic 项目

Question

我有一个非常简单的 Controller ，看起来像这样。

timeInOut.controller('timeInOutController', function($scope, $filter, $ionicScrollDelegate){

    ... 

});

每当我尝试为它创建一个单元测试时......

(function() {
'use strict';

    var scope, controller, filter;

    describe('timeInOutController', function () {

        beforeEach(module('common.directives.kmDateToday'));

        beforeEach(inject(function ($rootScope, $controller, $filter) {
            scope = $rootScope.$new();
            filter = $filter;
            controller = $controller('timeInOutController', {
                $scope: scope
            });
        }));

        describe('#date setting', function(){

            ...

        });
    });
})();

我得到错误:

[$injector:unpr] Unknown provider: $ionicScrollDelegateProvider <- $ionicScrollDelegate

显然，在我的示例中，我并没有尝试将 $ionicScrollDelegate 注入(inject)到测试中，那只是因为我已经尝试了多种方法但没有成功，并且不知道是哪种方法尝试包含失败。

同样在我的 karma.conf.js 文件中，我包含了 ionic.bundle.js 和 angular-mocks.js 库/文件。

我可以成功地对其中不使用任何 $ionic 的任何内容进行单元测试，因此我知道我的测试框架设置正确，问题在于注入(inject)任何与 ionic 相关的内容。

Answer 1

如果您要通过 Angular 实例化您的 Controller ，则需要传入所有参数。通过添加参数，您可以告诉 Angular，每当您创建这些 Controller 之一时，我也需要这些东西，因为我依赖它们。

所以我的建议是模拟这些依赖关系的一些表示，并在创建 Controller 时将它们注入(inject)。它们不一定是(也不应该是)单元测试的实际服务。 Jasmine 使您能够创建可以注入(inject)的 spy 对象，这样您就可以验证该单元的行为。

(function() {
'use strict';

    var scope, controller, filter, ionicScrollDelegate;

    describe('timeInOutController', function () {

        beforeEach(module('common.directives.kmDateToday'));

        beforeEach(inject(function ($rootScope, $controller, $filter) {
            scope = $rootScope.$new();
            filter = $filter;

            // func1 and func2 are functions that will be created as spies on ionicScrollDelegate
            ionicScrollDelegate = jasmine.createSpyObj('ionicScrollDelegate', ['func1', 'func2']
            controller = $controller('timeInOutController', {
                $scope: scope,
                $filter: filter,
                $ionicScrollDelegate: ionicScrollDelegate
            });
        }));

        describe('#date setting', function(){

            ...

        });
    });
})();

您可以通过 jasmine's documentation 找到更多关于 spy 的信息