Fix URL creation with memory history

package.json

@@ -68,6 +68,7 @@
     "@types/semver": "^7.3.8",
     "@typescript-eslint/eslint-plugin": "^4.28.3",
     "@typescript-eslint/parser": "^4.28.3",
+    "abort-controller": "^3.0.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.6.3",
     "babel-plugin-dev-expression": "^0.2.2",

packages/router/__tests__/browser-test.ts

@@ -1,7 +1,3 @@
-/**
- * @jest-environment ./__tests__/custom-environment.js
- */
-
 /* eslint-disable jest/expect-expect */
 
 import { JSDOM } from "jsdom";

packages/router/__tests__/hash-base-test.ts

@@ -1,7 +1,3 @@
-/**
- * @jest-environment ./__tests__/custom-environment.js
- */
-
 import { JSDOM } from "jsdom";
 
 import type { HashHistory } from "@remix-run/router";

packages/router/__tests__/hash-test.ts

@@ -1,7 +1,3 @@
-/**
- * @jest-environment ./__tests__/custom-environment.js
- */
-
 /* eslint-disable jest/expect-expect */
 
 import { JSDOM } from "jsdom";

packages/router/__tests__/router-memory-test.ts

@@ -0,0 +1,107 @@
+/**
+ * @jest-environment node
+ */
+
+import { createMemoryHistory, createRouter } from "../index";
+
+// This suite of tests specifically runs in the node jest environment to catch
+// issues when window is not present
+describe("a memory router", () => {
+  it("initializes properly", async () => {
+    let router = createRouter({
+      routes: [
+        {
+          path: "/",
+        },
+      ],
+      history: createMemoryHistory(),
+    });
+    expect(router.state).toEqual({
+      historyAction: "POP",
+      loaderData: {},
+      actionData: null,
+      errors: null,
+      location: {
+        hash: "",
+        key: expect.any(String),
+        pathname: "/",
+        search: "",
+        state: null,
+      },
+      matches: [
+        {
+          params: {},
+          pathname: "/",
+          pathnameBase: "/",
+          route: {
+            id: "0",
+            path: "/",
+          },
+        },
+      ],
+      initialized: true,
+      navigation: {
+        location: undefined,
+        state: "idle",
+      },
+      preventScrollReset: false,
+      restoreScrollPosition: null,
+      revalidation: "idle",
+      fetchers: new Map(),
+    });
+    router.dispose();
+  });
+
+  it("can create Requests without window", async () => {
+    let loaderSpy = jest.fn();
+    let router = createRouter({
+      routes: [
+        {
+          path: "/",
+        },
+        {
+          path: "/a",
+          loader: loaderSpy,
+        },
+      ],
+      history: createMemoryHistory(),
+    });
+
+    router.navigate("/a");
+    expect(loaderSpy.mock.calls[0][0].request.url).toBe("unknown://unknown/a");
+    router.dispose();
+  });
+
+  it("can create URLs without window", async () => {
+    let shouldRevalidateSpy = jest.fn();
+
+    let router = createRouter({
+      routes: [
+        {
+          path: "/",
+          loader: () => "ROOT",
+          shouldRevalidate: shouldRevalidateSpy,
+          children: [
+            {
+              index: true,
+            },
+            {
+              path: "a",
+            },
+          ],
+        },
+      ],
+      history: createMemoryHistory(),
+      hydrationData: { loaderData: { "0": "ROOT" } },
+    });
+
+    router.navigate("/a");
+    expect(shouldRevalidateSpy.mock.calls[0][0].currentUrl.toString()).toBe(
+      "unknown://unknown/"
+    );
+    expect(shouldRevalidateSpy.mock.calls[0][0].nextUrl.toString()).toBe(
+      "unknown://unknown/a"
+    );
+    router.dispose();
+  });
+});

packages/router/__tests__/setup.ts

@@ -1,4 +1,9 @@
+import {
+  TextEncoder as NodeTextEncoder,
+  TextDecoder as NodeTextDecoder,
+} from "util";
 import { fetch, Request, Response } from "@remix-run/web-fetch";
+import { AbortController as NodeAbortController } from "abort-controller";
 
 if (!globalThis.fetch) {
   // Built-in lib.dom.d.ts expects `fetch(Request | string, ...)` but the web
@@ -13,3 +18,14 @@ if (!globalThis.fetch) {
   // @ts-expect-error
   globalThis.Response = Response;
 }
+
+if (!globalThis.AbortController) {
+  // @ts-expect-error
+  globalThis.AbortController = NodeAbortController;
+}
+
+if (!globalThis.TextEncoder || !globalThis.TextDecoder) {
+  globalThis.TextEncoder = NodeTextEncoder;
+  // @ts-expect-error
+  globalThis.TextDecoder = NodeTextDecoder;
+}

packages/router/history.ts

@@ -559,15 +559,20 @@ export function parsePath(path: string): Partial<Path> {
 }
 
 export function createClientSideURL(location: Location | string): URL {
-  // window.location.origin is "null" (the literal string value) in Firefox
-  // under certain conditions, notably when serving from a local HTML file
-  // See https://bugzilla.mozilla.org/show_bug.cgi?id=878297
-  let base =
-    typeof window !== "undefined" &&
-    typeof window.location !== "undefined" &&
-    window.location.origin !== "null"
-      ? window.location.origin
-      : window.location.href;
+  // Used for in-memory history URLs
+  let base = "unknown://unknown";
+
+  if (typeof window !== "undefined") {
+    // window.location.origin is "null" (the literal string value) in Firefox
+    // under certain conditions, notably when serving from a local HTML file
+    // See https://bugzilla.mozilla.org/show_bug.cgi?id=878297
+    base =
+      typeof window.location !== "undefined" &&
+      window.location.origin !== "null"
+        ? window.location.origin
+        : window.location.href;
+  }
+
   let href = typeof location === "string" ? location : createPath(location);
   invariant(
     base,