カルマ角度1.5エラー：alertify.dialog：少なくとも2つのテストを実行している

Question

バージョン角度

ときに名前がすでに存在しています：1.5.0

alertify-JS：1.6.1

私は希望Angular 1.5コンポーネントで単体テストを実装するのが好きです。

私は私の依存関係をインポートし、私のkarma.conf.jsを作成しました：ここ

//jshint strict: false 
module.exports = function(config) { 
    config.set({ 

     basePath: './', 

     files: [ 
      'app/bower_components/jquery/dist/jquery.js', 
      'app/bower_components/angular/angular.js', 
      'app/bower_components/angular-ui-router/release/angular-ui-router.js', 
      'app/bower_components/angular-mocks/angular-mocks.js', 
      'app/bower_components/kendo-ui/src/js/kendo.ui.core.js', 
      'app/bower_components/kendo-ui/src/js/kendo.angular.js', 
      'app/bower_components/kendo-ui/src/js/cultures/kendo.culture.fr-FR.js', 
      'app/bower_components/alertify-js/build/alertify.js', 
      'app/bower_components/angular-resource/angular-resource.js', 
      'app/bower_components/ui-leaflet/dist/ui-leaflet.js', 
      'app/bower_components/angular-simple-logger/dist/angular-simple-logger.js', 
      'app/bower_components/lodash/lodash.js', 
      'app/bower_components/moment/moment.js', 
      'app/bower_components/moment/locale/fr.js', 
      'app/modules/app.js', 
      'app/modules/**/*.md.js', 
      'app/modules/**/*.js', 
      'test/**/*.js' 
     ], 

     autoWatch: false, 

     frameworks: ['jasmine'], 

     browsers: ['Chrome'], 

     plugins: [ 
      'karma-chrome-launcher', 
      'karma-firefox-launcher', 
      'karma-jasmine', 
      'karma-junit-reporter' 
     ], 

     singleRun: true, 

     reporters: ['dots', 'junit'], 

     junitReporter: { 
      outputFile: 'test-results.xml' 
     } 

    }); 
}; 

は、エラーファイルを再現するテストケースの最小作業exempleです。 2つのテストが必要です：

'use strict'; 

describe('Component: sales', function() { 
    var $componentController; 
    var $scope; 

    beforeEach(module('app.sales')); 
    beforeEach(inject(function (_$componentController_, $rootScope, _TownshipService_, $q) { 
     $scope = $rootScope.$new(); 
     $componentController = _$componentController_('sales', {$scope: $scope, TownshipService: _TownshipService_}); 
    })); 

    describe('controller', function() { 

     it('should be defined', function() { 
      expect($componentController).toBeDefined(); 
     }); 

     it('should not crash', function() { 

     }); 
    }); 
}); 

私は警告のためにクラッシュしています。我々がauxConfirmと呼んだWe created a new dialog following the default usage of the documentation。

(function (app) { 
    'use strict'; 

    app.run(function() { 
     alertify.dialog('auxConfirm', function() { 
      // [...] 
     }); 
    }); 
})(angular.module('app.component')); 

私たちは、次のエラーメッセージが出ます：それは、新しいカスタムダイアログを注入しようとすると、我々はカスタムダイアログの名前を確認し、例外をスローし、alertifyソースコードを調べて

Chrome 55.0.2883 (Mac OS X 10.12.2) Component: sales controller FAILED 
    Error: alertify.dialog: name already exists 
    at Object.dialog ([project_folder]/ui/app/bower_components/alertify-js/build/alertify.js:2885:27) 
     at [project_folder]/ui/app/modules/common/component/ThreeButtonsConfirm.js:5:18 
     at Object.invoke ([project_folder]/ui/app/bower_components/angular/angular.js:4604:19) 
     at [project_folder]/ui/app/bower_components/angular/angular.js:4412:62 
     at forEach ([project_folder]/ui/app/bower_components/angular/angular.js:321:20) 
     at Object.createInjector [as injector] ([project_folder]/ui/app/bower_components/angular/angular.js:4412:3) 
     at Object.workFn ([project_folder]/ui/app/bower_components/angular-mocks/angular-mocks.js:2799:52) 
Chrome 55.0.2883 (Mac OS X 10.12.2): Executed 2 of 2 (1 FAILED) (0.073 secs/0.058 secs) 

を既に存在する場合：

  /** 
      * Dialogs factory 
      * 
      * @param {string}  Dialog name. 
      * @param {Function} A Dialog factory function. 
      * @param {Boolean}  Indicates whether to create a singleton or transient dialog. 
      * @param {String}  The name of the base type to inherit from. 
      */ 
      dialog: function (name, Factory, transient, base) { 

       // get request, create a new instance and return it. 
       if (typeof Factory !== 'function') { 
        return get_dialog(name); 
       } 

       if (this.hasOwnProperty(name)) { 
        throw new Error('alertify.dialog: name already exists'); 
       } 
      } 

このエラーを防ぐために何ができますか？ afterEach()に入れることができるという警告からカスタムダイアログを削除する方法が見つかりませんでした。これを防ぐためにalertify.jsを再作成する方法はありますか？

Answer 1

解決策はauxConfirm宣言ファイルに含まれています。 alertify.dialog()が問題を解決する前に条件文を追加してください。

(function (app) { 
    'use strict'; 

    app.run(function() { 
     if (!alertify.auxConfirm) { 
      alertify.dialog('auxConfirm', function() { 
       // [...] 
      }); 
     } 
    }); 
})(angular.module('app.component'));