如何在Angular 1.x中模拟嵌套指令（单元测试）

Question

嘿，我在模拟指令时遇到问题。 看下面的代码：

 <dir-one data="data">
<div ng-repeat="e in data">
  <div ng-repeat="e2 in e">
   <dir-two prop="e2.some" prop2="e2.some">  <!-- i want to mock this directive -->
   </dir-two>
 </div>
</dir-one>

我不是要模拟此模板来茉莉花并重现dir-two click事件。

我尝试了这样的事情：

var tpl = `<dir-one data="data">
<div ng-repeat="e in data">
  <div ng-repeat="e2 in e">
   <dir-two prop="e2.some" prop2="e2.some">  <!-- i want to mock this directive -->
   </dir-two>
 </div>
</dir-one>`

    var newScope = $rootScope.$new();
    newScope.DATA = // some data;

    el= angular.element(tpl);
    $compile(el)(newScope);
    $rootScope.$digest();
    catchController = el.controller('dirTwoController'); // undefined
    catchController2 = el.controller('dirOneController'); // no error, catch object

有一个问题，因为我无法使用此模拟来复制dirTwoController，只是dirOneController核心显示输出。

有解决这个问题的想法吗？

谢谢 ！

Answer 1

一种方法是使用$provide模拟指令实现。 这可以在编译父指令之前在beforeEach中完成。

beforeEach(module(function ($provide) {
    $provide.factory('dirTwoDirective', function() { 
        return {
            // Implementation of directive here
        }; 
    });
}));

请注意如何将“ 指令 ”一词添加到指令名称的末尾。