我们如何模拟我们的服务来测试控制器

How do we mock our services to test the controller?

本文关键字：我们 服务 测试 控制器 模拟 何模拟      更新时间：2023-09-26

我是angular js的新手，正在尝试测试控制器。

我有这样的服务：

angular.module('test'){
        service.getAllServices = function()
        {
            var fullPath = url
            var deferred = $q.defer()
            if(!$.isEmptyObject(service.allServices))
                deferred.resolve(service.allServices)
            else
                $http.get(fullPath)
                    .success(function(data,status,headers,config){
                        service.allServices = data
                        deferred.resolve(service.allServices)
                    })
                    .error(deferred.object)
            return deferred.promise;
        }

    })

控制器看起来是这样的：

angular.module('test')
  .controller('MainCtrl', function ($scope,$http,HttpService) {
    $scope.awesomeThings = [
        "Loading"
    ];

    $scope.loadServices = function()
    {
        HttpService.getAllServices().then(function(result){
//            console.log("Success")
            $scope.awesomeThings = result.entities
        },function(reason){
            console.log(reason)
        })
    };

我有一个这样的测试用例：

describe('Testing controller', function () {
    // load the controller's module
    beforeEach(module('test'));
    var MainCtrl,
        scope;
    // Initialize the controller and a mock scope
    beforeEach(inject(function ($controller, $rootScope,$q,HttpService) {
        scope = $rootScope.$new();
        var deferred = $q.defer();
        var response = {
            things: 'and stuff'
        }
        deferred.resolve(response);
        spyOn(HttpService, 'getAllServices').andReturn(deferred.promise);
        MainCtrl = $controller('MainCtrl', {
            $scope: scope,
            HttpService : HttpService
        });
        scope.loadServices();
    }));

    it('Controller is dummy, just gives back, what services gives back', function () {
        expect(scope.awesomeThings).toEqual({
            things: 'and stuff'
        });
    });

});

即使我正在注入deferred对象，看起来我的测试用例仍然失败，并显示以下消息：

Expected [ 'Loading' ] to equal { things : 'and stuff' }.

我哪里搞错了？

您需要调用digest来强制运行promise成功函数。你可以在测试中完成，也可以在调用loadServices后的设置中完成，比如：

scope.loadServices();
scope.$digest();

希望这能有所帮助。

相关文章：