您如何模拟指令以启用更高级别指令的单元测试？

Question

在我们的应用程序中，我们有几层嵌套指令。我正在尝试为顶级指令编写一些单元测试。我嘲笑了指令本身需要的东西，但是现在我遇到了较低级别指令的错误。在针对顶级指令的单元测试中，我不想担心较低级指令中发生的事情。我只想模拟较低级别的指令，并且基本上不执行任何操作，因此我可以单独测试顶层指令。

我尝试通过执行以下操作来覆盖指令定义：

angular.module("myModule").directive("myLowerLevelDirective", function() {
    return {
        link: function(scope, element, attrs) {
            //do nothing
        }
    }
});

但是，这不会覆盖它，它只是在real指令之外运行它。如何在我对顶级指令的单元测试中阻止这些较低级别的指令执行任何操作？

Answer 1

由于指令注册的实现，似乎无法用模拟指令替换现有指令。

但是，您有几种方法可以对高层指令进行单元测试，而不会受到较低层指令的干扰：

1）不要在 单元测试模板中 使用较低级别的指令：

如果您的下级指令未由上级指令添加，则在单元测试中，请使用仅具有higer-level-directive的模板：

var html = "<div my-higher-level-directive></div>";
$compile(html)(scope);

因此，较低级别的指令不会产生干扰。

2）在指令的实现中 使用服务 ：

您可以通过服务提供较低级别的指令链接功能：

angular.module("myModule").directive("myLowerLevelDirective", function(myService) {
    return {
        link: myService.lowerLevelDirectiveLinkingFunction
    }
});

然后，您可以在单元测试中模拟此服务，以避免干扰更高级别的指令。如果需要，该服务甚至可以提供整个指令对象。

3）您可以使用 终端指令 覆盖下级 指令 ：

angular.module("myModule").directive("myLowerLevelDirective", function(myService) {
    return {
        priority: 100000,
        terminal: true,
        link: function() {
            // do nothing
        }
    }
});

使用终端选项和更高的优先级，将不会执行您真正的较低级别的指令。指令doc中的更多信息。

在此Plunker中了解其工作原理。