UI unit tests vitest

webui/package.json

@@ -8,12 +8,14 @@
   "scripts": {
     "transfer": "node dev/scripts/transfer.js",
     "lint": "eslint --ext .js,.vue src",
-    "test-unit": "mocha-webpack --mode=production './src/**/*.spec.js'",
     "dev": "export APP_ENV='development' && quasar dev",
     "build-quasar": "quasar build",
     "build-staging": "export NODE_ENV='production' && export APP_ENV='development' && yarn build-quasar",
     "build": "export NODE_ENV='production' && export APP_ENV='production' && yarn build-quasar && yarn transfer spa",
-    "build:nc": "yarn build"
+    "build:nc": "yarn build",
+    "test": "echo \"See package.json => scripts for available tests.\" && exit 0",
+    "test:unit": "vitest",
+    "test:unit:ci": "vitest run"
   },
   "dependencies": {
     "@quasar/extras": "^1.16.9",
@@ -39,18 +41,18 @@
     "@babel/eslint-parser": "^7.23.10",
     "@quasar/app-vite": "^1.4.3",
     "@quasar/babel-preset-app": "^2.0.2",
+    "@quasar/quasar-app-extension-testing-unit-vitest": "^1.0.0",
     "@vue/test-utils": "^2.4.4",
     "autoprefixer": "^10.4.2",
-    "chai": "5.0.3",
     "eslint": "^8.11.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.19.1",
     "eslint-plugin-mocha": "^10.2.0",
     "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-vue": "^9.0.0",
-    "mocha": "^10.2.0",
-    "postcss": "^8.4.14"
+    "postcss": "^8.4.14",
+    "vitest": "^1.3.1"
   },
   "engines": {
     "node": "^20 || ^18 || ^16",

webui/quasar.extensions.json

@@ -0,0 +1,5 @@
+{
+  "@quasar/testing-unit-vitest": {
+    "options": []
+  }
+}

webui/src/store/http/mutations.spec.js → webui/src/store/http/mutations.vitest.spec.js

@@ -1,4 +1,4 @@
-import { expect } from 'chai'
+import { describe, expect, it } from 'vitest'
 import store from './index.js'
 
 const {

webui/src/store/tcp/mutations.spec.js → webui/src/store/tcp/mutations.vitest.spec.js

@@ -1,4 +1,4 @@
-import { expect } from 'chai'
+import { describe, expect, it } from 'vitest'
 import store from './index.js'
 
 const {

webui/src/store/udp/mutations.spec.js → webui/src/store/udp/mutations.vitest.spec.js

@@ -1,4 +1,4 @@
-import { expect } from 'chai'
+import { describe, expect, it } from 'vitest'
 import store from './index.js'
 
 const {

webui/test/vitest/setup-file.js

@@ -0,0 +1 @@
+// This file will be run before each test file

webui/vitest.config.mjs

@@ -0,0 +1,26 @@
+import { defineConfig } from 'vitest/config';
+import vue from '@vitejs/plugin-vue';
+import { quasar, transformAssetUrls } from '@quasar/vite-plugin';
+import jsconfigPaths from 'vite-jsconfig-paths';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  test: {
+    environment: 'happy-dom',
+    setupFiles: 'test/vitest/setup-file.js',
+    include: [
+      // Matches vitest tests in any subfolder of 'src' or into 'test/vitest/__tests__'
+      // Matches all files with extension 'js', 'jsx', 'ts' and 'tsx'
+      'src/**/*.vitest.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}',
+    ],
+  },
+  plugins: [
+    vue({
+      template: { transformAssetUrls },
+    }),
+    quasar({
+      sassVariables: 'src/quasar-variables.scss',
+    }),
+    jsconfigPaths(),
+  ],
+});