Upgrade jest and jsdom

This brings:
 - jest* up from 29.4.2 -> 29.7.0
 - jsdom up from 20.0.0 -> 22.1.0

While the latest version of jest-dom-environment still wants `jsdom@^20.0.0`,
it can safely use at least up to `[email protected]`. See jestjs/jest#13825 (comment)
for details.

Upgrading to latest versions lets us improve some WheelEvent tests and will
make it possible to test a much simpler FormData construction approach (see #29018)

Author: jenseng

package.json

@@ -137,6 +137,7 @@
     "flags": "node ./scripts/flags/flags.js"
   },
   "resolutions": {
-    "react-is": "npm:react-is"
+    "react-is": "npm:react-is",
+    "jsdom": "22.1.0"
   }
 }

packages/react-dom/src/__tests__/ReactDOMFizzServer-test.js

@@ -4357,7 +4357,7 @@ describe('ReactDOMFizzServer', () => {
         pipe(writable);
       });
       expect(window.getComputedStyle(document.body).backgroundColor).toMatch(
-        'blue',
+        'rgb(0, 0, 255)',
       );
     });
 
@@ -4386,7 +4386,7 @@ describe('ReactDOMFizzServer', () => {
         pipe(writable);
       });
       expect(window.getComputedStyle(document.body).backgroundColor).toMatch(
-        'red',
+        'rgb(255, 0, 0)',
       );
     });
   });

packages/react-dom/src/events/__tests__/SyntheticWheelEvent-test.js

@@ -65,11 +65,8 @@ describe('SyntheticWheelEvent', () => {
       root.render(<div onWheel={onWheel} />);
     });
 
-    let event = new MouseEvent('wheel', {
+    let event = new WheelEvent('wheel', {
       bubbles: true,
-    });
-    // jsdom doesn't support these so we add them manually.
-    Object.assign(event, {
       deltaX: 10,
       deltaY: -50,
     });
@@ -78,7 +75,7 @@ describe('SyntheticWheelEvent', () => {
     event = new MouseEvent('wheel', {
       bubbles: true,
     });
-    // jsdom doesn't support these so we add them manually.
+    // jsdom doesn't support these legacy Webkit properties so we add them manually.
     Object.assign(event, {
       wheelDeltaX: -10,
       wheelDeltaY: 50,
@@ -106,15 +103,15 @@ describe('SyntheticWheelEvent', () => {
     });
 
     container.firstChild.dispatchEvent(
-      new MouseEvent('wheel', {
+      new WheelEvent('wheel', {
         bubbles: true,
         deltaX: 10,
         deltaY: -50,
       }),
     );
 
     container.firstChild.dispatchEvent(
-      new MouseEvent('wheel', {
+      new WheelEvent('wheel', {
         bubbles: true,
         deltaX: 10,
         deltaY: -50,