Jasmine 测试用例错误“间谍已被调用”

Question

我正在为下面的 angular 函数编写 jasmine 测试用例，并收到测试用例失败消息“预期的间谍 [对象对象] 已被调用”。

    $scope.displayTagModelPopup = function() {
        var dialogOptions = {
            templateUrl: 'views/mytags.html',
            controller: 'TagsCtrl',
            size: 'lg',
            resolve: {
                tagsAvailable: function() {
                    return $scope.availableTags;
                }
            }
        };

        ModalDialogFactory.showDialog(dialogOptions).then(function(result) {
            $scope.selectedFields = [];
            $scope.selectedFieldIds = [];

            angular.forEach(result, function(tag) {
                $scope.selectedFields.push(tag);
                $scope.selectedFieldIds.push(tag.objectId);
            });
        });
    };

我的茉莉花测试用例

it('should call displayTagModelPopup', function() {
    var dialogOptions = {
        templateUrl: 'views/mytags.html',
        controller: 'TagsCtrl',
        size: 'lg',
        tagsAvailable: [{
            objectId: "c647abc7-f651-4df6-880d-cf9fb69cdcb0",
            dataFieldName: "author",
            shortNamePath: "$.author",
            templates: ["HaM sheet"]
        }]
    };
    var spy = jasmine.createSpy(modalDialogFactory, 'showDialog').and.callFake(function(data) {
        $scope.tags = [{
            objectId: "c647abc7-f651-4df6-880d-cf9fb69cdcb0",
            dataFieldName: "author",
            shortNamePath: "$.author",
            templates: ["HaM sheet"]
        }];
        return $scope.tags;
    });

    $scope.displayTagModelPopup();
    $scope.$digest();
    expect(spy).toHaveBeenCalled();

});

并收到以下错误“预期的间谍 [对象对象] 已被调用。错误：预期的间谍 [对象对象] 已被调用。”

我的测试用例有什么问题？我错过了什么吗？

提前致谢！！！

编辑： 改变了我的茉莉花测试用例，如下所示得到不同的消息“未定义”不是一个函数（评估“ModalDialogFactory.showDialog(dialogOptions).then”)”

尝试是否定义了 ModelDialogFactory 但 ModalDialogFactory.showDialog 方法定义成功。仅在调用方法 '$scope.displayTagModelPopup();' 时获取测试用例失败

it('should call displayTagModelPopup', function() {

    spyOn(ModalDialogFactory, 'showDialog').and.callFake(function() {
        $scope.tags = [{
            objectId: "c647abc7-f651-4df6-880d-cf9fb69cdcb0",
            dataFieldName: "author",
            shortNamePath: "$.author",
            templates: ["HaM sheet"]
        }];
        return $scope.tags;
    });
    var dialogOptions = {
        templateUrl: 'views/mytags.html',
        controller: 'TagsCtrl',
        size: 'lg',
        tagsAvailable: [{
            objectId: "c647abc7-f651-4df6-880d-cf9fb69cdcb0",
            dataFieldName: "author",
            shortNamePath: "$.author",
            templates: ["HaM sheet"]
        }]
    };
    //expect(ModalDialogFactory).toBeDefined();
    //expect(ModalDialogFactory.showDialog).toBeDefined();

    $scope.displayTagModelPopup();
    $scope.$digest();

});

Answer 1

如果您想监视现有对象的方法，您应该使用spyOnhelper ( docs )：

spyOn(modalDialogFactory, 'showDialog').and.callFake(...);

作为第一个参数，它应用一个对象，作为第二个 - 方法的名称。它用间谍对象替换现有对象的方法。

要检查是否调用了 spy，您应该将其传递给expect()：

expect(modalDialogFactory.showDialog).toHaveBeenCalled();

您使用的助手jasmine.createSpy()是创建一个“裸”间谍，它可以作为回调传递以确保它会被调用（docs）。jasmine.createSpy()只应用一个参数，即要在测试结果中显示的间谍的名称，这就是为什么没有任何间谍附加到您的对象。

更新：

您在第一个代码段中有一行：

ModalDialogFactory.showDialog(dialogOptions).then(function(result) { ... });

正如你所看到的showDialog()，后面跟着then(). 我假设 originalshowDialog()返回一些带有方法的对象then()，也许它是一个 Promise。但是在您的测试中，当您监视showDialog()方法时，callFake()您不会使用then()方法返回任何内容，因此错误指出方法未定义。Spy 完全取代了您的原始方法，并结合callFake()它重新创建了原始行为。

所以callFake()你应该返回一些模仿 Promise 的东西，例如：

spyOn(ModalDialogFactory, 'showDialog').and.callFake(function() {
    // ....
    return {
        then: function (cb) {
             cb($scope.tags);
        }
    };
});

在这里，我返回一个具有then()方法的对象，当它以一个函数作为参数被调用时，这个函数就像一个回调函数$scope.tags，它用一个值解析，这个值可以在这个回调函数中使用。