javascript - 如何将 $rootScope 注入 AngularJS 单元测试？

Question

假设我有一个依赖于 $rootScope 中的值的服务，如以下（微不足道的）服务：

angular.module('myServices', [])
.factory('rootValGetterService', function($rootScope) {
    return {
        getVal: function () {
            return $rootScope.specialValue;
        }
    };
});

如果我想通过在 $rootScope 中输入一个值来对此进行单元测试，那么最好的方法是什么？

Answer 1

...
var $rootScope;
beforeEach(inject(function(_$rootScope_) {
  $rootScope = _$rootScope_;
}));
...

Answer 2

通过使用 provide()，你可以注入一个新的 $rootScope：

describe('in rootValGetter', inject(function ($rootScope) {
    var scope;
    var testRootValGetter;

    beforeEach(function () {

        scope = $rootScope.$new();

        module(function ($provide) {
            $provide.value('$rootScope', scope);
        });

        inject(function ($injector) {
            testRootValGetterService = $injector.get('rootValGetterService');
        });
    });

    it('getVal returns the value from $rootScope', function() {
        var value = 12345;

        scope.specialValue = value;

        expect(testRootValGetterService.getVal()).toBe(value);
    }
}

Answer 3

包括angular-mocks.js，然后使用angular.mock.inject：

Answer 4

如果您正在注入$scope，您可以直接模拟您需要的属性，而不是创建一个新的范围$rootScope。

然后$rootScope将注入您正在测试的代码中可用的那些属性。

至少这是我解决同样问题的方法。

以下代码应该适用于您的示例。

beforeEach(inject(function($rootScope) {
    $rootScope.specialValue = 'whatever';
}));

Answer 5

试着给出一个更详细的答案，包括测试用例：

...

var $rootScope;
beforeEach(inject(function(_$rootScope_) {
  $rootScope = _$rootScope_;
}));

...

  it('getVal returns the value from $rootScope', function() {
        var value = 12345;
        $rootScope.specialValue = value;
        expect(testRootValGetterService.getVal()).toBe(value);
    }

Answer 6

这是我所做的：

it('some kind of wacky test', function($rootScope, Translate){
    $rootScope.lang = 'en';
    expect(Translate('overview').toBe('Overview');
}

Answer 7

希望这对其他人有所帮助，因为这是解决类似问题的方法。

var rootValGetterService;

beforeEach(inject(function($rootScope,$injector) {
    $rootScope.specialValue = "test";
    rootValGetterService= $injector.get('rootValGetterService');
}));

it("Should have a service", function () {
    expect(rootValGetterService).toBeDefined();
});