カルマとジャスミンを使用して、VueJS プロジェクトにいくつかのテストを実装しようとしています。次のような基本的なテストを起動できます。
describe('canary', function () {
// asserting JavaScript options
it('should run', function () {
expect(true).toBe(true)
})
it('should run 2', function () {
expect(false).toBe(false)
})
})
どちらが返されますか(投稿に画像を表示することはまだ許可されていません):
しかし、私のコンポーネントをテストすることになると(だから私がそれらを必要とするとき)、それは私に言います:
PhantomJS 2.1.1 (Mac OS X 0.0.0) エラー ReferenceError: 変数が見つかりません: history.spec.js:1 で必要です
ここに私のkarma.conf.jsがあります:
module.exports = function(config) {
var tests = './**/*.js';
config.set({
frameworks: ['jasmine'],
files: [tests],
reporters: ['dots'],
singleRun: true,
autoWatch: false,
browsers: ['PhantomJS'],
preprocessors: {
tests: ['webpack'],
'../src/main.js': ['webpack']
},
webpack: {
module: {
loaders: [
{ test: /\.js/, exclude: /node_modules/, loader: 'babel-loader' }
]
},
watch: true
},
webpackServer: {
noInfo: true
}
});
};
これが私のテストファイルです:
var Vue = require('vue')
var ComponentA = require('../src/Log.vue')
describe('Log.vue', function () {
// asserting JavaScript options
it('should have correct message', function () {
expect(ComponentA.data().msg).toBe('Hello from Log!')
})
})
編集- 新しい karma.conf.js ファイル