Move to vitest

package.json

@@ -21,7 +21,6 @@
     "format": "prettier . --write",
     "glyph:build": "rimraf .fontello-session && fontello-cli install --config src/main/glyph/config.json --font src/main/glyph/font --css src/main/glyph/css",
     "glyph:open": "rimraf .fontello-session && fontello-cli open --config src/main/glyph/config.json",
-    "jest": "jest src/test/javascript/spec --logHeapUsage --maxWorkers=2 --no-cache",
     "lint": "npm run lint:js && npm run lint:pug && npm run lint:sass && npm run prettier:format",
     "lint:ci": "npm run lint:ci:js && npm run lint:ci:pug && npm run lint:ci:sass && npm run prettier:check",
     "lint:ci:js": "npm run lint:js:run -- --no-fix",
@@ -37,10 +36,10 @@
     "prettier:run": "prettier \"{{src/**/,}*.{md,json,yml,html,vue,java,xml},*.{js,ts},src/{main/glyph,main/webapp,test/javascript}/**/*.{css,scss}}\"",
     "preview": "vite preview",
     "start": "npm run dev",
-    "test": "npm run jest --",
-    "test:clear": "jest --clearCache",
-    "test:watch": "npm run jest -- --watch",
+    "test": "npm run vitest -- run --coverage --",
+    "test:watch": "npm run vitest --",
     "tikui:serve": "tikui-core serve",
