Как выполнить тестовое условие в обещании then () Карма и Жасмин

Question

Я использую AngularJS 1.7 с Кармой и Жасмином.И я начал изучать примеры модульных тестов.

У меня есть пример метода ниже в моем контроллере

_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 (), чтобы вызвать вызов обратных вызовов обещания:

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