AngularJS測試及部件

Question

有人可以幫我這個問題：

角項目：

gui_service /客戶/ src目錄/ JS/remoteGuiApp.js：

angular.module('remoteGuiApp', ['ui.bootstrap', 'ngRoute', 'ngSanitize', 'ngResource']) 

gui_service/client/src/modules/login/login.js

angular.module('remoteGuiApp') 
.component('login', { 
    controller: function() { 
     this.login = ''; 
     this.password = ''; 
     this.showError = false; 
    }, 
    templateUrl: '/src/modules/login/login.html' 
}); 

此外，我還爲此組件提供了'/src/modules/login/login.html'模板。

gui_service /客戶/測試/ karma.conf

module.exports = function (config) { 
    'use strict'; 
    config.set({ 

     basePath: '', 

     frameworks: ['mocha', 'chai'], 

     files: [ 
      '../src/vendor/js/angular.min.js', 
      '../src/vendor/js/angular-mocks.js', 
      '../src/vendor/js/angular-route.min.js', 
      '../src/vendor/js/angular-resource.min.js', 
      '../src/vendor/js/angular-sanitize.min.js', 
      '../src/vendor/js/angular-cookies.min.js', 

      //Library Files 
      '../src/vendor/js/jquery-2.2.4.min.js', 
      '../src/vendor/js/moment.js', 
      '../src/vendor/js/bootstrap.min.js', 
      '../src/vendor/js/ui-bootstrap.js', 

      '../src/js/remoteGuiApp.js', 
      '../src/js/Authentication.js', 
      '../src/modules/login/login.js', 

      //tests 
      '*.js', 
      //templates 
      '../src/modules/**/*.html' 
     ], 

     // generate js files from html templates 
     preprocessors: { 
      '../src/modules/**/*.html': ['ng-html2js'] 
     }, 

     ngHtml2JsPreprocessor: { 
      // strip this from the file path 
      stripPrefix: 'client/' 
     }, 

     reporters: ['mocha'], 

     port: 9876, 
     colors: true, 
     autoWatch: true, 
     singleRun: false, 

     // level of logging 
     logLevel: config.LOG_INFO, 

     browsers: ['Chrome'], 

     concurrency: Infinity 
    }); 
}; 

最後我的問題點： gui_service /客戶/測試/ LoginComponent-test.js：

describe('Component: login', function() { 
    beforeEach(module('remoteGuiApp')); 

    // load the login template 
    beforeEach(module('/src/modules/login/login.html')); 

    let scope; 
    let element; 
    let controller; 

    beforeEach(inject(function($rootScope, $compile) { 
     element = angular.element('<login></login>'); 

     scope = $rootScope.$new(); 
     $compile(element)(scope); 
     scope.$digest(); 
    })); 

    it('Controller fields', function(done) { 
     expect(true).true; 
     done(); 
    }); 

}); 

由於發射業力的結果我有這樣的錯誤：angular link error

也許有人會告訴解決這個問題。謝謝你的幫助。

Answer 1

我解決了它。 主要問題出現在路徑中。所以，如果你需要配置與templateUrl的測試角指令/組件karma.conf.js小心標籤：

basePath: '' 
preprocessors: '' 
ngHtml2JsPreprocessor: { 
      stripPrefix: '' 
      prependPrefix: '' 
     }, 

閱讀說明書很carefuly https://github.com/karma-runner/karma-ng-html2js-preprocessor/blob/master/README.md#configuration以免踩耙像我一樣）