angularjs - 如何仅为单元测试激活 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此任务应在任何串联任务之前运行。