chore: upgrade jest (#56909)

### What?

Upgrade jest to its latest version

### Why?

#56899 fails because historically Jest stripped the globals in Node.js, but 28+ isn't doing that anymore. If we upgrade, we don't have to keep track of Node.js globals and when they are added. This will be useful in removing even more polyfills for things that are natively shipped in Node.js now.

### How?

Jest 29 introduced a change to the snapshot format: https://jestjs.io/blog/2022/08/25/jest-29

First, I tried setting the old compat option to not require updating snapshots, but some tests were still failing: https://dev.azure.com/nextjs/next.js/_build/results?buildId=70633&view=logs&j=8af7cf9c-43a1-584d-6f5c-57bad8880974&t=7ae70e63-3625-50f4-6764-5b3e72b4bd7a&l=273 So going through the pain now instead.

Author: balazsorban44

jest.config.js

@@ -17,9 +17,6 @@ const customJestConfig = {
   modulePathIgnorePatterns: ['/\\.next/'],
   modulePaths: ['<rootDir>/lib'],
   transformIgnorePatterns: ['/next[/\\\\]dist/', '/\\.next/'],
-  globals: {
-    AbortSignal: global.AbortSignal,
-  },
   moduleNameMapper: {
     '@next/font/(.*)': '@next/font/$1',
   },

package.json

@@ -97,7 +97,7 @@
     "@types/glob": "7.1.1",
     "@types/html-validator": "5.0.3",
     "@types/http-proxy": "1.17.3",
-    "@types/jest": "27.4.1",
+    "@types/jest": "29.5.5",
     "@types/node": "20.2.5",
     "@types/node-fetch": "2.6.1",
     "@types/react": "18.2.28",
@@ -158,8 +158,9 @@
     "image-size": "0.9.3",
     "is-animated": "2.0.2",
     "isomorphic-unfetch": "3.0.0",
-    "jest": "27.0.6",
-    "jest-extended": "1.2.1",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-extended": "4.0.2",
     "jest-junit": "16.0.0",
     "json5": "2.2.3",
     "ky": "0.19.1",

packages/font/src/local/loader.test.ts

@@ -82,7 +82,7 @@ describe('next/font/local loader', () => {
 
       expect(css).toMatchInlineSnapshot(`
         "@font-face {
-        font-feature-settings: \\"smcp\\" on;
+        font-feature-settings: "smcp" on;
         ascent-override: 90%;
         font-family: myFont;
         src: url(/_next/static/media/my-font.woff2) format('woff2');

packages/next/src/build/webpack/loaders/metadata/resolve-route-data.test.ts

@@ -87,8 +87,8 @@ describe('resolveRouteData', () => {
           },
         ])
       ).toMatchInlineSnapshot(`
-        "<?xml version=\\"1.0\\" encoding=\\"UTF-8\\"?>
-        <urlset xmlns=\\"http://www.sitemaps.org/schemas/sitemap/0.9\\">
+        "<?xml version="1.0" encoding="UTF-8"?>
+        <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
         <url>
         <loc>https://example.com</loc>
         <lastmod>2021-01-01</lastmod>

packages/next/src/client/components/router-reducer/fill-cache-with-data-property.test.tsx

@@ -73,15 +73,15 @@ describe('fillCacheWithDataProperty', () => {
     )
 
     expect(cache).toMatchInlineSnapshot(`
-      Object {
+      {
         "data": null,
         "parallelRoutes": Map {
           "children" => Map {
-            "linking" => Object {
+            "linking" => {
               "data": null,
               "parallelRoutes": Map {
                 "children" => Map {
-                  "" => Object {
+                  "" => {
                     "data": null,
                     "parallelRoutes": Map {},
                     "status": "READY",
@@ -96,7 +96,7 @@ describe('fillCacheWithDataProperty', () => {
                 Linking
               </React.Fragment>,
             },
-            "dashboard" => Object {
+            "dashboard" => {
               "data": Promise {
                 "status": "pending",
               },