chore: replace jsdom with happy-dom (#248)

hi-ogawa · May 8, 2024 · 8c38a93 · 8c38a93
1 parent beb4b82
commit 8c38a93
Show file tree

Hide file tree

Showing 8 changed files with 91 additions and 64 deletions.
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
     "@types/node": "^20.11.19",
     "@vitest/ui": "^1.3.1",
     "esbuild": "^0.20.0",
+    "happy-dom": "^14.10.1",
     "tsup": "^8.0.2",
     "tsx": "^4.7.1",
     "typedoc": "^0.25.8",

diff --git a/packages/tiny-react/vitest.config.ts b/packages/tiny-react/vitest.config.ts
@@ -4,7 +4,7 @@ import { defineConfig } from "vitest/config";
 export default defineConfig({
   test: {
     dir: "src",
-    environment: "jsdom",
+    environment: "happy-dom",
     alias: {
       "@hiogawa/tiny-react/jsx-dev-runtime": resolve(
         "src/helper/jsx-runtime.ts"

diff --git a/packages/tiny-refresh/src/runtime.test.tsx b/packages/tiny-refresh/src/runtime.test.tsx
@@ -1,4 +1,4 @@
-// @vitest-environment jsdom
+// @vitest-environment happy-dom
 
 import { act, cleanup, render } from "@testing-library/react";
 import React from "react";

diff --git a/packages/tiny-store/vitest.config.ts b/packages/tiny-store/vitest.config.ts
@@ -2,6 +2,6 @@ import { defineConfig } from "vitest/config";
 
 export default defineConfig({
   test: {
-    environment: "jsdom",
+    environment: "happy-dom",
   },
 });
diff --git a/packages/utils-react/package.json b/packages/utils-react/package.json
@@ -31,7 +31,6 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/react": "^18.2.14",
     "@types/react-test-renderer": "^18.0.0",
-    "jsdom": "^22.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0"

diff --git a/packages/utils-react/src/index.test.tsx b/packages/utils-react/src/index.test.tsx
@@ -247,17 +247,17 @@ describe(useMergeRefs, () => {
     render(<Demo />);
     expect(fn.mock.calls.map((c) => c.join(":"))).toMatchInlineSnapshot(`
       [
-        "inner-none:fun:[object HTMLElement]",
-        "inner-mut:fun:[object HTMLElement]",
-        "inner-fun:fun:[object HTMLElement]",
-        "outer-fun:[object HTMLElement]",
-        "inner-none:mut:[object HTMLElement]",
+        "inner-none:fun:<main></main>",
+        "inner-mut:fun:<main></main>",
+        "inner-fun:fun:<main></main>",
+        "outer-fun:<main></main>",
+        "inner-none:mut:<main></main>",
         "inner-none:forwarded:",
-        "inner-mut:mut:[object HTMLElement]",
+        "inner-mut:mut:<main></main>",
         "inner-mut:forwarded:[object Object]",
-        "inner-fun:mut:[object HTMLElement]",
+        "inner-fun:mut:<main></main>",
         "inner-fun:forwarded:(el) => fn("outer-fun", el)",
-        "outer-mut:[object HTMLElement]",
+        "outer-mut:<main></main>",
       ]
     `);
     fn.mockReset();
@@ -274,15 +274,15 @@ describe(useMergeRefs, () => {
     await userEvent.click(screen.getByRole("button"));
     expect(fn.mock.calls.map((c) => c.join(":"))).toMatchInlineSnapshot(`
       [
-        "inner-none:fun:[object HTMLElement]",
-        "inner-mut:fun:[object HTMLElement]",
-        "inner-fun:fun:[object HTMLElement]",
-        "outer-fun:[object HTMLElement]",
-        "inner-none:mut:[object HTMLElement]",
+        "inner-none:fun:<main></main>",
+        "inner-mut:fun:<main></main>",
+        "inner-fun:fun:<main></main>",
+        "outer-fun:<main></main>",
+        "inner-none:mut:<main></main>",
         "inner-none:forwarded:",
-        "inner-mut:mut:[object HTMLElement]",
+        "inner-mut:mut:<main></main>",
         "inner-mut:forwarded:[object Object]",
-        "inner-fun:mut:[object HTMLElement]",
+        "inner-fun:mut:<main></main>",
         "inner-fun:forwarded:(el) => fn("outer-fun", el)",
       ]
     `);

diff --git a/packages/utils-react/vitest.config.ts b/packages/utils-react/vitest.config.ts
@@ -2,6 +2,6 @@ import { defineConfig } from "vitest/config";
 
 export default defineConfig({
   test: {
-    environment: "jsdom",
+    environment: "happy-dom",
   },
 });