角度测试茉莉花失败

我是新手，有测试经验。我开发了一个Angular应用程序，希望添加测试来掌握Jasmine和Karma。所以我设置了Karma，在我的Angular应用程序中为我的一个服务添加了一个简单的“getGreeting”函数，并在Jasmine测试中添加了一个测试文件（/test/UtilsService.spec.js）。它因为服务未定义而失败（添加了angular-mocks.js）。这是我的代码：角度测试茉莉花失败

karma.conf.js：在/test/UtilsService.spec.js

// base path that will be used to resolve all patterns (eg. files, exclude) 
basePath: '', 


// frameworks to use 
// available frameworks: https://npmjs.org/browse/keyword/karma-adapter 
frameworks: ['jasmine'], 


// list of files/patterns to load in the browser 
files: [ 
    'node_modules/**/*.js', 
    'app/**/*.js', 
    'test/UtilsService.spec.js' 
], 


// list of files to exclude 
exclude: [ 
], 


// preprocess matching files before serving them to the browser 
// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor 
preprocessors: { 
}, 


// test results reporter to use 
// possible values: 'dots', 'progress' 
// available reporters: https://npmjs.org/browse/keyword/karma-reporter 
reporters: ['progress'], 


// web server port 
port: 9876, 


// enable/disable colors in the output (reporters and logs) 
colors: true, 


// level of logging 
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG 
logLevel: config.LOG_INFO, 


// enable/disable watching file and executing tests whenever any file changes 
autoWatch: true, 


// start these browsers 
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher 
browsers: ['Chrome'], 


// Continuous Integration mode 
// if true, Karma captures browsers, runs the tests and exits 
singleRun: false, 

// Concurrency level 
// how many browser should be started simultaneous 
concurrency: Infinity

测试文件：

describe('getGreeting',function(){ 
    var UtilsService; 
    beforeEach(angular.mock.module('app.ontdekJouwTalent')); 
    beforeEach(inject(
     function(_UtilsService_) { 
      UtilsService = _UtilsService_; 
     } 
    )); 
    it('should test a dummy function', 
     function(){ 
      expect(1+1).toEqual(2); 
      expect(UtilsService.getGreeting("Marc")).toEqual("Hello Marc"); 
     } 
    ) 
});

请注意，我注释掉加载/测试服务，但只加载应用程序：app.ontdekJouwTalent。在/app/shared/services/UtilsService.js

angular.module('app.ontdekJouwTalent'). 
service('UtilsService',['AppConfig',function(AppConfig){ 
    this.debug = function(data){ 
     if(AppConfig.APPCONSTANTS_ISLOCAL){ 
      return data; 
     } 
    } 

    this.getGreeting = function(name){ 
     return "Hello " + name; 
    } 
}])

的UtilsService角应用在其他地方定义 - 在/app/app.js这样的：

angular.module('app.ontdekJouwTalent', [ 
    'angular-storage', 
    'ui.bootstrap', 
    'ui.router', 
    'ui.router.modal', 
    'xeditable', 
    'angular-confirm', 
    'ui.select', 
    'ngSanitize', 
    'angular-growl', 
    'ngAnimate' 
])

当从运行此在一个cmd窗口的webroot目录（wwwroot文件）“报应启动”我得到

I:\www\ontdekJouwTalent\wwwroot>karma start 
04 08 2016 19:23:32.633:WARN [karma]: No captured browser, open http://localhost:9876/ 
04 08 2016 19:23:32.756:INFO [karma]: Karma v1.1.2 server started at http://localhost:9876/ 
04 08 2016 19:23:32.757:INFO [launcher]: Launching browser Chrome with unlimited concurrency 
04 08 2016 19:23:32.769:INFO [launcher]: Starting browser Chrome 
04 08 2016 19:23:38.634:INFO [Chrome 51.0.2704 (Windows 10 0.0.0)]: Connected on socket /#CXn5vEn8tQBLJ23oAAAA with id 50497607 
Chrome 51.0.2704 (Windows 10 0.0.0) ERROR 
    Uncaught ReferenceError: module is not defined 
    at node_modules/abbrev/abbrev.js:2

所以，“模块”是不确定的......我不知道该如何处理这个。这里有什么问题？

来源

2016-08-01 Marc

让我们一起调试。请将'console.log（UtilsService）'放在'UtilsService = _UtilsService_;'行后面，然后告诉我们你看到的是什么 –

自从我用角度测试的时候已经很短了，但是你肯定需要从服务中返回一些东西？ – Pureferret

您的添加内容与之前写入的内容不同。 'inject'是否立即调用函数？它不应该如此。 –

好了，原来我不得不在karma.conf.js文件部分添加很多多个文件！明确：

// list of files/patterns to load in the browser 
files: [ 
    'node_modules/angular/angular.js', 
    'node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js', 
    'node_modules/ui-select/dist/select.js', 
    'node_modules/angular-mocks/angular-mocks.js', 
    'node_modules/angular-growl-v2/build/angular-growl.min.js', 
    'node_modules/angular-ui-router/release/angular-ui-router.min.js', 
    'node_modules/angular-storage/dist/angular-storage.min.js', 
    'node_modules/angular-animate/angular-animate.min.js', 
    'node_modules/angular-sanitize/angular-sanitize.min.js', 
    'node_modules/angular-xeditable/dist/js/xeditable.min.js', 
    'node_modules/angular-ui-router/release/angular-ui-router.min.js', 
    'node_modules/angular-ui-router-uib-modal/angular-ui-router-uib-modal.js', 
    'node_modules/angular-confirm/angular-confirm.js', 
    'node_modules/angular-aria/angular-aria.min.js', 
    'node_modules/angular-messages/angular-messages.min.js', 
    'app/app.js', 

    'app/shared/services/APIService.js', 
    'app/shared/services/SessionService.js', 
    'app/login/AuthService.js', 
    'app/translation/TranslationService.js', 
    'app/shared/services/UtilsService.js', 
    'test/UtilsService.spec.js' 
],

不太清楚为什么我必须包括这些服务......当然是我UtilsService并不需要他们。我的应用程序包括7个服务，而不是5.另外，为什么不需要包含控制器（应用程序使用+9）？

来源

2016-08-09 15:07:38 Marc

角度测试茉莉花失败

回答

相关问题