unit-testing - 测试使用模板的指令

Question

如何对使用 templateUrl 加载模板的指令进行单元测试？

由于 $httpBackend 是一个模拟，它也不会加载模板。
我希望能够使用类似的东西

$httpBackend.whenGET(/^\/views\//).passThrough();

让它真正得到模板，但我还没有弄清楚如何正确地做到这一点。

我想我对如何对指令进行单元测试有些困惑。
免责声明:我没有测试经验，也没有使用 jasmine 或 testacular 的经验。

任何帮助表示赞赏。

Answer 1

IMO 测试依赖于模板的指令的最简单方法(由 templateUrl 引用)是将这些模板放入 $templateCache预先。通常这是由构建过程完成的。

更详细地说:每个模板标记都转换为 JavaScript 代码并放入 $templateCache .此外，还会生成一个 AngularJS 模块(模块的名称是模板的路径)。

通过应用这种技术，我们只需要处理 JavaScript 文件，我们不需要模拟任何 HTTP 调用。缺点是您需要额外的构建步骤。

我相信最初这种技术是由 Vojta Jina 的优秀存储库推广的:https://github.com/vojtajina/ng-directive-testing在哪里可以看到模板准备here和实际测试引用一个带有模板预加载的模块here .