wip #90

Author: previ

index.html

@@ -12,13 +12,15 @@
     "unit": "jest --config tests/unit/jest.conf.js --coverage"
   },
   "dependencies": {
+    "@blockly/theme-dark": "^3.0.12",
     "@fortawesome/fontawesome-free": "^5.15.4",
+    "@mdi/font": "^6.7.96",
+    "@vuelidate/core": "2.0.0-alpha.42",
+    "@vuelidate/validators": "2.0.0-alpha.30",
     "axios": "^0.27.2",
     "blockly": "^8.0.3",
-    "@blockly/theme-dark": "^3.0.12",
     "core-js": "^3.23.3",
     "material-design-icons-iconfont": "^6.7.0",
-    "@mdi/font": "^6.7.96",
     "prismjs": "^1.28.0",
     "stylus-loader": "^3.0.2",
     "typeface-fira-mono": "^1.1.13",
@@ -34,26 +36,24 @@
     "vue-i18n": "^9.1.10",
     "vue-prism-component": "^2.0.0",
     "vue-router": "^4.0.16",
-    "@vuelidate/core": "2.0.0-alpha.42",
-    "@vuelidate/validators": "2.0.0-alpha.30",
     "vuetify": "^3.0.0-beta.5",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.7",
+    "@babel/core": "^7.18.6",
+    "@babel/eslint-parser": "^7.18.2",
+    "@babel/eslint-plugin": "^7.17.7",
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-plugin-router": "~5.0.0",
     "@vue/cli-plugin-vuex": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
     "@vue/test-utils": "^2.0.0",
-    "@babel/eslint-parser": "^7.18.2",
-    "@babel/eslint-plugin": "^7.17.7",
+    "@vue/vue3-jest": "^28.0.1",
+    "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^28.1.2",
     "copy-webpack-plugin": "^11.0.0",
-    "postcss-loader": "^7.0.0",
-    "sass-loader": "^13.0.2",    
-    "eslint": "^8.18.0",    
+    "eslint": "^8.18.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-vue": "^8.0.3",
@@ -62,13 +62,15 @@
     "node-notifier": "^10.0.0",
     "postcss": "^8.4.14",
     "postcss-import": "^11.0.0",
+    "postcss-loader": "^7.0.0",
     "postcss-url": "^7.0.0",
     "sass": "~1.32.0",
+    "sass-loader": "^13.0.2",
     "stylus": "^0.58.1",
     "vue-cli-plugin-vuetify": "~2.5.1",
     "vue-style-loader": "^4.1.3",
     "vue-template-compiler": "^2.6.11",
-    "webpack-plugin-vuetify": "^2.0.0-alpha.0"
+    "webpack-plugin-vuetify": "^2.0.0-alpha.11"
   },
   "browserslist": [
     "> 1%",

package-lock.json

@@ -0,0 +1,8 @@
+//jest.config.js
+module.exports = {
+  moduleFileExtensions: ['js', 'json', 'vue'],
+  transform: {
+    "^.+\\.js$": "babel-jest",
+    ".*\\.(vue)$": "@vue/vue3-jest"
+  }  
+};

package.json

@@ -1,5 +1,5 @@
 // Libraries
-import Vuetify from 'vuetify';
+import vuetify from './plugins/vuetify';
 
 import Landing from '@/components/Landing';
 import { shallowMount } from '@vue/test-utils'
@@ -11,10 +11,9 @@ import i18n from '../../../src/i18n/index';
 
 describe('Landing.vue', () => {
   const localVue = createLocalVue();
-  let vuetify;
+  localVue.use(vuetify);
 
   beforeEach(() => {
-    vuetify = new Vuetify()
   })
 
   it('should render correct contents', () => {