Fix Jest tests

Author: karlhorky

packages/cra-template/template.json

@@ -8,6 +8,8 @@
       "@testing-library/user-event": "^14.6.1",
       "@types/testing-library__jest-dom": "^6.0.0",
       "jest": "^30.0.5",
+      "jest-environment-jsdom": "^30.0.5",
+      "jest-watch-typeahead": "^3.0.1",
       "eslint": "^9.32.0"
     }
   }

packages/react-scripts/config/jest/cssTransform.js

@@ -13,7 +13,7 @@
 
 module.exports = {
   process() {
-    return 'module.exports = {};';
+    return { code: 'module.exports = {};' };
   },
   getCacheKey() {
     // The output is always the same.

packages/react-scripts/config/jest/fileTransform.js

@@ -17,24 +17,26 @@ module.exports = {
         pascalCase: true,
       });
       const componentName = `Svg${pascalCaseFilename}`;
-      return `const React = require('react');
-      module.exports = {
-        __esModule: true,
-        default: ${assetFilename},
-        ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
-          return {
-            $$typeof: Symbol.for('react.element'),
-            type: 'svg',
-            ref: ref,
-            key: null,
-            props: Object.assign({}, props, {
-              children: ${assetFilename}
-            })
-          };
-        }),
-      };`;
+      return {
+        code: `const React = require('react');
+          module.exports = {
+            __esModule: true,
+            default: ${assetFilename},
+            ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
+              return {
+                $$typeof: Symbol.for('react.element'),
+                type: 'svg',
+                ref: ref,
+                key: null,
+                props: Object.assign({}, props, {
+                  children: ${assetFilename}
+                })
+              };
+            }),
+          };`,
+      };
     }
 
-    return `module.exports = ${assetFilename};`;
+    return { code: `module.exports = ${assetFilename};` };
   },
 };