add jest

Author: xlorne

admin-ui/jest.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+    preset: 'ts-jest',
+    testEnvironment: 'jsdom',
+    moduleNameMapper: {
+        '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+    },
+    setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+};

admin-ui/jest.config.ts

@@ -0,0 +1,15 @@
+import '@testing-library/jest-dom';
+
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: jest.fn().mockImplementation(query => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(), // 旧版 API
+        removeListener: jest.fn(), // 旧版 API
+        addEventListener: jest.fn(), // 新版 API
+        removeEventListener: jest.fn(), // 新版 API
+        dispatchEvent: jest.fn(),
+    })),
+});

admin-ui/jest.setup.ts

@@ -0,0 +1,13 @@
+import '@testing-library/jest-dom';
+
+
+test("map", () => {
+    const map = new Map();
+    map.set('key', 'value');
+    expect(map.get('key')).toBe('value');
+    expect(map.has('key')).toBe(true);
+    expect(map.size).toBe(1);
+    map.delete('key');
+    expect(map.has('key')).toBe(false);
+    expect(map.size).toBe(0);
+})

admin-ui/jest/map.test.ts

@@ -66,7 +66,7 @@
     "@babel/preset-typescript": "^7.26.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.1.0",
+    "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.7",
     "@types/lodash-es": "^4.17.12",
@@ -85,7 +85,7 @@
     "sass": "^1.78.0",
     "sass-loader": "^16.0.1",
     "style-loader": "^4.0.0",
-    "ts-jest": "^29.2.5",
+    "ts-jest": "^29.3.2",
     "ts-loader": "^9.5.1",
     "ts-node": "^10.9.2",
     "webpack": "^5.94.0",

admin-ui/package.json

@@ -0,0 +1,8 @@
+module.exports = {
+    preset: 'ts-jest',
+    testEnvironment: 'jsdom',
+    moduleNameMapper: {
+        '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+    },
+    setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+};

mobile-ui/jest.config.js

@@ -0,0 +1,15 @@
+import '@testing-library/jest-dom';
+
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: jest.fn().mockImplementation(query => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(), // 旧版 API
+        removeListener: jest.fn(), // 旧版 API
+        addEventListener: jest.fn(), // 新版 API
+        removeEventListener: jest.fn(), // 新版 API
+        dispatchEvent: jest.fn(),
+    })),
+});

mobile-ui/jest.setup.ts

@@ -0,0 +1,13 @@
+import '@testing-library/jest-dom';
+
+
+test("map", () => {
+    const map = new Map();
+    map.set('key', 'value');
+    expect(map.get('key')).toBe('value');
+    expect(map.has('key')).toBe(true);
+    expect(map.size).toBe(1);
+    map.delete('key');
+    expect(map.has('key')).toBe(false);
+    expect(map.size).toBe(0);
+})

mobile-ui/jest/map.test.ts

@@ -36,7 +36,9 @@
   "scripts": {
     "start": "webpack serve --config webpack.config.mock.js --open",
     "dev": "webpack serve --config webpack.config.dev.js --open",
-    "build": "webpack --mode production --config webpack.config.prod.js"
+    "build": "webpack --mode production --config webpack.config.prod.js",
+    "test": "jest",
+    "test:watch": "jest --watchAll"
   },
   "eslintConfig": {
     "extends": [
@@ -59,16 +61,25 @@
     "@types/lodash": "^4.17.7",
     "@types/lodash-es": "^4.17.12",
     "@types/react-resizable": "^3.0.8",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@types/jest": "^29.5.14",
+    "@types/mockjs": "^1.0.10",
+    "babel-jest": "^29.7.0",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^7.1.2",
     "express": "^4.21.0",
     "html-webpack-plugin": "^5.6.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "mockjs": "^1.1.0",
-    "monaco-editor-webpack-plugin": "^7.1.0",
     "sass": "^1.78.0",
     "sass-loader": "^16.0.1",
     "style-loader": "^4.0.0",
+    "ts-jest": "^29.3.2",
     "ts-loader": "^9.5.1",
     "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4",

mobile-ui/package.json

@@ -2,7 +2,6 @@ const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const {CleanWebpackPlugin} = require('clean-webpack-plugin');
-const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
 const {dependencies} = require("./package.json");
 
@@ -56,7 +55,6 @@ module.exports = {
     },
     plugins: [
         new CleanWebpackPlugin(),
-        new MonacoWebpackPlugin(),
         new HtmlWebpackPlugin({
             template: './public/index.html',
         }),