单元测试:在嘲笑承诺回报测试我的发射时遇到麻烦

我想看看是否在promise回调中调用了emit。

这是我正在测试的代码:

"use strict";

angular.module("app.directives")
    .directive("modalFilter", ["filterValidationService", function(filterValidationService) {
        return {
            restrict: "E",
            scope: {},
            templateUrl: "templates/components/modal-filter.html",
            link: function(scope) {
                let defaultFilter = {"size": {"to": 0, "from": 0}};

                scope.clearFilter = function() {
                    scope.filter = defaultFilter;
                };

                //New - requires unit test
                scope.updateTable = function() {
                    const tab = "availabilities";
                    const isFilter = scope.filter === defaultFilter ? false : true;

                    filterValidationService.validateSize(scope.filter.size)
                        .then(filterObj => {
                            scope.$emit("filter:cardData", filterObj, tab, isFilter);
                        });
                };

                scope.clearFilter();
            }
        };
}]);


这是我的单元测试:

    "use strict";

describe("modal filter component:", function () {
    var element;
    var scope;
    var mockData = {"size": {"to": 0, "from": 0}};
    var mockFilteredData = {"size": {"to": 900, "from": 100}};
    var filterValidationService;

    beforeEach(angular.mock.module("eg.insight.services"));
    beforeEach(angular.mock.module("eg.insight.directives"));

    beforeEach(inject(function ($compile, $injector, $q, $rootScope, filterValidationService) {
        var deferred = $q.defer();
        scope = $rootScope.$new();
        scope.filter = mockData;
        filterValidationService = filterValidationService;

        element = "<modal-filter></modal-filter>";
        element = $compile(element)(scope);

        angular.element(document.body).append(element);

        scope.$digest();
        scope = element.isolateScope();

        sinon.spy(scope, "$emit");

        sinon.stub(filterValidationService, "validateSize").returns(deferred.promise);
    }));

    it("should emit for filtered data when updateTable is called", function () {
        scope.updateTable();
        expect(scope.$emit.calledWith("filter:cardData", mockData.size, "availabilities", false)).toEqual(true);
    });
});


我正在将angular1与茉莉花单元测试和sinon一起使用。

我得到的错误是:“预期的假等于真”

最佳答案

我想可能是因为您在这里兑现了诺言

sinon.stub(filterValidationService, "validateSize").returns(deferred.promise);

但是您永远无法兑现承诺,因此永远不会调用.then()

也许将promise保留在变量中,然后在scope.UpdateTable()方法中的it()之后对其进行解析。

07-24 09:47
查看更多