update testing dependencies

Author: ClaraTschamon

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["next/babel"]
+}

jest.config.js

@@ -1,5 +1,7 @@
 module.exports = {
   roots: ['<rootDir>'],
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
   moduleFileExtensions: ['ts', 'tsx', 'js', 'json', 'jsx'],
   testPathIgnorePatterns: ['<rootDir>[/\\\\](node_modules|.next)[/\\\\]'],
   transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(ts|tsx)$'],

package.json

@@ -48,6 +48,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.3.0",
+    "@testing-library/dom": "^10.4.0",
     "@types/socket.io": "^2.1.11",
     "antd": "^5.23.3",
     "basic-auth": "^2.0.1",
@@ -66,26 +67,28 @@
     "sequelize": "^6.37.5",
     "socket.io": "^3.0.3",
     "socket.io-client": "^3.0.3",
+    "ts-jest": "^29.2.5",
     "tsscmp": "^1.0.6",
     "uuid": "^8.3.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.11.5",
-    "@testing-library/react": "^10.0.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
     "@types/basic-auth": "^1.1.3",
-    "@types/jest": "^25.1.4",
-    "@types/node": "^13.9.5",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.13.1",
     "@types/react": "^19.0.8",
     "@typescript-eslint/eslint-plugin": "^2.25.0",
     "@typescript-eslint/parser": "^2.25.0",
-    "babel-jest": "^25.2.3",
+    "babel-jest": "^29.7.0",
     "eslint": "^6.8.0",
     "eslint-config-prettier": "^6.10.1",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.19.0",
     "husky": "^4.3.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^25.2.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-watch-typeahead": "^0.5.0",
     "lint-staged": "^10.0.10",
     "nodemon": "^2.0.6",

test/setupTests.ts

@@ -1,4 +1,20 @@
-import '@testing-library/jest-dom';
+require('@testing-library/jest-dom');
+import { useRouter } from 'next/router';
+
+jest.mock('next/router', () => ({
+  useRouter: jest.fn(),
+}));
+
+const mockedUseRouter = useRouter as jest.Mock;
+
+beforeEach(() => {
+  mockedUseRouter.mockReturnValue({
+    route: '/',
+    pathname: '/',
+    query: {},
+    asPath: '/',
+  });
+});
 
 global.fetch = jest.fn();
 

tsconfig.json

@@ -14,7 +14,8 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "useDefineForClassFields": true,
-    "incremental": true
+    "incremental": true,
+    "types": ["@testing-library/jest-dom"]
   },
   "exclude": ["node_modules", ".next", "out"],
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.js"]