如何在承诺中单元测试条件，然后()业力和茉莉花

Question

我正在使用AngularJS 1.7和Karma和Jasmine。我已经开始学习单元测试用例。

我的控制器中有一个示例方法

_this.method = function () {
    Service.getData().then(function (response) {
        if (response.productId === "ClientAPI") {
            // Some code
        }
        else {
            // Some Code
        }
    }, function (error) {
        _this.inProgress = false;
        if (error.status === 400) {
            // Some Code
        } else {
            // Some Code
        }
    })
}

以下是我的测试用例：

describe('Some Route :: Controller => ', function () {
    var $componentController;
    var Service;
    beforeEach(module('app'));
    beforeEach(inject(function (_$componentController_, _Service_) {
        Service = _Service_;
        spyOn(Service, 'getData').and.callFake(function() {
            var deferred = $q.defer();
            var response = {};
            response.productId = "ClientAPI";
            deferred.resolve(result);
            return deferred.promise;
        });
        ctrl = $componentController('controllerName', { Service: Service });
    }));
    it('Ctrl Method : should true', function () {
        ctrl.method();
        expect(Service.getData).toHaveBeenCalled();
        Service.getData().then(function (response) {
            expect(response.productId).toBe("ClientAPI")
        })
    });
});

但是我的分支覆盖范围没有显示这种情况if (response.productId === "ClientAPI") {

不确定我在承诺中测试时做错了什么。

Answer 1

你需要调用 $scope.$apply（） 来触发 promise 回调的调用：

beforeEach(inject(function (_$componentController_, _Service_) {
    Service = _Service_;
    spyOn(Service, 'getData').and.returnValue($q.resolve({ productId: 'ClientAPI' }));
    ctrl = $componentController('controllerName', { Service: Service });
}));
it('Ctrl Method : should true', inject(function($rootScope) {
    ctrl.method();
    expect(Service.getData).toHaveBeenCalled();
    $rootScope.$apply();
    // now test that the ctrl state has been changed as expected.
    // testing that the service has returned ClientAPI is completely useless:
    // the service is a mock, and you have told the mock to return that
    // this should test the component, based on what you've told the service
    // to return. It's not supposed to test the mock service.
    // testing what the service returns tests jasmine, not your code.
});