change component test, fix test errors and update docs

template/README.md

@@ -31,7 +31,7 @@ available in the window['{{name}}'] variable.
 
 ## Tests
 
-This template uses karma by default, you can change test settings in poi.config.js
+This template uses karma with chai by default, you can change test settings in poi.config.js
 
 `npm run test`
 `npm run test:watch`

template/package.json

@@ -27,8 +27,12 @@
   },
   "devDependencies": {
     "babel-preset-es2015": "^6.24.1",
+    "chai": "^4.1.2",
     "eslint": "^3.17.1",
     "eslint-plugin-vue": "beta",
+    "karma-chai": "^0.1.0",
+    "karma-phantomjs-launcher": "^1.0.4",
+    "karma-phantomjs-shim": "^1.5.0",
     "node-glob": "^1.2.0",
     "poi": "^9.3.10",
     "poi-preset-karma": "^9.1.0",

template/poi.config.js

@@ -1,4 +1,5 @@
 const presetKarma = require('poi-preset-karma');
+const webpack = require('webpack');
 const glob = require('glob').sync;
 const {name} = require('./package.json');
 
@@ -7,13 +8,13 @@ module.exports = {
   filename: {
     js: name + '.min.js',
   },
-  sourceMap: false,
+  sourceMap: true,
   html: false,
   presets: [
     presetKarma({
-      files: ['test/specs/**/*.spec.js'],
+      files: ['./test/specs/**.spec.js'],
       browsers: ['PhantomJS'],
-      frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'],
+      frameworks: ['mocha', 'chai', 'phantomjs-shim'],
     })
-  ]
+  ],
 };

template/test/specs/Component.spec.js

@@ -2,11 +2,16 @@ import Vue from 'vue';
 import Component from '../../src/{{ name }}/{{ name }}';
 
 describe('{{ name }}.vue', () => {
-  it('should render correct contents', () => {
-    const Constructor = Vue.extend(Component);
-    const propsData = {text: 'Test text'};
+  const Constructor = Vue.extend(Component);
+  const propsData = {text: 'Test text'};
+
+  it('should instance the right component', () => {
+    const vm = new Constructor({propsData});
+    expect(vm.$options.name).to.equal('{{ name }}');
+  });
+
+  it('should render correct content', () => {
     const vm = new Constructor({propsData}).$mount();
-    expect(vm.$el.querySelector('strong').textContent)
-      .to.equal(propsData.text);
+    expect(vm.$el.innerHTML).to.equal(propsData.text);
   });
 });