現時点では、Node/AngularJs/JSPM で ES6 トランスパイラー Babel と Karma を使用してデモ プロジェクトをセットアップしようとしています。
サービング部分は機能しています。後で改善する必要がありますが、angular からの最初の「hello world」は機能しています。
angular アプリの単体テストを実行するために Karma を追加したいと思います。しかし、 の 404 警告が表示されjspm_packagesます。下のスクリーンショットを参照してください。
私のテストは常に失敗するため、実行されていません。私のテストファイルは次のようになります(角度固有の部分はまだありません):
// HomeController.spec.js
import 'angular-mocks';
describe('Test suite for HomeController', function() {
it('dummy test', function() {
expect(true).toBe(true); // will not fail
});
});
何が悪いのかわからず、成功せずに多くのことを試しましたが、何か間違ったことをしたのかもしれません。しかし、これが私がカルマ設定で試したことです:
- パスに問題があると思うので、多くの異なるパス設定を試しました
- 使用されたプロキシ
- ソースをトランスパイルするための Browserify と Bablify
- テスト用の依存関係をロードする JSPM プラグイン
私が現在取り組んでいるコードは、bitbucket で見つけることができます。
アプリのディレクトリ構造は次のようになります。
これが Karma のスクリーンショットです。
これが私の現在の Karma 設定ファイルです。
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
files: [
//'client/test-unit/**/*.test.js'
],
jspm: {
paths: {
// '*': 'client/app/**/*.js'
},
// Edit this to your needs
// config: 'client/app/jspm.config.js',
// Edit this to your needs
loadFiles: ['client/test-unit/**/*.spec.js'],
serveFiles: ['client/app/**/*.js', 'client/app/**/*.css', 'client/app/**/*.html']
},
proxies: {
// '/assets/jspm_packages/': '/client/app/assets/jspm_packages/'
},
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: {
// 'client/app/**/*.js': ['browserify'],
// 'client/test-unit/**/*.js': ['browserify']
},
/*browserify: {
debug: true,
transform: [ 'babelify' ]
},*/
// babelPreprocessor: {
// options: {
// sourceMap: 'inline'
// },
// filename: function (file) {
// return file.originalPath.replace(/\.js$/, '.es5.js');
// },
// sourceFileName: function (file) {
// return file.originalPath;
// }
// },
// 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
});
};