chore: update eslint and webpack configurations (#525)

* chore: update eslint and webpack configurations

* chore: update gitignore and fix test spec

Author: simonguo

.eslintcache

@@ -8,38 +8,34 @@ pids
 *.pid
 *.seed
 
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
+# Coverage directory
 coverage
 
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
 # Dependency directories
 node_modules
 jspm_packages
 
-# Optional npm cache directory
-.npm
-
-# Optional REPL history
-.node_repl_history
-.DS_Store
-
+# Build outputs
 dist
 lib
 es
+
+# IDE and editor files
 .vscode/
-assets
+
+# OS generated files
+.DS_Store
+
+# Package manager files
 yarn.lock
+
+# Cache files
+.npm
+.eslintcache
+
+# Miscellaneous
+.nyc_output
+.grunt
+.lock-wscript
+build/Release
+assets

.gitignore

@@ -38,6 +38,14 @@ export default [
   {
     // Test files
     files: ['**/test/*.{js,mjs,cjs,ts,jsx,tsx}'],
+    languageOptions: {
+      globals: {
+        ...globals.mocha,
+        ...globals.chai,
+        expect: true,
+        sinon: true
+      }
+    },
     rules: {
       'react/display-name': 'off'
     }

eslint.config.mjs

@@ -1,49 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-
-const webpackConfig = {
-  mode: 'development',
-  output: {
-    pathinfo: true
-  },
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js']
-  },
-  module: {
-    rules: [
-      {
-        test: [/\.tsx?$/, /\.jsx?$/],
-        use: ['babel-loader?babelrc'],
-        exclude: /node_modules/
-      },
-      {
-        test: /\.(less|css)$/,
-        use: [
-          MiniCssExtractPlugin.loader,
-          {
-            loader: 'css-loader'
-          },
-          {
-            loader: 'less-loader',
-            options: {
-              sourceMap: true,
-              lessOptions: {
-                javascriptEnabled: true
-              }
-            }
-          }
-        ]
-      }
-    ]
-  },
-  plugins: [
-    new MiniCssExtractPlugin({
-      filename: '[name].css',
-      chunkFilename: '[id].css'
-    })
-  ],
-  devtool: 'eval'
-};
+/* eslint-disable @typescript-eslint/no-require-imports */
 
 module.exports = config => {
   const { env } = process;
@@ -67,7 +22,7 @@ module.exports = config => {
     preprocessors: {
       'test/*.js': ['webpack']
     },
-    webpack: webpackConfig,
+    webpack: require('./webpack.karma.js'),
     webpackMiddleware: {
       noInfo: true
     },

karma.conf.js

@@ -67,25 +67,29 @@
     "@commitlint/config-conventional": "^13.1.0",
     "@eslint/js": "^9.17.0",
     "@faker-js/faker": "^7.6.0",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.2.0",
     "@types/lodash": "^4.14.165",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@types/react-is": "^18.2.4",
+    "@types/karma": "^6.3.9",
+    "@types/karma-mocha": "^1.3.1",
+    "@types/karma-sinon-chai": "^2.0.0",
+    "@types/karma-webpack": "^2.0.9",
     "autoprefixer": "^8.3.0",
     "babel-loader": "^8.2.2",
     "babel-plugin-date-fns": "^0.2.1",
     "babel-plugin-istanbul": "^4.1.4",
     "babel-plugin-lodash": "^3.3.4",
-    "chai": "^4.1.0",
+    "chai": "^4.3.5",
     "conventional-changelog-cli": "^2.1.1",
     "coveralls": "^3.1.0",
     "cross-env": "^5.2.1",
     "css-loader": "^0.23.1",
     "cssnano": "^4.1.10",
     "cz-conventional-changelog": "^3.3.0",
     "del": "^5.1.0",
-    "dtslint": "^3.4.2",
     "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.37.3",
@@ -101,7 +105,7 @@
     "gulp-rtlcss": "^1.4.1",
     "gulp-sourcemaps": "^2.6.4",
     "html-webpack-plugin": "^5.3.2",
-    "karma": "^6.4.0",
+    "karma": "^6.3.14",
     "karma-chai-dom": "^1.1.0",
     "karma-chrome-launcher": "^3.1.0",
     "karma-cli": "^2.0.0",
@@ -115,15 +119,15 @@
     "less": "^4.1.3",
     "less-loader": "^11.0.0",
     "mini-css-extract-plugin": "^2.3.0",
-    "mocha": "^9.0.2",
+    "mocha": "^11.0.1",
     "prettier": "^2.3.2",
     "react": "^18.2.0",
     "react-code-view": "^2.2.1",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.2.0",
     "rsuite": "5.78.0",
-    "sinon": "^11.1.2",
+    "sinon": "^19.0.2",
     "sinon-chai": "^3.7.0",
     "style-loader": "^0.13.1",
     "ts-expect": "^1.3.0",