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

发布时间：2020-12-17 07:13:40 所属栏目：安全来源：网络整理

导读：在我的 angularjs 1.3应用程序中,我禁用调试信息以提高性能： $compileProvider.debugInfoEnabled(false); 但是当我用Karma启动我的Jasmine测试时,我遇到了isolateScope的错误： var isoScope = element.isolateScope(); 我知道这是完全正常的, 但我正在寻找

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

$compileProvider.debugInfoEnabled(false);

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

var isoScope = element.isolateScope();

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

解决方法

我的方法是创建一组配置文件,通过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',...

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!