监视服务方法时茉莉花单元测试失败

Question

我有一个 Angular 模块，验证，声明如下：

(function(ns){
    ns.validation = angular.module("validation", []);
})(blog);

该模块包含两个服务，validator 和 validationRulesProvider，如下所示：

(function(module){
    module
    .factory("validationRulesProvider", function(){

        var _getRules = function() {
            return [{
                isValid: function(post) {
                    return post.length > 0;
                }
            }];
        };

        return {
            getRules: _getRules
        };

    });
})(blog.validation);

和

(function(module){
    module
    .factory("validator", ["validationRulesProvider", function(validationRulesProvider){

        var _validate = function(post) {
            var rules = validationRulesProvider.getRules();
            for (var rule in rules) {
                if (!rule.isValid(post)) {
                    return false;
                }
            }
            return true;
        };

        return {
            validate: _validate
        };

    }]);
})(blog.validation);

我正在尝试测试（使用 Jasmine）

validationRulesProvider 的 getRules 方法实际上是从 validate 方法调用的
post参数是运行通过从所述方法返回的每个规则

我有以下 Jasmine 测试脚本：

describe("Validator: ", function(){

var _validator;
var _mockedValidationRulesProvider;
var _mockRule;

beforeEach(function(){

    module("validation");

    inject(function(validationRulesProvider){
        _mockedValidationRulesProvider = validationRulesProvider;
    });

    _mockRule = jasmine.createSpy();

    spyOn(_mockedValidationRulesProvider, "getRules")
    .and
    .returnValue([{
        isValid: _mockRule
    }]);

    inject(function(validator){
        _validator = validator;
    });

});

describe("getRules - ", function(){

    it("gets a collection of rules from the rules provider", function(){
        _validator.validate("");
        expect(_mockedValidationRulesProvider.getRules).toHaveBeenCalled();
    });

    it("should pass the post through each rule received from the rules provider", function(){
        expect(_mockRule.calls.count()).toEqual(_mockedValidationRulesProvider.getRules().length);
    });

});

});

所以，我只是想创建一个 validationRulesProvider.getRules 的假实现。我的麻烦是这两个测试都失败了。如果我更改行：

    spyOn(_mockedValidationRulesProvider, "getRules")
    .and
    .returnValue([{
        isValid: _mockRule
    }]);

只是

    spyOn(_mockedValidationRulesProvider, "getRules")
    .and
    .returnValue([]);

然后两个测试中的第一个通过，因为永远不会进入 validator.validate 中的循环。

Karma 给出以下输出：

PhantomJS 1.9.8 (Windows 7) Validator: getRules - gets a collection of rules from the rules provider FAILED TypeError: 'undefined' is not a function (evaluating 'rule.isValid(post)') at C:/Users/User/JS/Angular/Learning/blogsite/scripts/validation/validator.js:8 at C:/Users/User/JS/Angular/Learning/blogsite/scripts/tests/validator.test.js:32 PhantomJS 1.9.8 (Windows 7) Validator: getRules - should pass the post through each rule received from the rules provider FAILED Expected 0 to equal 1. at C:/Users/User/JS/Angular/Learning/blogsite/scripts/tests/validator.test.js:37 PhantomJS 1.9.8 (Windows 7): Executed 5 of 5 (2 FAILED) (0 secs / 0.039 secs)

我有点不知道为什么测试在第一个实例中失败了，因为看起来我应该从间谍返回的是一个对象数组，其中包含一个 "isValid"函数 - 这正是从该函数的实际实现返回的内容。

我做错了什么？

Answer 1

当你想在javascript中循环数组时，你需要使用javascript基本'for loop'而不是'for-in loop'.

你的验证器工厂中的代码应该是这样的。

for (var i = 0; i < rules.length; i++) {
    var rule = rules[i];
    if (!rule.isValid(post)) {
        return false;
    }
}

监视服务方法时茉莉花单元测试失败

Jasmine unit test fails when spying on a service method

javascript

unit-testing

mocking

jasmine

angularjs