Question

我的问题：在Karma中，我在测试实际服务时嘲笑注入的服务。模拟的服务获取一些数据，并发回一个承诺。我无法弄清楚我做错了什么。

我知道实际的“登录”机制存在许多问题，但我用它来说明这个问题。我不打算将它用作生产代码。（但是，欢迎提出更好地说明问题的任何建议！）

首先，我在一个通用的.js文件中写了这个，并说“node testcode.js”

testcode.js ：

function Login(name,password,callback){
    setTimeout(function(){
        var response;
        var promise = getByUserName();
        promise.then(successCb);

        function successCb(userObj){
            if ( userObj != null && userObj.password === password ) {
                response = { success : true };
            } else {
                response = { success: false, message: 'Username or password is incorrect' };
            }
            callback(response);
        };
    },200);
}

function getByUserName(){
    return Promise.resolve(user);
}

var user = {
    username : 'test',
    id : 'testId',
    password : 'test'
};

var test = undefined;
Login(user.username,user.password,testCb);

function testCb(response){
    test = response;
    console.log("Final: " + JSON.stringify(test));
}

这给了我预期的结果：

Final: {"success":true}

现在，我尝试在Karma中重复这个......

TestService的：

(function(){
    "use strict";

    angular.module('TestModule').service('TestService',TestService);
    TestService.$inject = ['$http','$cookieStore','$rootScope','$timeout','RealService'];
})();

    function TestService($http,$cookieStore,$rootScope,$timeout,RealService){
        var service = {};
        service.Login = Login;
        /* more stuff */
        return service;

        function Login(username,password,callback){
            $timeout(function () {
                var response;
                var promise = UserService.GetByUsername(username);
                promise.then(successCb);

                function successCb(user){
                    if (user !== null && user.password === password) {
                        response = { success: true };
                    } else {
                        response = { success: false, message: 'Username or password is incorrect' };
                    }
                    callback(response);
                };
            }, 1000);
        }
    }

我的 Karma-Jasmine测试：

describe('TestModule',function(){
    beforeEach(module('TestModule'));

    describe('TestService',function(){

        var service,$rootScope,
        user = {
            username : 'test',
            id : 'testId',
            password : 'test'
        };

        function MockService() {
            return {
                GetByUsername : function() {
                    return Promise.resolve(user);
                }
            };
        };

        beforeEach(function(){
            module(function($provide){
                $provide.service('RealService',MockService);
            });

            inject(['$rootScope','TestService',
                function($rs,ts){
                    $rootScope = $rs;
                    service = ts;
                }]);
        });

        /**
         * ERROR: To the best of my knowledge, this should not pass
         */
        it('should Login',function(){
            expect(service).toBeDefined();

            var answer = {"success":true};
            service.Login(user.username,user.password,testCb);

            //$rootScope.$apply(); <-- DID NOTHING -->
            //$rootScope.$digest(); <-- DID NOTHING -->

            function testCb(response){
                console.log("I'm never called");
                expect(response.success).toBe(false);
                expect(true).toBe(false);
            };
        });
    });

});

为什么承诺没有得到解决？我已经尝试使用$ rootScope。$ digest（）基于我在SO上阅读的类似问题，但似乎没有任何东西可以调用 testCb 。

Answer 1

有人让我知道我是否可以提供＆＃39; estus＆＃39;这个答案的功劳。

神奇的是$ timeout angular mock服务： https://docs.angularjs.org/api/ngMock/service/ $超时

和$ q服务： https://docs.angularjs.org/api/ng/service/ $ Q

我更新了两件事。首先，我的MockUserService使用$ q.defer而不是本机promise。作为＆＃39; estus＆＃39;陈述，$ q承诺是同步的，这在业力 - 茉莉花测试中很重要。

XmlFactory

我做的下一次更新是使用$ timeout服务：

    function MockUserService(){
        return {
            GetByUsername : function(unusedVariable){
                //The infamous Deferred antipattern:
                //var defer = $q.defer();
                //defer.resolve(user);
                //return defer.promise;
                return $q.resolve(user);
            }
        };
    };

最后，因为我在测试中使用$ q和$ timeout，我必须在beforeEach中更新我的注入方法：

    it('should Login',function(){
        expect(service).toBeDefined();

        service.Login(user.username,user.password,testCb);
        $timeout.flush(); <-- NEW, forces the $timeout in TestService to execute -->
        $timeout.verifyNoPendingTasks(); <-- NEW -->

        function testCb(response) {
            expect(response.success).toBe(true);
        };
    });

承诺在经过测试的服务中使用模拟服务解决

1 个答案: