在单元测试用例中模拟Angular $窗口

时间:2015-06-09 19:54:09

标签: javascript angularjs unit-testing typescript jasmine

我一直在尝试对使用Typescript编写的角度自定义服务进行单元测试。该服务读取在Window对象上定义的全局变量。我已经做出了承诺,以便将来我可以进行AJAX调用来获取这些信息。这是我的精简服务: -

export class ProxyDetectiveService {
    public static $inject = [
        $window,
        $q
    ];

    constructor(private $window:ng.IWindowService,
                private $q:ng.IQService) {
    }

    public getProxyUserObject = ():ng.IPromise<any> => {
        this.log.debug('Proxy User Service called, to get proxy user details');

        var deferred = this.$q.defer();
        var proxyDetails = this.$window.portalObject;
        deferred.resolve(proxyDetails);

        return deferred.promise;
    };

}

我的单位测试案例: -

describe('Proxy Detective Service - Unit Test Cases', () => {
    var proxyDetectiveService:any,
        $window:ng.IWindowService;

    beforeEach(() => {
        module('myApp');
    });

    beforeEach(inject(($injector:ng.auto.IInjectorService, _$window_) => {
        proxyDetectiveService = $injector.get('ProxyDetectiveService');
        _$window_ = {
            portalObject: {
                proxyUserDetails: {
                    firstName: 'testFN',
                    lastName: 'testLN'
                }
            }
        };
    }));

    it('should have proxy object defined', function () {
        var promise = proxyDetectiveService.getProxyUserObject();
        promise.then(function (response) {
            expect(response).toBeDefined();
        }).catch(function (response) {
            expect(response).toBeUndefined();
        });
    });
});

以下是我的问题: -

  1. 我的测试用例被执行了,但是我没有在服务中看到模拟的窗口对象?

  2. 我的承诺then或catch子句永远不会被执行?

  3. 我有更好的方法来实施我的服务吗?我的目的是返回一个承诺,将来我可以使用AJAX调用。

1 个答案:

答案 0 :(得分:5)

您需要使用$provide在单元测试中提供模拟值:

beforeEach(() => {
    module('myApp', ($provide) => {
      $provide.value('$window', myMockedWindowObject)
    });
});

您还需要致电$rootScope.$apply()以在单元测试中转发承诺。