trying to test router

bahmutov · bahmutov · commit 7d9074a8cef6 · 2018-02-04T21:39:06.000-05:00
diff --git a/cypress/integration/item-spec.js b/cypress/integration/item-spec.js
@@ -1,3 +1,5 @@
+import VueRouter from 'vue-router'
+import router from '../../src/router'
 import Item from '../../src/components/Item.vue'
 import { timeAgo, host } from '../../src/util/filters'
 
@@ -21,34 +23,18 @@ describe('Item', () => {
     }
   }
   const extensions = {
+    plugins: [VueRouter],
     filters: { timeAgo, host }
   }
-  const html = `
-    <html>
-    <head></head>
-    <body>
-      <div id="app"></div>
-      <script src="https://unpkg.com/vue@2.5.3"></script>
-    </body>
-  </html>
-  `
-  // <script src="https://unpkg.com/vue-router@3.0.1"></script>
-  // hmm, when adding the vue router getting an error inside the RouterLink
-  // render function
-  // var router = this.$router;
-  // var current = this.$route;
-  // var ref = router.resolve(this.to, current, this.append);
-  // this.$router is undefined
-  // Seems VueRouter.install(Vue) did not go well
+
   const options = {
-    html,
     extensions
   }
 
   beforeEach(() => {
     cy.viewport(400, 200)
   })
-  beforeEach(mountVue({ template, components, data }, options))
+  beforeEach(mountVue({ template, router, components, data }, options))
 
   it('loads news item', () => {
     cy.contains('.score', 101)
diff --git a/package.json b/package.json
@@ -8,7 +8,9 @@
     "start": "cross-env NODE_ENV=production node server",
     "build": "rimraf dist && npm run build:client && npm run build:server",
     "build:client": "cross-env NODE_ENV=production webpack --config build/webpack.client.config.js --progress --hide-modules",
-    "build:server": "cross-env NODE_ENV=production webpack --config build/webpack.server.config.js --progress --hide-modules"
+    "build:server": "cross-env NODE_ENV=production webpack --config build/webpack.server.config.js --progress --hide-modules",
+    "cy:open": "cypress open",
+    "e2e": "start-server-and-test dev http://localhost:8080 cy:open"
   },
   "engines": {
     "node": ">=7.0",
@@ -39,10 +41,11 @@
     "chokidar": "^1.7.0",
     "css-loader": "^0.28.7",
     "cypress": "^1.4.1",
-    "cypress-vue-unit-test": "^1.9.0",
+    "cypress-vue-unit-test": "^1.10.0",
     "file-loader": "^1.1.5",
     "friendly-errors-webpack-plugin": "^1.6.1",
     "rimraf": "^2.6.2",
+    "start-server-and-test": "^1.0.0",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1",
     "sw-precache-webpack-plugin": "^0.11.4",
