unit tests initial

Author: Resul Avan

src/jest.config.js

@@ -20,6 +20,35 @@
   "husky": {
     "hooks": {}
   },
+  "jest": {
+    "verbose": true,
+    "setupFiles": [
+      "<rootDir>/tests/jest-mocks.ts"
+    ],
+    "snapshotSerializers": [
+      "jest-serializer-vue"
+    ],
+    "moduleNameMapper": {
+      "^@/(.*)$": "<rootDir>/$1",
+      "^~/(.*)$": "<rootDir>/$1",
+      "^vue$": "vue/dist/vue.common.js"
+    },
+    "moduleFileExtensions": [
+      "ts",
+      "js",
+      "vue",
+      "json"
+    ],
+    "transform": {
+      "^.+\\.ts$": "ts-jest",
+      ".*\\.(vue)$": "vue-jest"
+    },
+    "collectCoverage": true,
+    "collectCoverageFrom": [
+      "<rootDir>/components/**/*.{ts,vue}",
+      "<rootDir>/pages/**/*.vue"
+    ]
+  },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.14.0",
     "@mdi/font": "^5.4.55",
@@ -68,16 +97,17 @@
     "vuex-class": "^0.3.2"
   },
   "devDependencies": {
+    "@babel/core": "^7.7.7",
+    "@babel/preset-env": "^7.11.0",
     "@nuxt/babel-preset-app": "^2.14.0",
     "@nuxt/types": "^2.14.0",
     "@nuxt/typescript-build": "^2.0.2",
     "@nuxtjs/eslint-config-typescript": "^3.0.0",
     "@nuxtjs/eslint-module": "^2.0.0",
     "@nuxtjs/stylelint-module": "^4.0.0",
+    "@types/jest": "^26.0.8",
     "@types/vfile-message": "^2.0.0",
-    "@vue/test-utils": "^1.0.3",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.1.0",
     "core-js": "^3.6.5",
     "dts-generator": "^3.0.0",
     "eslint": "^7.5.0",
@@ -88,13 +118,16 @@
     "eslint-plugin-vue": "^6.2.2",
     "firebase-tools": "^8.6.0",
     "husky": "^4.2.5",
-    "jest": "^26.1.0",
+    "jest-serializer-vue": "^2.0.2",
     "lint-staged": "^10.2.11",
     "node-sass": "^4.14.1",
     "prettier": "^2.0.5",
     "sass-loader": "^9.0.2",
     "stylelint": "^13.6.1",
-    "ts-jest": "^26.1.3",
-    "vue-jest": "^4.0.0-0"
+    "@vue/test-utils": "^1.0.0-beta.27",
+    "babel-jest": "^24.1.0",
+    "jest": "^24.1.0",
+    "vue-jest": "^4.0.0-0",
+    "ts-jest": "^25.0.0"
   }
 }

src/package.json

@@ -0,0 +1,3 @@
+import { config } from '@vue/test-utils'
+config.mocks.$t = (key: string) => key
+config.showDeprecationWarnings = false

src/tests/jest-mocks.ts

@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils'
+import Vue from 'vue'
+import Index from '~/pages/index.vue'
+
+Vue.config.ignoredElements = ['b-icon']
+
+// const head = (): MetaInfo => {
+//   return null
+// }
+
+describe('HomePage', () => {
+  const wrapper = mount(Index)
+
+  it('is a Vue component', () => {
+    expect(wrapper.vm).toBeTruthy()
+    // expect(wrapper.vm.$meta()).toBeCalled()
+  })
+
+  // it('check page title', () => {
+  //   // const spy = jest.spyOn(Index, 'head')
+  //   // @ts-ignore
+  //   expect(wrapper.vm.head()).toHaveBeenCalled()
+  // })
+})

src/tests/pages/index.spec.ts

@@ -29,6 +29,8 @@
     "types": [
       "@types/node",
       "@nuxt/types",
+      "@nuxt/vue-app",
+      "@types/jest",
       "@nuxtjs/axios",
       "nuxt-i18n",
       "cookie-universal-nuxt",