get tests workig including boostrap vue and element UI

frontend/.babelrc

@@ -1,22 +0,0 @@
-{
-  "presets": [
-    [
-      "@babel/preset-env"
-    ]
-  ],
-  "env": {
-    "test": {
-      "plugins": ["require-context-hook"],
-      "presets": [
-        [
-          "@babel/preset-env",
-          {
-            "targets": {
-              "node": "10"
-            }
-          }
-        ]
-      ]
-    }
-  }
-}

frontend/babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  presets: ['@vue/app'],
+  presets: ['@babel/preset-env'],
   plugins: [
     [
       'component',

frontend/jest.config.js

@@ -10,16 +10,15 @@ module.exports = {
   coverageReporters: ['lcov'],
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/src/$1',
+    '\\.(css|less)$': 'identity-obj-proxy',
   },
   transform: {
-    '^.+\\.vue$': 'vue-jest',
-    // '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
-    '^.+\\.(js|jsx)?$': 'babel-jest',
+    '^.+\\.vue$': '<rootDir>/node_modules/vue-jest',
+    '^.+\\.(js|jsx)?$': '<rootDir>/node_modules/babel-jest',
   },
-  //setupFiles: [
-  //  "<rootDir>/test/registerContext.js"
-  //],
+  setupFiles: ['<rootDir>/test/testSetup.js'],
   testMatch: ['**/?(*.)+(spec|test).js?(x)'],
   // snapshotSerializers: ['jest-serializer-vue'],
   transformIgnorePatterns: ['<rootDir>/node_modules/'],
+  preset: '@vue/cli-plugin-unit-jest',
 }

frontend/package.json

@@ -12,11 +12,16 @@
     "test": "jest"
   },
   "dependencies": {
+    "@babel/core": "^7.13.13",
+    "@babel/node": "^7.13.13",
+    "@babel/preset-env": "^7.13.12",
+    "@vue/cli-plugin-unit-jest": "^4.5.12",
     "@vue/test-utils": "^1.1.3",
     "axios": "^0.21.1",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^26.6.3",
     "babel-plugin-require-context-hook": "^1.0.0",
+    "babel-preset-vue": "^2.0.2",
     "bootstrap": "4.3.1",
     "bootstrap-vue": "^2.5.0",
     "chart.js": "^2.9.3",
@@ -41,6 +46,7 @@
     "flatpickr": "^4.5.7",
     "fuse.js": "^3.2.0",
     "google-maps": "^3.2.1",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
     "nouislider": "^12.1.0",
     "particles-bg-vue": "1.2.3",

frontend/src/views/Layout/ContentFooter.spec.js

@@ -0,0 +1,30 @@
+import { mount } from '@vue/test-utils'
+
+import ContentFooter from './ContentFooter'
+
+const localVue = global.localVue
+
+describe('ContentFooter', () => {
+  let wrapper
+
+  let mocks = {
+    $i18n: {
+      locale: () => 'en',
+    },
+    $t: jest.fn((t) => t),
+  }
+
+  const Wrapper = () => {
+    return mount(ContentFooter, { localVue, mocks })
+  }
+
+  describe('mount', () => {
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('renders the content footer', () => {
+      expect(wrapper.find('footer.footer')).toBeDefined()
+    })
+  })
+})

frontend/test/testSetup.js

@@ -0,0 +1,8 @@
+import { createLocalVue } from '@vue/test-utils'
+import ElementUI from 'element-ui'
+import BootstrapVue from 'bootstrap-vue'
+
+global.localVue = createLocalVue()
+
+global.localVue.use(ElementUI)
+global.localVue.use(BootstrapVue)