如何仅为单元测试激活debugInfoEnabled？

Question

在我的angularjs 1.3应用程序中,我禁用调试信息以提高性能:

$compileProvider.debugInfoEnabled(false);

但是当我用Karma启动我的Jasmine测试时,我遇到了isolateScope的错误:

var isoScope = element.isolateScope();

我知道这是完全正常的,
但我正在寻找一种方法来重新激活调试只是为了测试.
我能以编程方式完成吗？
我可以在karma-unit.conf.js中定义它吗？

Answer 1

我的方法是创建一组配置文件，根据任务或环境变量通过 grunt 或 gulp 加载特定文件。

示例配置：

// configFileLocal.js
angular.module('myapp.config')
.constant('apiUrl', 'https://myapi.com/api')
.constant('debugInfoState', true);

Gruntfile 的摘录：

copy: {
  test: {
    src: (function () {
      var filename;
      if (process.env.REMOTE_TESTS) {
        filename = './config-files/configFileTestsRemote.js';
      } else {
        filename = './config-files/configFileTestsLocal.js';
      }
      return filename;
    })(),
    dest: '<%= yeoman.app %>/scripts/root/config.js',
  },
  dev: {
    src: './config-files/configFileLocal.js',
    dest: '<%= yeoman.app %>/scripts/root/config.js',
  },
  ...

那么当然你需要将它加载到你的应用程序中，如下所示：

angular.module('myapp')
.config(function ($compileProvider, debugInfoState) {
  $compileProvider.debugInfoEnabled(debugInfoState);
});

所以 /app/scripts/root/config.js 每次都会被覆盖。在 index.html 中，加载的唯一文件是 /app/scripts/root/config.js 该任务应在任何串联任务之前运行。