Karma单元测试'undefined'不是函数错误

时间:2015-02-21 10:57:13

标签: javascript angularjs unit-testing karma-runner

我有一个自定义指令,用于检查两个输入字段中的值是否彼此相等(重复密码),我想测试它。它工作正常但测试失败并出现此错误:

TypeError: 'undefined' is not a function (evaluating 'element.add(tween)')

该指令非常简单明了:

angular.module('fmAppApp')
.directive('valueMatch', function () {
    return {
      require: 'ngModel',
      restrict: 'A',
      link: function postLink(scope, element, attrs, ctrl) {
        var tween = '#' + attrs.valueMatch;
        element.add(tween).on('keyup', function () {
          scope.$apply(function () {
            var v = element.val() === $(tween).val();
            ctrl.$setValidity('valueMatch', v);
          });
        });
   }
 };

});

这是规范:

describe('Directive: valueMatch', function () {

  // load the directive's module
  beforeEach(module('fmAppApp'));

  var element, origElement,
    scope;

  beforeEach(inject(function ($rootScope) {
   scope = $rootScope.$new();
  }));

  it('should set change validity state of element depending on value of another element',
    inject(function ($compile) {
      origElement = $compile('<input id="orig">')(scope);
      element = $compile('<input value-match="orig" ng-model="repeat">')(scope);
      scope.$digest();
      expect(element.$valid).toBe(true);
      origElement.val('12345');
      scope.$digest();
      expect(element.$valid).toBe(false);
      element.val('12345');
      expect(element.$valid).toBe(true);
 }));
});

显然add()未定义,对吧?但为什么?

1 个答案:

答案 0 :(得分:2)

我相信在单元测试的情况下,Angular正在加载jqLit​​e而不是jQuery,它没有add函数。

使用此处描述的jqlite兼容函数之一https://code.angularjs.org/1.2.9/docs/api/angular.element

或者在你的测试中包含jQuery,在karma配置中。