1

カルマとジャスミンを使用して、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 ファイル

4

1 に答える 1