change: migrate from mocha to vitest (#1914)

Author: netomi

webui/CHANGELOG.md

@@ -4,6 +4,10 @@ This change log covers only the frontend library (webui) of Open VSX.
 
 ## [next] (unreleased)
 
+### Changed
+
+- Migrate unit test framework from mocha to vitest
+
 ### Dependencies
 
 - Bump tar from `7.5.11` to `7.5.16` ([#1907](https://github.com/eclipse-openvsx/openvsx/pull/1907))

webui/configs/mocharc.json

@@ -77,15 +77,13 @@
         "@eslint/js": "^9.39.0",
         "@playwright/test": "^1.58.0",
         "@stylistic/eslint-plugin": "^5.9.0",
-        "@types/chai": "^4.3.5",
         "@types/d3-scale": "^4.0",
         "@types/d3-shape": "^3.1",
         "@types/dompurify": "^3.0.2",
         "@types/express": "^4.17.21",
         "@types/lodash": "^4.14.195",
         "@types/luxon": "^3.7.1",
         "@types/markdown-it": "^14.1.0",
-        "@types/mocha": "^10.0.0",
         "@types/node": "^22.0.0",
         "@types/prop-types": "^15.7.0",
         "@types/punycode": "^2.1.0",
@@ -97,24 +95,22 @@
         "@typescript-eslint/eslint-plugin": "^8.56.0",
         "@typescript-eslint/parser": "^8.56.0",
         "@vitejs/plugin-react": "^5.1.0",
-        "chai": "^4.3.0",
         "eslint": "^9.39.0",
         "eslint-plugin-react": "^7.37.0",
         "eslint-plugin-react-refresh": "^0.5.2",
         "express": "^4.21.0",
         "express-rate-limit": "^7.4.0",
-        "mocha": "^11.7.0",
         "rimraf": "^6.1.0",
         "rollup-plugin-visualizer": "^7.0.1",
-        "ts-mocha": "^11.1.0",
         "ts-node": "^10.9.2",
         "typescript": "^5.9.0",
-        "vite": "^7.3.0"
+        "vite": "^7.3.0",
+        "vitest": "^3.0.0"
     },
     "scripts": {
         "clean": "rimraf lib && rimraf dist",
         "build": "tsc -p ./configs/lib.tsconfig.json && yarn run lint",
-        "test": "ts-mocha --project ./configs/test.tsconfig.json --config ./configs/mocharc.json",
+        "test": "vitest run",
         "smoke-tests": "playwright install && playwright test --config=./configs/playwright.config.ts",
         "lint": "eslint -c eslint.config.mjs src",
         "watch": "tsc -w -p ./tsconfig.json --preserveWatchOutput",

webui/configs/test.tsconfig.json

@@ -8,8 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import 'mocha';
-import { expect } from 'chai';
+import { describe, it, expect } from 'vitest';
 import { toRelativeTime } from '../../src/utils';
 
 describe('toRelativeTime', () => {
@@ -20,32 +19,32 @@ describe('toRelativeTime', () => {
     const msPerYear = msPerDay * 365;
     it('should report "now" for seconds', () => {
         const now = Date.now();
-        expect(toRelativeTime(new Date(now - 10000).toString())).to.equal('now');
-        expect(toRelativeTime(new Date(now).toString())).to.equal('now');
+        expect(toRelativeTime(new Date(now - 10000).toString())).toBe('now');
+        expect(toRelativeTime(new Date(now).toString())).toBe('now');
     });
     it('should correctly report minutes', () => {
         const now = Date.now();
-        expect(toRelativeTime(new Date(now - 10 * msPerMinute).toString())).to.equal('10 minutes ago');
-        expect(toRelativeTime(new Date(now - msPerMinute).toString())).to.equal('1 minute ago');
+        expect(toRelativeTime(new Date(now - 10 * msPerMinute).toString())).toBe('10 minutes ago');
+        expect(toRelativeTime(new Date(now - msPerMinute).toString())).toBe('1 minute ago');
     });
     it('should correctly report hours', () => {
         const now = Date.now();
-        expect(toRelativeTime(new Date(now - 10 * msPerHour).toString())).to.equal('10 hours ago');
-        expect(toRelativeTime(new Date(now - msPerHour).toString())).to.equal('1 hour ago');
+        expect(toRelativeTime(new Date(now - 10 * msPerHour).toString())).toBe('10 hours ago');
+        expect(toRelativeTime(new Date(now - msPerHour).toString())).toBe('1 hour ago');
     });
     it('should correctly report days', () => {
         const now = Date.now();
-        expect(toRelativeTime(new Date(now - 10 * msPerDay).toString())).to.equal('10 days ago');
-        expect(toRelativeTime(new Date(now - msPerDay).toString())).to.equal('1 day ago');
+        expect(toRelativeTime(new Date(now - 10 * msPerDay).toString())).toBe('10 days ago');
+        expect(toRelativeTime(new Date(now - msPerDay).toString())).toBe('1 day ago');
     });
     it('should correctly report months', () => {
         const now = Date.now();
-        expect(toRelativeTime(new Date(now - 10 * msPerMonth).toString())).to.equal('10 months ago');
-        expect(toRelativeTime(new Date(now - msPerMonth).toString())).to.equal('1 month ago');
+        expect(toRelativeTime(new Date(now - 10 * msPerMonth).toString())).toBe('10 months ago');
+        expect(toRelativeTime(new Date(now - msPerMonth).toString())).toBe('1 month ago');
     });
     it('should correctly report years', () => {
         const now = Date.now();
-        expect(toRelativeTime(new Date(now - 10 * msPerYear).toString())).to.equal('10 years ago');
-        expect(toRelativeTime(new Date(now - msPerYear).toString())).to.equal('1 year ago');
+        expect(toRelativeTime(new Date(now - 10 * msPerYear).toString())).toBe('10 years ago');
+        expect(toRelativeTime(new Date(now - msPerYear).toString())).toBe('1 year ago');
     });
 });

webui/package.json

@@ -3,7 +3,6 @@
   "references": [
     { "path": "./configs/app.tsconfig.json" },
     { "path": "./configs/server.tsconfig.json" },
-    { "path": "./configs/node.tsconfig.json" },
-    { "path": "./configs/test.tsconfig.json" }
+    { "path": "./configs/node.tsconfig.json" }
   ]
 }

webui/test/unit/utils.spec.ts

@@ -1,3 +1,4 @@
+/// <reference types="vitest/config" />
 import path from 'node:path';
 import react from '@vitejs/plugin-react';
 import { defineConfig, PluginOption } from 'vite';
@@ -20,6 +21,10 @@ export default defineConfig(() => ({
         }
     },
     publicDir: 'static',
+    test: {
+        include: ['test/unit/**/*.spec.{ts,tsx}'],
+        environment: 'node',
+    },
     build: {
         target: 'es2020',
         minify: true,