Add testcafe support (close egoist#56), fix eslint errors (egoist#84)

* contribute testcafe

* fix eslint errors

Author: miherlosev

template/client/app.js

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import {sync} from 'vuex-router-sync'
+import { sync } from 'vuex-router-sync'
 import App from './components/App'
 import router from './router'
 import store from './store'
@@ -11,4 +11,4 @@ const app = new Vue({
   ...App
 })
 
-export {app, router, store}
+export { app, router, store }

template/client/index.js

@@ -1,5 +1,5 @@
 import './promise-polyfill'
-import {app} from './app'
+import { app } from './app'
 
 // enable progressive web app support (with offline-plugin)
 if (process.env.NODE_ENV === 'production') {

template/package.json

@@ -4,7 +4,7 @@
   "description": "{{ description }}",
   "main": "client/index.js",
   "scripts": {
-    "test": "echo lol",
+    "test": "testcafe all tests/index.js --app \"npm run dev\" --app-init-delay 10000",
     "build": "webpack --config build/webpack.prod.js",
     "dev": "node build/server.js"{{#electron}},
     "app": "cross-env NODE_ENV=development electron app/"{{/electron}}{{#eslint}},
@@ -43,6 +43,7 @@
     "eslint": "^3.6.0",
     "eslint-config-vue": "latest",
     "eslint-plugin-vue": "latest",
+    "eslint-plugin-testcafe": "^0.2.0",
     {{/eslint}}
     "express": "^4.14.0",
     "extract-text-webpack-plugin": "^2.0.0-beta.3",
@@ -54,6 +55,7 @@
     "postcss-loader": "^0.9.1",
     "postcss-nested": "^1.0.0",
     "style-loader": "^0.13.1",
+    "testcafe": "^0.12.1",
     "vue-loader": "^10.0.2",
     "vue-template-compiler": "^2.1.3",
     "webpack": "2.2.0-rc.3",

template/tests/index.js

@@ -0,0 +1,14 @@
+import IndexPage from './page-model';
+
+fixture `Index page`
+    .page('http://localhost:4000');
+
+const page = new IndexPage();
+
+test('first test', async t => {
+    await t.expect(page.counter.innerText).contains('0')
+        .click(page.increment)
+        .expect(page.counter.innerText).contains('1')
+        .click(page.desrement)
+        .expect(page.counter.innerText).contains('0');
+});

template/tests/page-model.js

@@ -0,0 +1,11 @@
+import { Selector } from 'testcafe';
+
+export default class IndexPage {
+    constructor () {
+        const counterWrapper = Selector('.counter-wrapper');
+
+        this.counter   = counterWrapper.child('.counter');
+        this.increment = counterWrapper.child('button').withText('Increment');
+        this.desrement = counterWrapper.child('button').withText('Decrement');
+    }
+}