test: update to @vue/test-utils, cleanup

Author: xidedix

package.json

@@ -63,6 +63,7 @@
     "vue-perfect-scrollbar": "^0.1.0"
   },
   "devDependencies": {
+    "@vue/test-utils": "^1.0.0-beta.24",
     "babel-core": "^6.26.3",
     "babel-eslint": "^9.0.0",
     "babel-jest": "^23.4.2",
@@ -103,8 +104,7 @@
     "vue-loader": "^15.4.1",
     "vue-router": "^3.0.1",
     "vue-server-renderer": "^2.5.17",
-    "vue-template-compiler": "^2.5.17",
-    "vue-test-utils": "^1.0.0-beta.11"
+    "vue-template-compiler": "^2.5.17"
   },
   "lint-staged": {
     "*.{js,vue}": [

src/components/__tests__/Aside.js

@@ -1,4 +1,4 @@
-import { mount } from 'vue-test-utils'
+import { mount } from '@vue/test-utils'
 import Aside from "../Aside/Aside";
 
 describe("Aside.vue", () => {

src/components/__tests__/AsideToggler.js

@@ -1,4 +1,4 @@
-import { mount } from "vue-test-utils";
+import { mount } from "@vue/test-utils";
 import AsideToggler from "../Aside/AsideToggler";
 
 describe("AsideToggler.vue", () => {

src/components/__tests__/Callout.js

@@ -1,4 +1,4 @@
-import { mount } from "vue-test-utils";
+import { mount } from "@vue/test-utils";
 import Callout from "../Callout/Callout";
 
 describe("Callout.vue", () => {

src/components/__tests__/Footer.js

@@ -1,4 +1,4 @@
-import { mount } from "vue-test-utils";
+import { mount } from "@vue/test-utils";
 import Footer from "../Footer/Footer";
 
 describe("Footer.vue", () => {

src/components/__tests__/Header.js

@@ -1,4 +1,4 @@
-import { mount } from "vue-test-utils";
+import { mount } from "@vue/test-utils";
 import Header from "../Header/Header";
 
 describe("Header.vue", () => {

src/components/__tests__/HeaderDropdown.js

@@ -1,10 +1,10 @@
-import { mount } from 'vue-test-utils'
+import { shallowMount } from '@vue/test-utils'
 import HeaderDropdown from '../Header/HeaderDropdown';
 
 describe("HeaderDropdown.vue", () => {
   // Inspect the raw component options
   it("should have default props", () => {
-    const wrapper = mount(HeaderDropdown, {
+    const wrapper = shallowMount(HeaderDropdown, {
       propsData: {
         right: false,
         noCaret: false
@@ -14,7 +14,7 @@ describe("HeaderDropdown.vue", () => {
     expect(wrapper.props().noCaret).toBe(false)
   });
   it('renders correctly', () => {
-    const wrapper = mount(HeaderDropdown)
+    const wrapper = shallowMount(HeaderDropdown)
     expect(wrapper.element).toMatchSnapshot()
     expect(wrapper.find('span').text()).toBe('dropdown')
     expect(wrapper.find('span').classes()).toContain('text-center')

src/components/__tests__/Sidebar.js

@@ -1,4 +1,4 @@
-import { mount } from 'vue-test-utils'
+import { mount } from '@vue/test-utils'
 import Sidebar from "../Sidebar/Sidebar";
 
 describe("Sidebar.vue", () => {

src/components/__tests__/SidebarFooter.js

@@ -1,4 +1,4 @@
-import { mount } from 'vue-test-utils'
+import { mount } from '@vue/test-utils'
 import SidebarFooter from "../Sidebar/SidebarFooter";
 
 describe("SidebarFooter.vue", () => {

src/components/__tests__/SidebarForm.js

@@ -1,4 +1,4 @@
-import { mount } from 'vue-test-utils'
+import { mount } from '@vue/test-utils'
 import SidebarForm from "../Sidebar/SidebarForm";
 
 describe("SidebarForm.vue", () => {

src/components/__tests__/SidebarHeader.js

@@ -1,4 +1,4 @@
-import { mount } from 'vue-test-utils'
+import { mount } from '@vue/test-utils'
 import SidebarHeader from "../Sidebar/SidebarHeader";
 
 describe("SidebarHeader.vue", () => {

src/components/__tests__/SidebarMinimizer.js

@@ -1,4 +1,4 @@
-import { mount } from "vue-test-utils";
+import { mount } from "@vue/test-utils";
 import SidebarMinimizer from "../Sidebar/SidebarMinimizer";
 
 describe("SidebarMinimizer.vue", () => {

src/components/__tests__/SidebarNavDivider.js

@@ -1,4 +1,4 @@
-import { mount } from 'vue-test-utils'
+import { mount } from '@vue/test-utils'
 import SidebarNavDivider from "../Sidebar/SidebarNavDivider";
 
 describe("SidebarNavDivider.vue", () => {

src/components/__tests__/SidebarNavDropdown.js

@@ -1,4 +1,4 @@
-import { mount, createLocalVue } from 'vue-test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import VueRouter from 'vue-router'
 import SidebarNavDropdown from "../Sidebar/SidebarNavDropdown";
 
@@ -9,7 +9,9 @@ const router = new VueRouter()
 describe("SidebarNavDropdown.vue", () => {
   // Inspect the raw component options
   it("should have default props", () => {
-    const wrapper = mount(SidebarNavDropdown, {
+    const wrapper = shallowMount(SidebarNavDropdown, {
+      localVue,
+      router,
       propsData: {
         name: 'test',
         url: '',
@@ -27,8 +29,8 @@ describe("SidebarNavDropdown.vue", () => {
     expect(typeof SidebarNavDropdown.methods.handleClick).toBe('function')
   })
   it('renders correctly', () => {
-    const wrapper = mount(SidebarNavDropdown, { localVue, router })
+    const wrapper = shallowMount(SidebarNavDropdown, { localVue, router })
     expect(wrapper.element).toMatchSnapshot()
-    expect(wrapper.is('li')).toBe(true)
+    expect(wrapper.is('router-link-stub')).toBe(true)
   })
 });

src/components/__tests__/SidebarNavItem.js

@@ -1,4 +1,4 @@
-import { mount } from 'vue-test-utils'
+import { mount } from '@vue/test-utils'
 import SidebarNavItem from "../Sidebar/SidebarNavItem";
 
 describe("SidebarNavItem.vue", () => {

src/components/__tests__/SidebarNavLabel.js

@@ -1,4 +1,4 @@
-import { mount } from 'vue-test-utils'
+import { mount } from '@vue/test-utils'
 import SidebarNavLabel from "../Sidebar/SidebarNavLabel";
 
 describe("SidebarNavLabel.vue", () => {

src/components/__tests__/SidebarNavLink.js

@@ -1,4 +1,4 @@
-import { mount, createLocalVue } from 'vue-test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import VueRouter from 'vue-router'
 import SidebarNavLink from "../Sidebar/SidebarNavLink";
 
@@ -9,7 +9,9 @@ const router = new VueRouter()
 describe("SidebarNavLink.vue", () => {
   // Inspect the raw component options
   test("should have default props", () => {
-    const wrapper = mount(SidebarNavLink, {
+    const wrapper = shallowMount(SidebarNavLink, {
+      localVue,
+      router,
       propsData: {
         name: 'test',
         url: '',
@@ -31,7 +33,7 @@ describe("SidebarNavLink.vue", () => {
     expect(typeof SidebarNavLink.computed.isExternalLink).toBe('function')
   })
   it('renders correctly', () => {
-    const wrapper = mount(SidebarNavLink, { localVue, router })
+    const wrapper = shallowMount(SidebarNavLink, { localVue, router })
     expect(wrapper.element).toMatchSnapshot()
     expect(wrapper.is('div')).toBe(true)
   })

src/components/__tests__/SidebarNavTitle.js

@@ -1,4 +1,4 @@
-import { mount } from "vue-test-utils";
+import { mount } from "@vue/test-utils";
 import SidebarNavTitle from "../Sidebar/SidebarNavTitle";
 
 describe("SidebarNavTitle.vue", () => {

src/components/__tests__/SidebarToggler.js

@@ -1,4 +1,4 @@
-import { mount } from "vue-test-utils";
+import { mount } from "@vue/test-utils";
 import SidebarToggler from "../Sidebar/SidebarToggler";
 
 describe("SidebarToggler.vue", () => {

src/components/__tests__/Switch.js

@@ -1,4 +1,4 @@
-import { mount } from "vue-test-utils";
+import { mount } from "@vue/test-utils";
 import Switch from "../Switch/Switch";
 
 describe("Switch.vue", () => {

src/components/__tests__/__snapshots__/SidebarNavDropdown.js.snap

@@ -1,9 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SidebarNavDropdown.vue renders correctly 1`] = `
-<li
-  class="nav-item nav-dropdown router-link-exact-active router-link-active"
-  disabled="disabled"
+<router-link-stub
+  class="nav-item nav-dropdown"
+  disabled=""
+  event="click"
+  tag="li"
+  to=""
 >
   <div
     class="nav-link nav-dropdown-toggle"
@@ -17,5 +20,5 @@ exports[`SidebarNavDropdown.vue renders correctly 1`] = `
   <ul
     class="nav-dropdown-items"
   />
-</li>
+</router-link-stub>
 `;

src/components/__tests__/__snapshots__/SidebarNavLink.js.snap

@@ -2,16 +2,18 @@
 
 exports[`SidebarNavLink.vue renders correctly 1`] = `
 <div>
-  <a
-    class="router-link-exact-active router-link-active nav-link"
-    href="#/"
+  <router-link-stub
+    class="nav-link"
+    event="click"
+    tag="a"
+    to=""
   >
     <i
       class="nav-icon"
     />
      
     
     <!---->
-  </a>
+  </router-link-stub>
 </div>
 `;

src/components/__tests__/__snapshots__/Switch.js.snap

@@ -7,7 +7,7 @@ exports[`Switch.vue renders correctly 1`] = `
   <input
     class="switch-input form-check-input"
     false-value="uncheckedValue"
-    id="switch-id-1"
+    id="switch-id-3"
     true-value="value"
     type="checkbox"
     value="true"