Updated configs to react 19

Author: dlymonkai

configs/eslint-config-typescript/package.json

@@ -15,7 +15,7 @@
     "@monkvision/eslint-config-base": "*",
     "@typescript-eslint/eslint-plugin": "^5.43.0",
     "@typescript-eslint/parser": "^5.43.0",
-    "typescript": "^4.8.4"
+    "typescript": "^5.9.2"
   },
   "publishConfig": {
     "access": "public"

configs/jest-config/base.js

@@ -1,17 +1,19 @@
-const esModules = ['@monkvision/test-utils', 'ky'].join('|');
+const esModules = ["@monkvision/test-utils", "ky"].join("|");
 
 module.exports = (options) => ({
-  rootDir: './',
-  roots: options?.monorepo ? ['<rootDir>', '<rootDir>/../../configs/test-utils/src/__mocks__'] : ['<rootDir>'],
-  preset: 'ts-jest',
-  testEnvironment: 'node',
-  testMatch: ['**/test/**/*.test.ts'],
-  coverageDirectory: 'coverage',
-  coverageReporters: ['lcov'],
-  collectCoverageFrom: [
-    'src/**/*.ts',
-  ],
-  transformIgnorePatterns: options?.monorepo ? [] : [`node_modules/(?!${esModules})`],
+  rootDir: "./",
+  roots: options?.monorepo
+    ? ["<rootDir>", "<rootDir>/../../configs/test-utils/src/__mocks__"]
+    : ["<rootDir>"],
+  preset: "ts-jest",
+  testEnvironment: "node",
+  testMatch: ["**/test/**/*.test.ts"],
+  coverageDirectory: "coverage",
+  coverageReporters: ["lcov"],
+  collectCoverageFrom: ["src/**/*.ts"],
+  transformIgnorePatterns: options?.monorepo
+    ? []
+    : [`node_modules/(?!${esModules})`],
   coverageThreshold: {
     global: {
       branches: 60,
@@ -20,4 +22,4 @@ module.exports = (options) => ({
       statements: 60,
     },
   },
-})
+});

configs/jest-config/index.js

@@ -1,5 +1,5 @@
-const base = require('./base');
-const react = require('./react');
+const base = require("./base");
+const react = require("./react");
 
 module.exports = {
   base,

configs/jest-config/setupTests.js

@@ -1,12 +1,15 @@
-const fs = require('fs');
-const path = require('path');
+const fs = require("fs");
+const path = require("path");
 
-const mocks = fs.readdirSync(
-  path.join(__dirname, '..', 'test-utils', 'src', '__mocks__'),
-  { recursive: true },
-).filter((name) => !name.startsWith('imports') && !name.match(/^@[^/]+$/g))
-  .map((name) => name.substring(0, name.length - (name.endsWith('x') ? 4 : 3)));
+const mocks = fs
+  .readdirSync(path.join(__dirname, "..", "test-utils", "src", "__mocks__"), {
+    recursive: true,
+  })
+  .filter((name) => !name.startsWith("imports") && !name.match(/^@[^/]+$/g))
+  .map((name) => name.substring(0, name.length - (name.endsWith("x") ? 4 : 3)));
 
 mocks.forEach((mock) => {
-  jest.mock(mock, () => require('@monkvision/test-utils/src/__mocks__/' + mock));
+  jest.mock(mock, () =>
+    require("@monkvision/test-utils/src/__mocks__/" + mock)
+  );
 });

configs/test-utils/package.json

@@ -28,8 +28,7 @@
     "@monkvision/jest-config": "5.1.4",
     "@monkvision/prettier-config": "5.1.4",
     "@monkvision/typescript-config": "5.1.4",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.2.2",
     "@types/node": "^18.11.9",
     "@typescript-eslint/eslint-plugin": "^5.43.0",
@@ -50,8 +49,8 @@
     "jest": "^29.3.1",
     "mkdirp": "^1.0.4",
     "prettier": "^2.7.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^19.1",
+    "react-dom": "^19.1",
     "regexpp": "^3.2.0",
     "rimraf": "^3.0.2",
     "ts-jest": "^29.0.3",

configs/test-utils/src/expects/props.tsx

@@ -21,7 +21,23 @@ export function expectPropsOnChildMock(
   Component: jest.Mock | FC<any> | ForwardedRef<any>,
   props: { [key: string]: unknown },
 ): void {
-  expect(Component).toHaveBeenCalledWith(expect.objectContaining(props), expect.anything());
+  const mock = Component as jest.Mock;
+  expect(mock).toHaveBeenCalled();
+
+  const matched = mock.mock.calls.some(([callProps]) =>
+    expect.objectContaining(props).asymmetricMatch(callProps),
+  );
+
+  if (!matched) {
+    throw new Error(
+      `Expected child mock to have been called with props matching ${JSON.stringify(props)},\n` +
+        `but received calls:\n${JSON.stringify(
+          mock.mock.calls.map((c) => c[0]),
+          null,
+          2,
+        )}`,
+    );
+  }
 }
 
 /**