Use happy-dom instead of jsdom.

Author: molefrog

bun.lock

@@ -142,6 +142,7 @@
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^16.3.0",
     "@types/babel__core": "^7.20.5",
+    "@types/bun": "^1.2.14",
     "@types/react": "^18.2.0",
     "@types/react-test-renderer": "^18.0.0",
     "@vitejs/plugin-react": "^4.0.4",
@@ -150,8 +151,8 @@
     "copyfiles": "^2.4.1",
     "eslint": "^7.19.0",
     "eslint-plugin-react-hooks": "^4.6.2",
+    "happy-dom": "^17.4.7",
     "husky": "^4.3.0",
-    "jsdom": "^22.1.0",
     "path-to-regexp": "^6.2.1",
     "preact": "^10.23.2",
     "preact-render-to-string": "^6.5.9",

package.json

@@ -5,6 +5,6 @@ export default defineProject({
   plugins: [preact()],
   test: {
     name: "wouter-preact",
-    environment: "jsdom",
+    environment: "happy-dom",
   },
 });

packages/wouter-preact/vitest.config.ts

@@ -163,7 +163,7 @@ describe("<Link />", () => {
 
     fireEvent.click(getByTestId("link"));
     expect(location.pathname).toBe("/goo-baz");
-    expect(history.state).toBe(testState);
+    expect(history.state).toStrictEqual(testState);
   });
 
   it("can be configured to use custom href formatting", () => {

packages/wouter/test/link.test.tsx

@@ -66,7 +66,7 @@ it("supports history state", () => {
   const { unmount } = render(<Redirect to="/users" state={testState} />);
 
   expect(location.pathname).toBe("/users");
-  expect(history.state).toBe(testState);
+  expect(history.state).toStrictEqual(testState);
   unmount();
 });
 

packages/wouter/test/redirect.test.tsx

@@ -47,7 +47,16 @@ describe("`value` first argument", () => {
       history.back();
     });
 
-    await waitFor(() => expect(result.current[0]).toBe("/"));
+    // Workaround for happy-dom: manually dispatch popstate event
+    // happy-dom doesn't fully implement history.back() popstate events
+    act(() => {
+      const popstateEvent = new PopStateEvent("popstate", {
+        state: history.state,
+      });
+      window.dispatchEvent(popstateEvent);
+    });
+
+    await waitFor(() => expect(result.current[0]).toBe("/"), { timeout: 1000 });
     unmount();
   });
 

packages/wouter/test/use-browser-location.test.tsx

@@ -6,6 +6,6 @@ export default defineProject({
   test: {
     name: "wouter-react",
     setupFiles: "./setup-vitest.ts",
-    environment: "jsdom",
+    environment: "happy-dom",
   },
 });