具有包含 ng-model 的隔离范围的模拟和测试指令

Question

我有一个要模拟和测试的指令。该指令将 ngModel 设置为双重绑定和 transclude true

scope: {'ngModel': '=' } 

transclude: true

我要测试的规范非常简单。

$el.find('input').prop('checked', $scope.ngModel);

在我的单元测试中，我创建了一个 beforeEach 并创建了用于测试 ngModel=checked

的指令

   element = angular.element("<div *directiveName* ><div><input type=\"checkbox\" ngModel=checked /> </div></div>");

        $rootScope = $rootScope.$new();
        $compile(element)($rootScope);
        $rootScope.$digest(element);

        scope = element.isolateScope();

通常我会将范围设置为等于 element.scope()。我会在这个权利上调用 isolateScope() 方法吗？

我相信，由于我将范围设置为等于元素 isolateScope()，因此规范应该像

一样简单

        expect(scope.ngModel).to.equal('checked');

但是，scope.ngModel 是未定义的。我不确定创建指令或调用测试时缺少什么。任何方向将不胜感激。

Answer 1

您没有正确地将值传递给元素。应该是：

element = angular.element("<div *directiveName* ><div><input type=\"checkbox\" ng-model=checked /> </div></div>");

变化是 ng-model 而不是 ngModel。

我还建议在指令中为您的自定义属性使用不同的名称，因为与内置的 angular 指令混淆。