Angularjs:使用 spyOn 模拟 location.path() 进行单元测试

Question

我已经读过这篇 post (和其他人)但我无法使这个简单的单元测试工作。我正在使用 Jasmine 的第 2 版。 我的工厂很简单:

angular.module('myApp')
    .factory('detectPath', function ($location, $rootScope) {
        'use strict';
        var locationPath = $location.path()
        function getPath () {
            if (locationPath === '/') {
                locationPath = 'home';
            } else {
                locationPath = '';
            }
            $rootScope.path = locationPath;
        }
        getPath();
        return locationPath;
    });

我的单元测试也很简单:

'use strict';
describe('Factory: detectPath', function () {
    var detectPath, $rootScope, $location;

    beforeEach(module('myApp'));
    beforeEach(inject(function (_detectPath_, _$rootScope_, _$location_) {
        detectPath = _detectPath_;
        $rootScope = _$rootScope_;
        $location = _$location_;
        spyOn($location, 'path').and.returnValue('/');
    }));

    it('should return pathName', function ($location) {
        expect($rootScope.path).toBe('home');
    });
});

这没有通过测试(我得到错误期望 false 是“家”)。

我做错了什么？ 有没有办法验证 spyOn 是否已被调用(仅一次)？

Answer 1

您的代码有两个主要问题。

首先，您的 getPath() 函数在您设置 spy 之前执行。您应该在之前的 beforeEach 中设置 spy ，或者在测试中注入(inject)您的工厂(我选择了第二种解决方案)。

第二个问题(尚未影响测试)是您使用测试的函数参数隐藏了 $location 变量 - 您将无法访问它，因为它始终未定义。删除此参数后，我可以测试是否使用 expect(...).toHaveBeenCalled() 调用了 spy .

这是一个工作代码:

describe('Factory: detectPath', function () {
    var detectPath, $rootScope, $location;

    beforeEach(module('myApp'));
    beforeEach(inject(function (_$rootScope_, _$location_) {
        $rootScope = _$rootScope_;
        $location = _$location_;
        spyOn($location, 'path').and.returnValue('/');
    }));

    it('should return pathName', function () {
        inject(function (detectPath) {
            expect($location.path).toHaveBeenCalled();
            expect($rootScope.path).toBe('home');
        });
    });
});

还有 JSFiddle (使用 Jasmine 1.3，但此示例中唯一的区别是您在 Jasmine 2 中调用 and.returnValue 而在 Jasmine 1.3 中调用 returnValue。