chore(react-router): cleanup test setup

Author: MichaelDeBoey

integration/form-test.ts

@@ -1102,11 +1102,7 @@ test.describe("Forms", () => {
 
     test("empty file inputs resolve to File objects on the server", async ({
       page,
-      channel,
     }) => {
-      // TODO: Look into this test failing on windows
-      test.skip(channel === "msedge", "Fails on windows with undici");
-
       let app = new PlaywrightFixture(appFixture, page);
 
       await app.goto("/empty-file-upload");

package.json

@@ -94,7 +94,6 @@
     "history": "^5.3.0",
     "isbot": "^5.1.11",
     "jest": "^29.6.4",
-    "jest-environment-jsdom": "^29.6.2",
     "jsonfile": "^6.1.0",
     "prettier": "^2.8.8",
     "prompts": "^2.4.2",
@@ -109,7 +108,6 @@
     "type-fest": "^2.19.0",
     "typedoc": "^0.26.11",
     "typescript": "^5.4.5",
-    "undici": "^6.10.1",
     "unified": "^10.1.2",
     "unist-util-remove": "^3.1.0",
     "vite": "^6.1.0",

packages/react-router/__tests__/setup.ts

@@ -1,44 +1,6 @@
 // https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#configuring-your-testing-environment
 globalThis.IS_REACT_ACT_ENVIRONMENT = true;
 
-if (!globalThis.TextEncoder || !globalThis.TextDecoder) {
-  const { TextDecoder, TextEncoder } = require("node:util");
-  globalThis.TextEncoder = TextEncoder;
-  globalThis.TextDecoder = TextDecoder;
-}
-
-if (!globalThis.ReadableStream || !globalThis.WritableStream) {
-  const { ReadableStream, WritableStream } = require("node:stream/web");
-  globalThis.ReadableStream = ReadableStream;
-  globalThis.WritableStream = WritableStream;
-}
-
-if (!globalThis.fetch) {
-  const { fetch, FormData, Request, Response, Headers } = require("undici");
-
-  globalThis.fetch = fetch;
-  globalThis.Request = Request;
-  globalThis.Response = Response;
-  globalThis.Headers = Headers;
-
-  globalThis.FormData = globalThis.FormData || FormData;
-}
-
-if (!globalThis.TextEncoderStream) {
-  const { TextEncoderStream } = require("node:stream/web");
-  globalThis.TextEncoderStream = TextEncoderStream;
-}
-
-if (!globalThis.TextDecoderStream) {
-  const { TextDecoderStream } = require("node:stream/web");
-  globalThis.TextDecoderStream = TextDecoderStream;
-}
-
-if (!globalThis.TransformStream) {
-  const { TransformStream } = require("node:stream/web");
-  globalThis.TransformStream = TransformStream;
-}
-
 const consoleError = console.error;
 console.error = (msg, ...args) => {
   if (

packages/react-router/jest.config.js

@@ -3,5 +3,5 @@ module.exports = {
   ...require("../../jest/jest.config.shared"),
   setupFiles: ["<rootDir>/__tests__/setup.ts"],
   setupFilesAfterEnv: ["@testing-library/jest-dom"],
-  testEnvironment: "jsdom",
+  testEnvironment: "jest-fixed-jsdom",
 };

packages/react-router/package.json

@@ -89,6 +89,8 @@
   },
   "devDependencies": {
     "@types/set-cookie-parser": "^2.4.1",
+    "jest-environment-jsdom": "^29.6.2",
+    "jest-fixed-jsdom": "^0.0.9",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "rimraf": "^6.0.1",