Comment out unused features (router)

Author: afontcu

package.json

@@ -72,7 +72,7 @@
     "vue-apollo": "^3.0.4",
     "vue-i18n": "^9.0.0-beta.4",
     "vue-jest": "^5.0.0-alpha.5",
-    "vue-router": "^3.4.5",
+    "vue-router": "^4.0.0-beta.13",
     "vuetify": "^2.3.10",
     "vuex": "^4.0.0-beta.4"
   },

src/__tests__/vue-router-mocha.js

@@ -1,16 +1,18 @@
-import '@testing-library/jest-dom'
-import {render} from '@testing-library/vue'
+test.todo('Your test suite must contain at least one test.')
 
-import About from './components/Router/About.vue'
+// import '@testing-library/jest-dom'
+// import {render} from '@testing-library/vue'
 
-const routes = []
-test('uses require("vue-router").default when require("vue-router") is undefined (useful for mocha users)', () => {
-  // Test for fix https://github.com/testing-library/vue-testing-library/issues/119
-  jest.mock('vue-router', () => {
-    return undefined
-  })
+// import About from './components/Router/About.vue'
 
-  expect(() => render(About, {routes})).toThrowError(
-    new TypeError("Cannot read property 'default' of undefined"),
-  )
-})
+// const routes = []
+// test('uses require("vue-router").default when require("vue-router") is undefined (useful for mocha users)', () => {
+//   // Test for fix https://github.com/testing-library/vue-testing-library/issues/119
+//   jest.mock('vue-router', () => {
+//     return undefined
+//   })
+
+//   expect(() => render(About, {routes})).toThrowError(
+//     new TypeError("Cannot read property 'default' of undefined"),
+//   )
+// })

src/__tests__/vue-router.js

@@ -1,16 +1,18 @@
 test.todo('Your test suite must contain at least one test.')
 
+// // Please notice that this example is a draft example on how to test
+// // the router.
+// // Related issue on Vue Test Utils: https://github.com/vuejs/vue-test-utils-next/issues/152
+
 // import '@testing-library/jest-dom'
 // import {render, fireEvent} from '@testing-library/vue'
-
 // import App from './components/Router/App.vue'
 // import Home from './components/Router/Home.vue'
 // import About from './components/Router/About.vue'
 
 // const routes = [
 //   {path: '/', component: Home},
 //   {path: '/about', component: About},
-//   {path: '*', redirect: '/about'},
 // ]
 
 // test('full app rendering/navigating', async () => {

src/vue-testing-library.js

@@ -15,19 +15,18 @@ function render(
   TestComponent,
   {
     store = null,
-    routes = null,
+    // routes = null,
     container: customContainer,
     baseElement: customBaseElement,
     ...mountOptions
   } = {},
-  configurationCb,
+  // configurationCb,
 ) {
   const div = document.createElement('div')
   const baseElement = customBaseElement || customContainer || document.body
   const container = customContainer || baseElement.appendChild(div)
 
-  let router = null
-  let additionalOptions = {}
+  // let additionalOptions = {}
 
   const plugins = []
 
@@ -36,30 +35,27 @@ function render(
     plugins.push(createStore(store))
   }
 
-  // TODO: Fix VTL + Vue-router(next?)
-  if (routes) {
-    const requiredRouter = require('vue-router')
-    const VueRouter = requiredRouter.default || requiredRouter
-    router = new VueRouter({
-      routes,
-    })
-  }
+  // if (routes) {
+  //   const requiredRouter = require('vue-router')
+  //   const {createRouter, createWebHistory} =
+  //     requiredRouter.default || requiredRouter
+  //   plugins.push(createRouter({history: createWebHistory(), routes}))
+  // }
 
   // Should we expose vue 3 app? if so, how?
-  if (configurationCb && typeof configurationCb === 'function') {
-    additionalOptions = configurationCb(router)
-  }
+  // if (configurationCb && typeof configurationCb === 'function') {
+  //   additionalOptions = configurationCb(router)
+  // }
 
   const wrapper = mount(
     TestComponent,
     merge({
-      // router,
       attachTo: container,
       global: {
         plugins,
       },
       ...mountOptions,
-      ...additionalOptions,
+      // ...additionalOptions,
     }),
   )