我是新手测试,有Angular经验 . 我开发了一个Angular应用程序,希望为它添加测试以获得对Jasmine和Karma的控制 . 所以我设置了Karma,在我的Angular应用程序中为我的一个服务添加了一个简单的'getGreeting'函数,并在Jasmine测试中添加了一个测试文件(/test/UtilsService.spec.js) . 它失败,因为服务未定义(添加了angular-mocks.js) . 这是我的代码:
karma.conf.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
/test/UtilsService.spec.js中的测试文件:
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:app.ontdekJouwTalent . /app/shared/services/UtilsService.js中的UtilsService
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;
}
}])
角度应用程序在别处定义 - 在/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'
])
当从webroot目录(wwwroot)在cmd窗口中运行“karma start”时,我得到了
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
所以'模块'是未定义的...我不知道如何解决这个问题 . 这有什么不对?
1 回答
好的,事实证明我必须在karma.conf.js文件部分添加更多文件!特别:
不太清楚为什么我必须包含这些服务......我的UtilsService当然不需要它们 . 我的应用程序包括7项服务,而不是5.此外,为什么不需要包含控制器(应用程序使用9)?