Question

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

$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 应该在任何连接任务之前运行此任务。

Answer 2

来自wiherek的答案很好但是没有必要使用你的grun / gulp来管理它。只需将代码段从Angular documentation转换为类似

的代码段

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

Answer 3

这是我的方法：

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

Answer 4

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

angular.reloadWithDebugInfo();

这将使用所有调试信息重新加载您的页面。

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

4 个答案: