间谍服务在spyOn时变为未定义

Question

我有一个Angular 1.6.6应用程序，我正在测试Karma和Jasmine。

给出来自控制器的代码：

    $scope.undo = function () {
        return $scope.isUndoDisabled() || $scope.undoAction();
    };

    $scope.isUndoDisabled = function () {
        return HistoryService.isUndoDisabled();
    };

我一直在用以下规范测试它：

it('undoAction should not be called with default settings', function () {
        var $scope = {};
        var controller = $controller('PaintController', { $scope: $scope });

        spyOn($scope, 'undoAction');
        //spyOn(HistoryService, 'isUndoDisabled');

        $scope.undo();
        expect($scope.undoAction).not.toHaveBeenCalled();
    });

并且正在通过测试，但是当我取消注释HistoryService的spyOn时，来自HistoryService.isUndoDisabled()的调用$scope.isUndoDisabled返回undefined，然后测试失败，因为：

预期的间谍undoAction没有被调用。

关于发生了什么的任何想法????似乎spyOn正在影响代码？

Answer 1

spyOn(...)是spyOn(...).and.stub()的捷径，而不是spyOn(...).and.callThrough()。当以这种方式进行间谍活动时，HistoryService.isUndoDisabled()将返回undefined。

测试设备的正确方法是将其与其他设备隔离。由于它是经过测试的控制器，因此应该对服务进行模拟或存根：

spyOn(HistoryService, 'isUndoDisabled').and.returnValue(true);

然后在另一个测试中：

spyOn(HistoryService, 'isUndoDisabled').and.returnValue(false);

Answer 2

我想如果你想从HistoryService调用isUndoDisabled（），函数$ scope.isUndoDisabled应该是

 $scope.isUndoDisabled = function () {
    HistoryService.isUndoDisabled();
};

身体不应该有回归