test: replace jest with vitest (#1315)

Closes #1314.

### Summary of Changes

Use `vitest` instead of `jest` as the testing framework.

---------

Co-authored-by: megalinter-bot <[email protected]>

Author: lars-reimann

.eslintrc.js

@@ -4,10 +4,5 @@ module.exports = {
         tsconfigRootDir: __dirname,
         project: 'tsconfig.eslint.json',
     },
-    settings: {
-        jest: {
-            version: 27,
-        },
-    },
     extends: '@lars-reimann',
 };

.github/workflows/main.yml

@@ -83,7 +83,7 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Test with Jest
+      - name: Test with Vitest
         run: npm run test-with-coverage
 
       - name: Upload coverage to Codecov

.github/workflows/pr.yml

@@ -85,7 +85,7 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Test with Jest
+      - name: Test with Vitest
         run: npm run test-with-coverage
 
       - name: Upload coverage to Codecov

api-editor/gui/build.gradle.kts

@@ -35,7 +35,7 @@ tasks.register<NpmTask>("buildGUI") {
         "index.html",
         "package.json",
         "tsconfig.json",
-        "vite.config.ts"
+        "vite.config.ts",
     )
     outputs.dirs("dist")
 
@@ -47,7 +47,6 @@ tasks.register<NpmTask>("testGUI") {
 
     inputs.dir("src")
     inputs.files(
-        "jest.config.json",
         "package.json",
         "tsconfig.json",
     )

api-editor/gui/jest.config.json

@@ -6,8 +6,8 @@
         "dev": "vite",
         "build": "tsc && vite build",
         "serve": "vite preview",
-        "test": "jest src",
-        "test-with-coverage": "jest src --coverage",
+        "test": "vitest src",
+        "test-with-coverage": "vitest src --coverage",
         "gen:theme-typings": "chakra-cli tokens src/theme/index.ts",
         "postinstall": "npm run gen:theme-typings"
     },
@@ -46,9 +46,6 @@
         "@chakra-ui/cli": "^2.3.0",
         "@hookform/devtools": "^4.3.1",
         "@lars-reimann/prettier-config": "^5.0.0",
-        "@testing-library/jest-dom": "^5.16.5",
-        "@testing-library/react": "^14.0.0",
-        "@types/jest": "^28.1.6",
         "@types/node-fetch": "^2.6.2",
         "@types/react": "^18.0.31",
         "@types/react-dom": "^18.0.11",
@@ -57,10 +54,10 @@
         "@types/react-window": "^1.8.4",
         "@types/uuid": "^9.0.1",
         "@vitejs/plugin-react": "^3.1.0",
-        "jest": "^28.1.3",
+        "@vitest/coverage-c8": "^0.29.8",
         "node-fetch": "^2.6.7",
-        "ts-jest": "^28.0.7",
         "typescript": "^5.0.3",
-        "vite": "^4.2.1"
+        "vite": "^4.2.1",
+        "vitest": "^0.29.8"
     }
 }

api-editor/gui/package-lock.json

@@ -1,11 +1,12 @@
 import { groupBy, isEmptyList } from './listOperations';
+import { expect, test } from 'vitest';
 
 test('isEmptyList returns true for empty lists', () => {
-    expect(isEmptyList([])).toBe(true);
+    expect(isEmptyList([])).toBeTruthy();
 });
 
 test('isEmptyLists returns false for non-empty lists', () => {
-    expect(isEmptyList([1])).toBe(false);
+    expect(isEmptyList([1])).toBeFalsy();
 });
 
 test('groupBy with empty list', () => {

api-editor/gui/package.json

@@ -1,21 +1,22 @@
 import { pluralize, truncate } from './stringOperations';
+import { expect, it, describe } from 'vitest';
 
 describe('truncate', () => {
-    test('should return strings with at most max length unchanged', () => {
+    it('should return strings with at most max length unchanged', () => {
         expect(truncate('Lorem ipsum', 11)).toBe('Lorem ipsum');
     });
 
-    test('should truncate strings longer than max length and append ...', () => {
+    it('should truncate strings longer than max length and append ...', () => {
         expect(truncate('Lorem ipsum', 10)).toBe('Lorem ips\u2026');
     });
 });
 
 describe('pluralize', () => {
-    test('should return singular if count is count', () => {
+    it('should return singular if count is count', () => {
         expect(pluralize(1, 'thing')).toBe('1 thing');
     });
 
-    test('should return plural otherwise', () => {
+    it('should return plural otherwise', () => {
         expect(pluralize(0, 'thing')).toBe('0 things');
         expect(pluralize(2, 'thing')).toBe('2 things');
     });

api-editor/gui/src/common/util/listOperations.test.ts

@@ -1,36 +1,37 @@
 import { isValidJsonFile, isValidPythonIdentifier } from './validation';
+import { expect, test } from 'vitest';
 
 test('valid name starting with lower case letter', () => {
     const testString = 'hallo_welt';
-    expect(isValidPythonIdentifier(testString)).toBe(true);
+    expect(isValidPythonIdentifier(testString)).toBeTruthy();
 });
 
 test('valid name starting with _', () => {
     const testString = '_hallo_welt';
-    expect(isValidPythonIdentifier(testString)).toBe(true);
+    expect(isValidPythonIdentifier(testString)).toBeTruthy();
 });
 
 test('valid name starting with upper case letter', () => {
     const testString = 'Hallo_welt';
-    expect(isValidPythonIdentifier(testString)).toBe(true);
+    expect(isValidPythonIdentifier(testString)).toBeTruthy();
 });
 
 test('invalid name with %', () => {
     const testString = 'Hallo%welt';
-    expect(isValidPythonIdentifier(testString)).toBe(false);
+    expect(isValidPythonIdentifier(testString)).toBeFalsy();
 });
 
 test('invalid name starting with number', () => {
     const testString = '9Hallo_Welt';
-    expect(isValidPythonIdentifier(testString)).toBe(false);
+    expect(isValidPythonIdentifier(testString)).toBeFalsy();
 });
 
 test('invalid json file name', () => {
     const testString = 'helloWorld.png';
-    expect(isValidJsonFile(testString)).toBe(false);
+    expect(isValidJsonFile(testString)).toBeFalsy();
 });
 
 test('valid json file name', () => {
     const testString = 'helloWorld.json';
-    expect(isValidJsonFile(testString)).toBe(true);
+    expect(isValidJsonFile(testString)).toBeTruthy();
 });