在单元测试中模拟 Angular 1.5 组件

Question

我有一个基本的 angular 1.5 组件，如下所示：

angular
  .module('app')
  .component('techs', {
    templateUrl: 'app/techs/techs.html',
    controller: TechsController
  });

我想只模拟这个组件而不是整个应用程序，因为angular.mock.module('app') 模拟了应用程序的每个组件。有办法吗？
我试过angular.mock.module('techs')，但出现了这个错误：

Failed to instantiate module techs due to:
Module 'techs' is not available! You either misspelled the module name or forgot to load it

Answer 1

你应该通过 $componentController 注入组件。

Forex: component = $componentController('Component', {yourscope}, {yourbindings});

Answer 2

我发现在我的角度模块定义中至少有 1 或 2 层嵌套有助于测试它们。例如，您可以这样做：

angular.module('app.ui')
    .component('techs', {
        templateUrl: 'app/techs/techs.html',
        controller: TechsController
    });

这样您就不必担心全局命名空间污染和您担心的潜在窃听。

虽然，我意识到这并不能真正直接回答您的问题。回到你的例子：

    angular.module('app')
        .component('techs', {
            templateUrl: 'app/techs/techs.html',
            controller: TechsController
         });

如果你是真正的单元测试，那么理论上 - 你只会加载这个文件本身（而不是