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

Question

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

$compileProvider.debugInfoEnabled(false);

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

var isoScope = element.isolateScope();

我知道这是完全正常的，
但我正在寻找一种方法来重新激活调试以进行测试。
我可以通过编程方式完成吗？
我可以在 karma-unit.conf.js 中定义吗？

Answer 1

要在禁用 debugInfo 后调试应用程序，您应该打开控制台并直接从控制台运行此代码：

angular.reloadWithDebugInfo();

这将重新加载包含所有调试信息的页面。

Answer 2

我的方法是创建一组配置文件，通过 g运行t 或 gulp 加载特定文件，具体取决于任务或环境变量。

示例配置：

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

摘自 G运行t 文件：

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 此任务应运行在任何串联任务之前。

Answer 3

wiherek is good but it isn't necessary to use your grun/gulp to manage this. Just transform snippet from Angular documentation 对类似问题的回答

beforeEach(function() {
    module('myApp', function (_$compileProvider_) {
        _$compileProvider_.debugInfoEnabled(true);
    });
});

Answer 4

这是我的做法：

$compileProvider.debugInfoEnabled(!!window.__karma__);

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

how to activate debugInfoEnabled only for Unit tests?

jasmine

angularjs

karma-runner