Add configuration to get some tests/testing suites to succeed

Author: GomDave

babel.config.js

@@ -13,6 +13,6 @@ if (fs.existsSync('./.babelrc')) {
 }
 
 module.exports = {
-  presets: ['@quasar/babel-preset-app'],
+  presets: ['@quasar/babel-preset-app', '@babel/preset-typescript', '@vue/cli-plugin-babel/preset', '@babel/preset-env'],
   extends: extend,
 };

jest.config.js

@@ -11,6 +11,11 @@ module.exports = {
       pug: { doctype: 'html' },
     }
   },
+  modulePaths: [ "<rootDir>", "/home/some/other/path" ],
+  moduleDirectories: [ "node_modules" ],
+  testEnvironmentOptions: {
+    customExportConditions: ["node", "node-addons"],
+ },
   // noStackTrace: true,
   // bail: true,
   // cache: false,
@@ -37,7 +42,7 @@ module.exports = {
     '<rootDir>/test/jest/__tests__/**/*.(spec|test).js',
     '<rootDir>/src/**/*.jest.(spec|test).js',
   ],
-  moduleFileExtensions: ['vue', 'js', 'jsx', 'json'],
+  moduleFileExtensions: ['vue', 'js', 'jsx', 'json', 'ts'],
   moduleNameMapper: {
     '^quasar$': 'quasar/dist/quasar.esm.prod.js',
     '^~/(.*)$': '<rootDir>/$1',
@@ -50,7 +55,10 @@ module.exports = {
     '^boot/(.*)$': '<rootDir>/src/boot/$1',
     '.*css$': '@quasar/quasar-app-extension-testing-unit-jest/stub.css',
   },
+  preset: 'ts-jest',
   transform: {
+    '^.+\\.(ts|tsx)?$': 'ts-jest',
+    // '^.+\\.(js|jsx)$": "babel-jest',
     // '.*\\.vue$': 'vue-jest',
     '.*\\.vue$': '@vue/vue3-jest',
     '.*\\.js$': 'babel-jest',

package-lock.json

@@ -25,6 +25,7 @@
     "concurrently:dev:jest": "concurrently \"quasar dev\" \"jest --watch\""
   },
   "dependencies": {
+    "@babel/preset-env": "^7.22.14",
     "@he-tree/vue": "^2.4.2",
     "@overvue/vue3-tree-chart": "^0.7.6",
     "@quasar/cli": "^1.3.2",
@@ -33,6 +34,7 @@
     "@types/node": "^18.8.0",
     "@typescript-eslint/eslint-plugin": "^5.36.2",
     "@typescript-eslint/parser": "^5.36.2",
+    "babel-jest": "^29.6.4",
     "bootstrap": "^5.2.0",
     "bootstrap-vue": "^2.22.0",
     "core-js": "^3.21.1",
@@ -41,7 +43,9 @@
     "fs-extra": "^10.0.0",
     "http": "^0.0.1-security",
     "https": "^1.0.0",
-    "jest-cli": "^27.5.1",
+    "jest": "^29.6.4",
+    "jest-cli": "^29.6.4",
+    "jest-environment-jsdom": "^29.6.4",
     "localforage": "^1.10.0",
     "lodash.clonedeep": "^4.5.0",
     "lodash.isequal": "^4.5.0",
@@ -53,6 +57,7 @@
     "prismjs": "^1.27.0",
     "quasar": "^2.5.5",
     "quasar-dotenv": "^1.0.5",
+    "ts-jest": "^29.1.1",
     "typescript": "^4.8.3",
     "vue": "^3.2.31",
     "vue-accessible-color-picker": "^4.0.3",
@@ -71,13 +76,15 @@
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.17.0",
+    "@babel/preset-typescript": "^7.22.11",
     "@pinia/testing": "^0.0.14",
     "@quasar/app": "^3.3.3",
     "@quasar/quasar-app-extension-testing-unit-jest": "^3.0.0-alpha.7",
+    "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/devtools": "^6.0.12",
     "@vue/test-utils": "^2.0.0-rc.18",
     "@vue/tsconfig": "^0.1.3",
-    "@vue/vue3-jest": "^27.0.0-alpha.4",
+    "@vue/vue3-jest": "^29.2.5",
     "electron": "^17.4.10",
     "electron-builder": "^23.0.2",
     "electron-is-dev": "^2.0.0",
@@ -86,7 +93,9 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-jest": "^26.1.1",
     "eslint-plugin-vue": "^8.4.1",
-    "eslint-webpack-plugin": "^3.1.1"
+    "eslint-webpack-plugin": "^3.1.1",
+    "install": "^0.13.0",
+    "npm": "^9.8.1"
   },
   "browserslist": [
     "last 10 Chrome versions",

package.json

@@ -0,0 +1,4 @@
+declare module '*.vue' {
+  import vue from 'vue';
+  export default vue;
+}

src/shims-vue.d.ts

@@ -4,7 +4,7 @@
  */
 // import mutations from "../../../src/store/options/mutations";
 import { setActivePinia, createPinia } from 'pinia'
-import { useStore } from "src/store/main.js";
+import { useStore } from "../../../src/store/main.js";
 
 
 /**

test/jest/__tests__/App.spec.js

@@ -3,7 +3,7 @@ import { createApp } from "vue";
 import { createTestingPinia } from "@pinia/testing";
 import * as All from "quasar";
 const { Quasar, date } = All;
-import { useStore } from "../../../store/main.js";
+import { useStore } from "../../../src/store/main.js";
 
 const store = useStore();
 //testing that export as typescript on/off, showTutorial, all update properly

test/jest/__tests__/booleanToggles.spec.js

@@ -5,7 +5,7 @@
  import { mount, createLocalVue, shallowMount } from "@vue/test-utils";
  import * as All from "quasar";
  import { iterate } from "localforage";
- import { useStore } from "../../../store/main.js";
+ import { useStore } from "../../../src/store/main.js";
  import { createTestingPinia } from "@pinia/testing";
  const { Quasar, date } = All;
 

test/jest/__tests__/dragAndDropTest.spec.js

@@ -5,7 +5,7 @@ import * as All from "quasar";
 const { Quasar, date } = All;
 
 import { createTestingPinia } from "@pinia/testing"; // *
-import { useStore } from "../../src/store/main"; // *
+import { useStore } from "../../../src/store/main"; // *
 const piniaStore = useStore(); // *
 
 const components = Object.keys(All).reduce((object, key) => {