add test

Author: yyx990803

package.json

@@ -3,6 +3,9 @@
   "version": "4.1.3",
   "description": "Effortlessly keep vue-router and vuex store in sync.",
   "main": "index.js",
+  "scripts": {
+    "test": "jest"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuejs/vuex-router-sync.git"
@@ -18,8 +21,14 @@
     "url": "https://github.com/vuejs/vuex-router-sync/issues"
   },
   "homepage": "https://github.com/vuejs/vuex-router-sync#readme",
+  "devDependencies": {
+    "jest": "^20.0.4",
+    "vue": "^2.3.3",
+    "vue-router": "^2.0.0",
+    "vuex": "^2.1.0"
+  },
   "peerDependencies": {
-    "vuex": "^2.0.0",
-    "vue-router": "^2.0.0"
+    "vue-router": "^2.0.0",
+    "vuex": "^2.1.0"
   }
 }

test/test.js

@@ -0,0 +1,69 @@
+const Vue = require('vue')
+const Vuex = require('vuex')
+const VueRouter = require('vue-router')
+const { sync } = require('../index')
+const { mapState } = Vuex
+
+Vue.use(Vuex)
+Vue.use(VueRouter)
+
+const run = (originalModuleName, done) => {
+  const moduleName = originalModuleName || 'route'
+
+  const store = new Vuex.Store({
+    state: { msg: 'foo' }
+  })
+
+  const Home = {
+    computed: mapState(moduleName, {
+      path: state => state.fullPath,
+      foo: state => state.params.foo,
+      bar: state => state.params.bar
+    }),
+    render (h) {
+      return h('div', [this.path, ' ', this.foo, ' ', this.bar])
+    }
+  }
+
+  const router = new VueRouter({
+    mode: 'abstract',
+    routes: [
+      { path: '/:foo/:bar', component: Home }
+    ]
+  })
+
+  sync(store, router, {
+    moduleName: originalModuleName
+  })
+
+  router.push('/a/b')
+  expect(store.state[moduleName].fullPath).toBe('/a/b')
+  expect(store.state[moduleName].params).toEqual({ foo: 'a', bar: 'b' })
+
+  const app = new Vue({
+    store,
+    router,
+    render: h => h('router-view')
+  }).$mount()
+
+  expect(app.$el.textContent).toBe('/a/b a b')
+
+  router.push('/c/d?n=1#hello')
+  expect(store.state[moduleName].fullPath).toBe('/c/d?n=1#hello')
+  expect(store.state[moduleName].params).toEqual({ foo: 'c', bar: 'd' })
+  expect(store.state[moduleName].query).toEqual({ n: '1' })
+  expect(store.state[moduleName].hash).toEqual('#hello')
+
+  Vue.nextTick(() => {
+    expect(app.$el.textContent).toBe('/c/d?n=1#hello c d')
+    done()
+  })
+}
+
+test('default usage', done => {
+  run(null, done)
+})
+
+test('with custom moduleName', done => {
+  run('moduleName', done)
+})