Inital commit for vue

enlight/test/unit/index.js

@@ -0,0 +1,13 @@
+import Vue from 'vue'
+Vue.config.devtools = false
+Vue.config.productionTip = false
+
+// require all test files (files that ends with .spec.js)
+const testsContext = require.context('./specs', true, /\.spec$/)
+testsContext.keys().forEach(testsContext)
+
+// require all src files except main.js for coverage.
+// you can also change this to match only the subset of files that
+// you want coverage for.
+const srcContext = require.context('../../src/renderer', true, /^\.\/(?!main(\.js)?$)/)
+srcContext.keys().forEach(srcContext)

enlight/test/unit/karma.conf.js

@@ -0,0 +1,62 @@
+'use strict'
+
+const path = require('path')
+const merge = require('webpack-merge')
+const webpack = require('webpack')
+
+const baseConfig = require('../../.electron-vue/webpack.renderer.config')
+const projectRoot = path.resolve(__dirname, '../../src/renderer')
+
+// Set BABEL_ENV to use proper preset config
+process.env.BABEL_ENV = 'test'
+
+let webpackConfig = merge(baseConfig, {
+  devtool: '#inline-source-map',
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': '"testing"'
+    })
+  ]
+})
+
+// don't treat dependencies as externals
+delete webpackConfig.entry
+delete webpackConfig.externals
+delete webpackConfig.output.libraryTarget
+
+// apply vue option to apply isparta-loader on js
+webpackConfig.module.rules
+  .find(rule => rule.use.loader === 'vue-loader').use.options.loaders.js = 'babel-loader'
+
+module.exports = config => {
+  config.set({
+    browsers: ['visibleElectron'],
+    client: {
+      useIframe: false
+    },
+    coverageReporter: {
+      dir: './coverage',
+      reporters: [
+        { type: 'lcov', subdir: '.' },
+        { type: 'text-summary' }
+      ]
+    },
+    customLaunchers: {
+      'visibleElectron': {
+        base: 'Electron',
+        flags: ['--show']
+      }
+    },
+    frameworks: ['mocha', 'chai'],
+    files: ['./index.js'],
+    preprocessors: {
+      './index.js': ['webpack', 'sourcemap']
+    },
+    reporters: ['spec', 'coverage'],
+    singleRun: true,
+    webpack: webpackConfig,
+    webpackMiddleware: {
+      noInfo: true
+    }
+  })
+}

enlight/test/unit/specs/LandingPage.spec.js

@@ -0,0 +1,13 @@
+import Vue from 'vue'
+import LandingPage from '@/components/LandingPage'
+
+describe('LandingPage.vue', () => {
+  it('should render correct contents', () => {
+    const vm = new Vue({
+      el: document.createElement('div'),
+      render: h => h(LandingPage)
+    }).$mount()
+
+    expect(vm.$el.querySelector('.title').textContent).to.contain('Welcome to your new project!')
+  })
+})