单元测试:在模拟promise返回来测试我的emit时遇到困难

Unit test: Having trouble mocking a promise return to test my emit

本文关键字:emit 我的 遇到 测试 回来 模拟 promise 返回 单元测试      更新时间:2023-09-26

单元测试:在mock promise return来测试emit

时遇到问题

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

这是我正在测试的代码:

"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);
    });
});

我使用的是带有jasmine单元测试和sinon的angular。

我得到的错误是:"Expected false to equal true"

我想可能是因为这里你返回了一个promise

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

但是你从来没有解决承诺,所以.then()从来没有被调用。

可以在变量中保留承诺,并在it()方法的scope.UpdateTable()之后解决它