角 - 材料 - 测试 - $mdSidenav

Question

我第一次在 Stack 上写一个问题；） 我在测试 $mdSidenav 时遇到问题（角材料组件。请参阅https://material.angularjs.org/）。 在我的控制器中，我有类似的东西：

$scope.toggleRight = function() {
    $mdSidenav('right').toggle();
};

我想测试一下。所以在我的测试文件中，我首先创建了这个对象的模拟：

var $mdSidenav = function(test){
        return {
            toggle: function(){
                return true;
            }
        };
    };

    beforeEach(inject(function ($controller) {
        $scope = $rootScope.$new();
        createController = function () {
            return $controller('headerCtrl', {
                '$scope': $scope,
                '$mdSidenav': $mdSidenav
            });
        };
    }));

然后我正在尝试测试它：

describe('toggleRight method', function(){
        beforeEach(function(){
            spyOn($mdSidenav('right'), 'toggle').and.callThrough();
        });

        it('Should toggleRight open/close', function(){
            $scope.toggleRight();
            expect($mdSidenav('right').toggle).toHaveBeenCalled();
        });

    });

但是 karma 将这个错误发送给我：

错误：预期是间谍，但得到了函数。

我希望有人可以帮助我;)

Answer 1

您可以尝试不同的方法，使用 $provide 和匿名模块来注入模拟。

我这里用的是sinon，不过你可以改成合适的Jasmine代码：

var spy = sinon.spy();

beforeEach(module(function ($provide) {
  $provide.value('$mdSidenav', function (v) {
    return {
      toggle: spy
    }
  });
}));

然后在测试中：

sinon.assert.calledOnce(spy);