模拟Angular bootstrap-ui指令进行单元测试

Question

我正在尝试编写单元测试，以确保指令正常工作。

该指令的模板包括Angular bootstrap datepicker ，因此我希望能够对此进行模拟。

这个问题说，我应该能够通过使用$compileProvider创建具有相同名称的新指令并将高priority和terminal为true来模拟指令：

beforeEach(function() {
  inject([
    '$compileProvider',
    function($compileProvider) {
      $compileProvider.directive('datePickerOptions', {
        priority: 100,
        terminal: true,
        template: ''
      });

    $compileProvider.directive('datePickerPopup', {
      priority: 100,
     template: ''
    });
  }]);
});

它还说，您可以像这样通过覆盖它们的工厂函数来模拟指令：

beforeEach(module(function($provide) {
  $provide.factory('datePickerOptionsDirective', function() {
      return {};
  });
  $provide.factory('datePickerPopupDirective', function() {
      return {};
  });
}));

这些方法都不适合我。 我正在使用Karma单元测试。 有什么想法吗？

Answer 1

这是我的错误。 Datepicker代码将其指令列为datepicker ， datepickerPopup和datepickerOptions 。 该错误是大写问题。