7

我在 Angular 中有一个装饰器，它将扩展 $log 服务的功能，我想对其进行测试，但我看不到这样做的方法。这是我的装饰器的存根：

angular.module('myApp')
  .config(function ($provide) {

    $provide.decorator('$log', ['$delegate', function($delegate) {
      var _debug = $delegate.debug;
      $delegate.debug = function() {
        var args = [].slice.call(arguments);

        // Do some custom stuff

        window.console.info('inside delegated method!');
        _debug.apply(null, args);
      };
      return $delegate
    }]);

  });

请注意，这基本上会覆盖该$log.debug()方法，然后在执行一些自定义操作后调用它。在我的应用程序中，这有效，我'inside delegated method!'在控制台中看到了消息。但在我的测试中，我没有得到那个输出。

如何测试我的装饰器功能？
具体来说，我怎样才能注入我的装饰器，使它真正装饰我的$log模拟实现（见下文）？

这是我目前的测试（mocha/chai，但这并不真正相关）：

describe('Log Decorator', function () {
  var MockNativeLog;
  beforeEach(function() {
    MockNativeLog = {
      debug: chai.spy(function() { window.console.log("\nmock debug call\n"); })
    };
  });

  beforeEach(angular.mock.module('myApp'));

  beforeEach(function() {
    angular.mock.module(function ($provide) {
      $provide.value('$log', MockNativeLog);
    });
  });

  describe('The logger', function() {
    it('should go through the delegate', inject(function($log) {
      // this calls my mock (above), but NOT the $log decorator
      // how do I get the decorator to delegate the $log module??
      $log.debug();
      MockNativeLog.debug.should.have.been.called(1);
    }));
  });
});
4

1 回答 1

6

从附加的 plunk ( http://j.mp/1p8AcLT ) 来看，初始版本是 @jakerella 提供的（大部分）未改动的代码（对语法的细微调整）。我尝试使用可以从原始帖子中获得的相同依赖项。注意tests.js:12-14：

angular.mock.module(function ($provide) {
    $provide.value('$log', MockNativeLog);
});

$log正如您可能期望的那样，这完全覆盖了本机服务，并MockNativeLog在测试开始时提供了实现，因为angular.mock.module(fn)它充当模拟模块的配置函数。由于配置函数以 FIFO 顺序执行，因此该函数破坏了装饰$log服务。

一种解决方案是在该配置函数中重新应用装饰器，正如您从 plunk 的版本 2 中看到的那样（永久链接会很好，Plunker）tests.js:12-18，：

angular.mock.module('myApp', function ($injector, $provide) {
    // This replaces the native $log service with MockNativeLog...
    $provide.value('$log', MockNativeLog);
    // This decorates MockNativeLog, which _replaces_ MockNativeLog.debug...
    $provide.decorator('$log', logDecorator);
});

然而，这还不够。@jakerella 定义的装饰器替换了服务的debug方法$log，导致后面的调用MockNativeLog.debug.should.be.called(1)失败。该方法MockNativeLog.debug不再是由 提供的间谍chai.spy，因此匹配器将不起作用。

相反，请注意我在以下位置创建了一个额外的间谍tests.js:2-8：

var MockNativeLog, MockDebug;

beforeEach(function () {
    MockNativeLog = {
        debug: MockDebug = chai.spy(function () {
            window.console.log("\nmock debug call\n");
        })
    };
});

该代码可能更易于阅读：

MockDebug = chai.spy(function () {
    window.console.log("\nmock debug call\n");
});

MockNativeLog = {
    debug: MockDebug
};

这仍然不能代表一个好的测试结果，只是一个健全的检查。在把你的头撞在“为什么这不起作用”的问题上几个小时之后，这是一种解脱。

请注意，我另外将装饰器函数重构到全局范围内，这样我就可以在tests.js无需重新定义它的情况下使用它。最好用 重构为适当的服务$provider.value()，但该任务已留给学生作为练习......或者比我不那么懒惰的人。:D

于 2014-03-18T20:48:05.063 回答