Add initial ion-vue-router test. Improve jest config

Author: michaeltintiuc

jest.config.js

@@ -1,6 +1,9 @@
 module.exports = {
   testURL: 'http://localhost/',
   moduleFileExtensions: ['js', 'vue'],
+  moduleNameMapper: {
+    '^vue$': 'vue/dist/vue.common.js',
+  },
   transform: {
     '^.+\\.js$': '<rootDir>/node_modules/babel-jest',
     '.*\\.(vue)$': '<rootDir>/node_modules/jest-vue-preprocessor',

package.json

@@ -41,8 +41,8 @@
     "prod": "NODE_ENV=production rollup -c ./build/rollup.config.js --configProd",
     "release": "bash ./build/release.sh",
     "lint": "eslint src/**/* build/*.js test/**/*",
-    "test": "jest --coverage",
-    "test:node": "jest --coverage --env=node"
+    "test": "jest --coverage --verbose",
+    "test:node": "jest --coverage --verbose --env=node"
   },
   "devDependencies": {
     "babel-jest": "^23.4.2",

test/ion-vue-router.spec.js

@@ -0,0 +1,40 @@
+import Vue from 'vue'
+import Router from '../src/router.js'
+import IonVueRouter from '../src/components/ion-vue-router.vue'
+
+describe('IonVueRouter', () => {
+  it('Renders correctly', () => {
+    Vue.use(Router)
+    Vue.config.ignoredElements.push(/^ion-/)
+
+    const app = new Vue({
+      render(h) {
+        return h('ion-vue-router')
+      },
+      router: new Router({
+        routes: [{ path: '/', component: { template: '<h1>foo</h1>' } }],
+      }),
+    }).$mount()
+
+    app.$router.push('/foo')
+    app.$router.back()
+
+    expect(app.$el.textContent).toBe('foo')
+  })
+
+  it('Sets the default data correctly', () => {
+    expect(typeof IonVueRouter.data).toBe('function')
+    expect(IonVueRouter.data()).toMatchObject({
+      leavingEl: null,
+      enteringEl: null,
+    })
+  })
+
+  it('Sets the default props correctly', () => {
+    const constructor = Vue.extend(IonVueRouter)
+    const component = new constructor()
+    expect(component.bindCss).toBeFalsy()
+    expect(component.animated).toBeTruthy()
+    expect(component.name).toBe('default')
+  })
+})

test/router.node.spec.js

@@ -1,7 +1,7 @@
 import Vue from 'vue'
 
-describe('asd', () => {
-  it('qqq', () => {
+describe('Router node', () => {
+  it('Sets globals correctly', () => {
     window.Vue = undefined
     global.Vue = Vue
     require('../src/router.js')