+    "vitest": "vitest",
     "webapp:serve": "vite"
   },
   "dependencies": {
@@ -53,10 +52,10 @@
     "@prettier/plugin-xml": "2.2.0",
     "@rushstack/eslint-patch": "1.2.0",
     "@tikui/core": "3.0.0",
-    "@types/jest": "27.5.0",
     "@types/sinon": "10.0.13",
     "@typescript-eslint/parser": "5.39.0",
     "@vitejs/plugin-vue": "3.1.2",
+    "@vitest/coverage-istanbul": "0.24.0",
     "@vue/eslint-config-prettier": "7.0.0",
     "@vue/eslint-config-typescript": "10.0.0",
     "@vue/test-utils": "2.1.0",
@@ -66,9 +65,7 @@
     "eslint-plugin-vue": "8.7.1",
     "fontello-cli": "0.6.2",
     "husky": "8.0.1",
-    "jest": "26.6.3",
-    "jest-sonar-reporter": "2.0.0",
-    "jest-transform-stub": "2.0.0",
+    "jsdom": "20.0.1",
     "lint-staged": "13.0.3",
     "postcss-scss": "4.0.5",
     "prettier": "2.7.1",
@@ -83,10 +80,9 @@
     "stylelint-config-standard": "28.0.0",
     "stylelint-config-standard-scss": "5.0.0",
     "tikuidoc-tikui": "5.0.0",
-    "ts-jest": "26.5.6",
     "typescript": "4.8.4",
     "vite": "3.1.6",
-    "vue-jest": "5.0.0-alpha.10",
+    "vitest": "0.24.0",
     "vue-tsc": "0.40.13"
   },
   "engines": {

src/main/webapp/app/common/primary/timeout/Timeout.ts

@@ -10,7 +10,7 @@ export interface TimeoutListener {
 export type TimeoutLauncher = () => TimeoutListener;
 
 export class Timeout implements TimeoutListener {
-  private registration: Optional<number>;
+  private registration: Optional<ReturnType<typeof setTimeout>>;
   constructor() {
     this.registration = Optional.empty();
   }

src/test/javascript/spec/common/domain/Optional.spec.ts

@@ -1,4 +1,5 @@
 import { Optional } from '@/common/domain/Optional';
+import { describe, it, expect } from 'vitest';
 
 describe('Optional', () => {
   describe('Empty check', () => {

src/test/javascript/spec/common/primary/app/App.spec.ts

@@ -1,5 +1,6 @@
 import { shallowMount, VueWrapper } from '@vue/test-utils';
 import { AppVue } from '@/common/primary/app';
+import { describe, it, expect } from 'vitest';
 
 let wrapper: VueWrapper;
 

src/test/javascript/spec/common/primary/header/Header.spec.ts

@@ -1,5 +1,6 @@
 import { shallowMount } from '@vue/test-utils';
 import { HeaderVue } from '@/common/primary/header';
+import { describe, it, expect } from 'vitest';
 
 describe('Header', () => {
   it('should exist', () => {

src/test/javascript/spec/common/primary/icon/Icon.spec.ts

@@ -1,5 +1,6 @@
 import { shallowMount } from '@vue/test-utils';
 import { IconVue } from '@/common/primary/icon';
+import { describe, it, expect } from 'vitest';
 
 describe('Icon', () => {
   it('should exist', () => {

src/test/javascript/spec/common/primary/timeout/Timeout.spec.ts

@@ -1,19 +1,24 @@
 import { Timeout } from '@/common/primary/timeout/Timeout';
 import sinon from 'sinon';
+import { describe, expect, it, vi, beforeEach, afterEach } from 'vitest';
 
 const TIMEOUT_TIME = 3000;
 const LESS_TIME = 1000;
 
 describe('Timeout', () => {
-  beforeEach(() => jest.useFakeTimers());
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
 
-  afterEach(() => jest.useRealTimers());
+  afterEach(() => {
+    vi.useRealTimers();
+  });
 
   it('Should launch timeout after passed time', () => {
     const stub = sinon.stub();
     new Timeout().register(stub, TIMEOUT_TIME);
 
-    jest.advanceTimersByTime(TIMEOUT_TIME);
+    vi.advanceTimersByTime(TIMEOUT_TIME);
 
     expect(stub.callCount).toBe(1);
   });
@@ -22,7 +27,7 @@ describe('Timeout', () => {
     const stub = sinon.stub();
     new Timeout().register(stub, TIMEOUT_TIME);
 
-    jest.advanceTimersByTime(LESS_TIME);
+    vi.advanceTimersByTime(LESS_TIME);
 
     expect(stub.callCount).toBe(0);
   });
@@ -33,7 +38,7 @@ describe('Timeout', () => {
     timeout.register(stub, TIMEOUT_TIME);
 
     timeout.unregister();
-    jest.advanceTimersByTime(TIMEOUT_TIME);
+    vi.advanceTimersByTime(TIMEOUT_TIME);
 
     expect(stub.callCount).toBe(0);
   });
@@ -50,9 +55,9 @@ describe('Timeout', () => {
     const secondCall = sinon.stub();
 
     timeout.register(firstCall, TIMEOUT_TIME);
-    jest.advanceTimersByTime(LESS_TIME);
+    vi.advanceTimersByTime(LESS_TIME);
     timeout.register(secondCall, TIMEOUT_TIME);
-    jest.advanceTimersByTime(TIMEOUT_TIME);
+    vi.advanceTimersByTime(TIMEOUT_TIME);
 
     expect(firstCall.callCount).toBe(0);
     expect(secondCall.callCount).toBe(1);

src/test/javascript/spec/common/primary/toast/Toast.spec.ts

@@ -6,6 +6,7 @@ import { AlertListener } from '@/common/domain/alert/AlertListener';
 import { AlertListenerFixture, stubAlertListener } from '../../domain/AlertListener.fixure';
 import { TimeoutListener } from '@/common/primary/timeout/Timeout';
 import { stubTimeout } from '../timeout/Timeout.fixture';
+import { describe, it, expect } from 'vitest';
 
 let wrapper: VueWrapper;
 let component: any;

src/test/javascript/spec/common/secondary/ConsoleLogger.spec.ts

@@ -1,6 +1,7 @@
 import sinon from 'sinon';
 
 import ConsoleLogger from '@/common/secondary/ConsoleLogger';
+import { describe, it, expect } from 'vitest';
 
 describe('ConsoleLogger', () => {
   it('should log an error', () => {

src/test/javascript/spec/common/secondary/alert/MittAlertBus.spec.ts

@@ -2,6 +2,7 @@ import sinon, { SinonStub } from 'sinon';
 import { Emitter } from 'mitt';
 import { MittAlertBus } from '@/common/secondary/alert/MittAlertBus';
 import { AlertType } from '@/common/secondary/alert/AlertType';
+import { describe, it, expect } from 'vitest';
 
 interface EmitterStub extends Emitter<any> {
   emit: SinonStub;

src/test/javascript/spec/common/secondary/alert/MittAlertListener.spec.ts

@@ -2,6 +2,7 @@ import sinon from 'sinon';
 import mitt from 'mitt';
 import { MittAlertListener } from '@/common/secondary/alert/MittAlertListener';
 import { AlertType } from '@/common/secondary/alert/AlertType';
+import { describe, it, expect } from 'vitest';
 
 describe('MittAlertListener', () => {
   it('should listen sent success message', () => {

src/test/javascript/spec/http/AxiosHttp.spec.ts

@@ -1,6 +1,7 @@
 import { AxiosResponse } from 'axios';
 import { AxiosHttp } from '@/http/AxiosHttp';
 import { dataAxiosResponse, stubAxiosInstance } from './AxiosStub';
+import { describe, it, expect } from 'vitest';
 
 interface Payload {
   payload: string;

src/test/javascript/spec/loader/primary/Loader.spec.ts

@@ -1,4 +1,5 @@
 import { Loader } from '@/loader/primary/Loader';
+import { describe, it, expect } from 'vitest';
 
 describe('Loader', () => {
   it('Should be loading for loading loader', () => {

src/test/javascript/spec/module/domain/landscape/Landscape.spec.ts

@@ -2,6 +2,7 @@ import { LandscapeSelectionElement } from '@/module/domain/landscape/LandscapeSe
 import { LandscapeSelectionTree } from '@/module/domain/landscape/LandscapeSelectionTree';
 import { applicationBaseNamePropertyDefinition, moduleSlug, optionalBooleanPropertyDefinition } from '../Modules.fixture';
 import { defaultLandscape, featureSlug } from './Landscape.fixture';
+import { describe, it, expect } from 'vitest';
 
 describe('Landscape', () => {
   describe('Reset applied modules', () => {

src/test/javascript/spec/module/domain/landscape/LandscapeSelectionTree.spec.ts

@@ -1,6 +1,7 @@
 import { LandscapeSelectionElement } from '@/module/domain/landscape/LandscapeSelectionElement';
 import { LandscapeSelectionTree } from '@/module/domain/landscape/LandscapeSelectionTree';
 import { moduleSlug } from '../Modules.fixture';
+import { describe, expect, it } from 'vitest';
 
 describe('Landscape selection tree', () => {
   it('Should get empty optional for unknown element', () => {

src/test/javascript/spec/module/domain/landscape/LandscapeUnselectionTree.spec.ts

@@ -1,5 +1,6 @@
 import { LandscapeUnselectionTree } from '@/module/domain/landscape/LandscapeUnselectionTree';
 import { moduleSlug } from '../Modules.fixture';
+import { describe, it, expect } from 'vitest';
 
 describe('Unselection tree', () => {
   it('Should not include unknown element', () => {

src/test/javascript/spec/module/primary/landscape/LandscapeComponent.spec.ts

@@ -11,6 +11,7 @@ import { defaultLandscape } from '../../domain/landscape/Landscape.fixture';
 import { ModulesRepositoryStub, projectHistoryWithInit, stubModulesRepository } from '../../domain/Modules.fixture';
 import { ProjectFoldersRepositoryStub, stubProjectFoldersRepository } from '../../domain/ProjectFolders.fixture';
 import { stubWindow } from '../GlobalWindow.fixture';
+import { describe, it, expect, vi } from 'vitest';
 
 interface ApplicationListenerStub extends ApplicationListener {
   addEventListener: SinonStub;
@@ -560,7 +561,7 @@ describe('Landscape', () => {
       const wrapper = wrap({ modules });
       await flushPromises();
 
-      const consoleErrors = jest.spyOn(console, 'error').mockImplementation();
+      const consoleErrors = vi.spyOn(console, 'error').mockImplementation();
       await updatePath(wrapper);
 
       expect(console.error).toHaveBeenCalledTimes(0);

src/test/javascript/spec/module/primary/modules-patch/ModulesPatchComponent.spec.ts

@@ -13,6 +13,7 @@ import { stubAlertBus } from '../../../common/domain/AlertBus.fixture';
 import { ProjectFoldersRepository } from '@/module/domain/ProjectFoldersRepository';
 import { ProjectFoldersRepositoryStub, stubProjectFoldersRepository } from '../../domain/ProjectFolders.fixture';
 import { stubWindow } from '../GlobalWindow.fixture';
+import { describe, it, expect } from 'vitest';
 
 interface WrapperOptions {
   modules: ModulesRepository;

src/test/javascript/spec/module/primary/project-actions/ProjectActionsComponent.spec.ts

@@ -6,6 +6,7 @@ import { ModulesRepository } from '@/module/domain/ModulesRepository';
 import { wrappedElement } from '../../../WrappedElement';
 import { stubWindow } from '../GlobalWindow.fixture';
 import sinon from 'sinon';
+import { describe, it, expect } from 'vitest';
 
 interface WrapperOptions {
   folderPath: string;

src/test/javascript/spec/module/secondary/RestModulesRepository.spec.ts

@@ -10,6 +10,7 @@ import { RestLandscapeFeature } from '@/module/secondary/RestLandscapeFeature';
 import { ModuleSlug } from '@/module/domain/ModuleSlug';
 import { RestModulePropertyDefinition } from '@/module/secondary/RestModulePropertyDefinition';
 import { defaultLandscape } from '../domain/landscape/Landscape.fixture';
+import { describe, it, expect } from 'vitest';
 
 describe('Rest modules repository', () => {
   it('Should list modules using axios', async () => {

src/test/javascript/spec/module/secondary/RestProjectFoldersRepository.spec.ts

@@ -1,5 +1,6 @@
 import { stubAxiosHttp } from '../../http/AxiosHttpStub';
 import { RestProjectFoldersRepository } from '@/module/secondary/RestProjectFoldersRepository';
+import { describe, it, expect } from 'vitest';
 
 describe('Rest project folders repository', () => {
   it('Should get project folder using axios', async () => {

tsconfig.json

@@ -10,7 +10,7 @@
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "lib": ["esnext", "dom"],
-    "types": ["vite/client", "@types/jest"],
+    "types": ["vite/client"],
     "baseUrl": ".",
     "paths": {
       "@/*": ["src/main/webapp/app/*"]

vitest.config.ts

@@ -0,0 +1,47 @@
+import { defineConfig } from 'vitest/config';
+import path from 'path';
+import vue from '@vitejs/plugin-vue';
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src/main/webapp/app'),
+    },
+  },
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          isCustomElement: tag => /^x-/.test(tag),
+        },
+      },
+    }),
+  ],
+  test: {
+    include: ['src/test/javascript/spec/**/*.spec.ts'],
+    logHeapUsage: true,
+    minThreads: 1,
+    maxThreads: 2,
+    environment: 'jsdom',
+    cache: false,
+    coverage: {
+      clean: true,
+      exclude: [
+        'src/main/webapp/**/*.component.ts',
+        'src/main/webapp/app/main.ts',
+        'src/main/webapp/app/router/index.ts',
+        '**/*.d.ts',
+        'src/test/**/*',
+      ],
+      provider: 'istanbul',
+      reportsDirectory: 'target/test-results/',
+      reporter: ['html', 'json-summary', 'text', 'text-summary', 'lcov', 'clover'],
+      watermarks: {
+        statements: [100, 100],
+        branches: [100, 100],
+        functions: [100, 100],
+        lines: [100, 100],
+      },
+    },
+  },
+});