fix components tests by converting ts-jest to jest with babel

packages/components/babel.config.cjs

@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    ["@babel/preset-env", { targets: { node: "current" } }],
+    "@babel/preset-typescript",
+    ["@babel/preset-react", { runtime: "automatic" }],
+  ],
+};

packages/components/jest.config.js

@@ -1,20 +1,11 @@
-/** @type {import('ts-jest').JestConfigWithTsJest} */
+/** @type {import('jest').Config} */
 const jestConfig = {
-  preset: "ts-jest/presets/default-esm-legacy",
   testEnvironment: "jsdom",
+  extensionsToTreatAsEsm: [".ts", ".tsx"],
   setupFilesAfterEnv: ["<rootDir>/test/setup.ts"],
   moduleNameMapper: {
     "^(\\.{1,2}/.*)\\.js$": "$1",
   },
-  transform: {
-    "^.+\\.tsx?$": [
-      "ts-jest",
-      {
-        useESM: true,
-        tsconfig: "tsconfig.tests.json",
-      },
-    ],
-  },
   testPathIgnorePatterns: ["<rootDir>/node_modules/", "<rootDir>/dist"],
 };
 

packages/components/package.json

@@ -22,8 +22,8 @@
     "@hookform/resolvers": "^3.3.3",
     "@lezer/common": "^1.2.0",
     "@quri/prettier-plugin-squiggle": "workspace:*",
-    "@quri/squiggle-textmate-grammar": "workspace:*",
     "@quri/squiggle-lang": "workspace:*",
+    "@quri/squiggle-textmate-grammar": "workspace:*",
     "@quri/ui": "workspace:*",
     "@react-hook/size": "^2.1.2",
     "@tailwindcss/typography": "^0.5.10",
@@ -45,12 +45,14 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@quri/configs": "workspace:*",
+    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
     "@jest/globals": "^29.7.0",
     "@juggle/resize-observer": "^3.4.0",
     "@lezer/generator": "^1.5.1",
     "@lezer/highlight": "^1.2.0",
     "@lezer/lr": "^1.3.14",
+    "@quri/configs": "workspace:*",
     "@storybook/addon-actions": "^7.6.6",
     "@storybook/addon-docs": "^7.6.6",
     "@storybook/addon-essentials": "^7.6.6",
@@ -73,6 +75,7 @@
     "@typescript-eslint/eslint-plugin": "^6.16.0",
     "@typescript-eslint/parser": "^6.16.0",
     "@wogns3623/eslint-plugin-better-exhaustive-deps": "^1.1.0",
+    "babel-jest": "^29.7.0",
     "canvas": "^2.11.2",
     "eslint": "^8.56.0",
     "eslint-plugin-react": "^7.33.2",
@@ -88,7 +91,6 @@
     "rollup-plugin-node-builtins": "^2.1.2",
     "storybook": "^7.6.7",
     "tailwindcss": "^3.4.0",
-    "ts-jest": "^29.1.1",
     "typescript": "^5.3.3",
     "vite": "^5.0.10"
   },