Проблема: Как только я импортирую Angular 2 в файл, ни один из моих тестов не выполняется.
Вопрос: Как настроить мой karma для поддержки angular двух, чтобы мой тест прошел правильно?
ИЛИ Вопрос: Как настроить тестовую инфраструктуру с помощью angular2, написанной в es6?
Git Repo (убедитесь, что вы находитесь на ветке angular -2
Карма:
// Karma configuration
// Generated on Mon Jun 01 2015 14:16:41 GMT-0700 (PDT)
module.exports = function(config) {
config.set({
// 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: ['jspm', 'jasmine'],
// list of files / patterns to load in the browser
jspm: {
loadFiles: [
'client/app/**/*.js'
]
},
// list of files to exclude
plugins:[
'karma-jasmine',
'karma-coverage',
'karma-jspm',
'karma-chrome-launcher'
],
// 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: true
});
};
JS:
"use strict";
import {ComponentAnnotation as Component, ViewAnnotation as View} from 'angular2/angular2';
import List from './list/list';
//@Component({selector: 'my-app'})
//@View({template: `<h1>{{title}}</h1>`})
class Todo{
constructor(){
this.title = 'Gym';
this.list = [new List()];
}
setTitle(newTitle){
this.title = newTitle;
}
addListItem(){
this.list.push(new List());
}
removeListItem(){
this.list.pop();
}
}
export default Todo;
Todo.spec.js:
import Todo from './todo';
describe('Todo list:', function(){
var todo;
beforeEach(function(){
todo = new Todo();
});
it('expect Todo to be present', function(){
expect(todo).not.toBe(null);
});
it('expect Todo constructor to accept a title', function(){
expect(todo.title).toEqual('Gym');
});
it('expect Todo List property to be Present', function(){
expect(todo.list).not.toBe(null);
})
it('expect Todo List property to accept a title:empty', function(){
expect(todo.list[0].title).toEqual('empty');
});
it('expect Todo Title property to accept a title change', function(){
todo.setTitle('Work');
expect(todo.title).toEqual('Work');
});
it('expect Todo List property to have an add function', function(){
todo.addListItem();
expect(todo.list.length).toEqual(2);
});
it('expect Todo to have a remove function', function(){
todo.removeListItem();
expect(todo.list.length).toEqual(0);
})
});
Ожидаемые ошибки:
$ karma start
INFO [karma]: Karma v0.12.36 server started at http://localhost:9876/
INFO [launcher]: Starting browser Chrome
WARN [web-server]: 404: /favicon.ico
INFO [Chrome 43.0.2357 (Mac OS X 10.10.3)]: Connected on socket 31YT5XsHM29BDG8sYXSq with id 13157663
Chrome 43.0.2357 (Mac OS X 10.10.3): Executed 0 of 0 ERROR (0.002 secs / 0 secs)
Если я удалю angular импорт для Todo.js
$ karma start
INFO [karma]: Karma v0.12.36 server started at http://localhost:9876/
INFO [launcher]: Starting browser Chrome
WARN [web-server]: 404: /favicon.ico
INFO [Chrome 43.0.2357 (Mac OS X 10.10.3)]: Connected on socket 7QKCB-7aTRwNsOGfYjmG with id 71239348
Chrome 43.0.2357 (Mac OS X 10.10.3): Executed 7 of 7 SUCCESS (0.008 secs / 0.005 secs)
ОБНОВЛЕНИЕ ИЗ GITTER:
@matthewharwood попробуйте загрузить связанный файл ng2 в раздел jspm Loadfiles. с плагином karma-jspm вы можете указать пользовательские пути, поэтому вы можете переопределить angular/угловой путь, чтобы указать на один объединенный файл. это сделало наши тесты намного проще. также мне пришлось включить препроцессор карма-бабеля и запустить мой код через это.
К сожалению, я не могу нормально работать с загрузочными файлами: c