npm i -D karma-webpack

var webpackConfigFile = require('./webpack.config.js')
var webpackConfig = webpackConfigFile()
delete webpackConfig.entry

// webpackConfig = {
//   module: {
//     ...

...

files: [
  // only specify one entry point
  // and require all tests in there
  'test/index.js'
],

preprocessors: {
  // add webpack as preprocessor
  'test/index.js': [ 'webpack' ]
},

webpack: webpackConfig,

webpackMiddleware: {
  // webpack-dev-middleware configuration
  // i. e.
  stats: 'errors-only'
}

// 파일 이름에 .spec 이 포함된 파일들을
// 테스트 대상으로 한다.
var testsContext = require.context('.', true, /\.spec$/)
testsContext.keys().forEach(testsContext)

// src/hello.js
var Hello = {
  getName() {
    return 'Hello'
  }
}
export default Hello

// test/hello.spec.js
import Hello from '../src/hello.js'

describe('Hello', () => {
  it('getName', () => {
    expect(Hello.getName()).toBe("Hello");
  })
})

// src/TestComponent.js
<template>
  <span>{{ message }}</span>
</template>

<script>
  export default {
    name: "TestComponent",
    data () {
      return {
        message: 'hello!'
      }
    }
  }
</script>

var Vue = require('vue')

import TestComponent from '../src/components/TestComponent.vue'

describe('testComponent.vue', function () {

  it('start', function () {
    expect(1).toBe(1)
  })
  
  it('should have correct message', function () {
    expect(TestComponent).not.toBe(null);
  })

})