fix(test): isolate motion animations in happy-dom

messages/ja/dashboard.json

@@ -522,7 +522,7 @@
         "configTotalTimeout": "全体タイムアウト",
         "configStickyCooldown": "Sticky タイムアウトのクールダウン",
         "configStickyBindingTtl": "Sticky バインドの有効期間 (SESSION_TTL)",
-        "slotSaturation": "Hedge スロット飽和（{count} 件）",
+        "slotSaturation": "Hedge スロット飽和 ({count} 件)",
         "slotSaturationEvent": "{provider} · {active}/{cap} 件がアクティブ · 経過 {elapsed}ms",
         "attemptDetails": {
           "providerId": "Provider ID",

tests/framer-motion.mock.tsx

@@ -0,0 +1,49 @@
+import { createElement, type ComponentType, type ReactNode } from "react";
+import { vi } from "vitest";
+
+type MotionProps = {
+  children?: ReactNode;
+  [key: string]: unknown;
+};
+
+const motionOnlyProps = new Set([
+  "animate",
+  "custom",
+  "exit",
+  "initial",
+  "layout",
+  "layoutId",
+  "onAnimationComplete",
+  "onAnimationStart",
+  "transition",
+  "variants",
+  "whileFocus",
+  "whileHover",
+  "whileInView",
+  "whileTap",
+]);
+
+function createMotionComponent(tag: string): ComponentType<MotionProps> {
+  return ({ children, ...props }) => {
+    const domProps = Object.fromEntries(
+      Object.entries(props).filter(([name]) => !motionOnlyProps.has(name))
+    );
+    return createElement(tag, domProps, children);
+  };
+}
+
+const motionComponents = new Map<string, ComponentType<MotionProps>>();
+const motion = new Proxy({} as Record<string, ComponentType<MotionProps>>, {
+  get: (_target, property: string | symbol) => {
+    if (typeof property !== "string") return undefined;
+
+    const existing = motionComponents.get(property);
+    if (existing) return existing;
+
+    const component = createMotionComponent(property);
+    motionComponents.set(property, component);
+    return component;
+  },
+});
+
+vi.mock("framer-motion", () => ({ motion }));

tests/unit/auth/login-page-site-title.test.tsx

@@ -5,6 +5,7 @@
 import { act } from "react";
 import { createRoot } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import "../../framer-motion.mock";
 import LoginPage from "../../../src/app/[locale]/login/page";
 
 const mockPush = vi.hoisted(() => vi.fn());

tests/unit/login/login-footer-system-name.test.tsx

@@ -1,6 +1,7 @@
 import { act } from "react";
 import { createRoot } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import "../../framer-motion.mock";
 import LoginPage from "@/app/[locale]/login/page";
 import { DEFAULT_SITE_TITLE } from "@/lib/site-title";
 

tests/unit/login/login-footer-version.test.tsx

@@ -1,6 +1,7 @@
 import { act } from "react";
 import { createRoot } from "react-dom/client";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import "../../framer-motion.mock";
 import LoginPage from "@/app/[locale]/login/page";
 
 const mockPush = vi.hoisted(() => vi.fn());

tests/unit/login/login-loading-state.test.tsx

@@ -1,6 +1,7 @@
 import { describe, expect, it, vi, beforeEach, afterEach } from "vitest";
 import { createRoot } from "react-dom/client";
 import { act } from "react";
+import "../../framer-motion.mock";
 import LoginPage from "@/app/[locale]/login/page";
 
 const mockPush = vi.hoisted(() => vi.fn());

tests/unit/login/login-overlay-a11y.test.tsx

@@ -1,6 +1,7 @@
 import { describe, expect, it, vi, beforeEach, afterEach } from "vitest";
 import { createRoot } from "react-dom/client";
 import { act } from "react";
+import "../../framer-motion.mock";
 import LoginPage from "@/app/[locale]/login/page";
 
 const mockPush = vi.hoisted(() => vi.fn());

tests/unit/login/login-ui-redesign.test.tsx

@@ -1,6 +1,7 @@
 import { describe, expect, it, vi, beforeEach, afterEach } from "vitest";
 import { createRoot } from "react-dom/client";
 import { act } from "react";
+import "../../framer-motion.mock";
 import LoginPage from "@/app/[locale]/login/page";
 
 const mockPush = vi.hoisted(() => vi.fn());

tests/unit/login/login-visual-regression.test.tsx

@@ -1,6 +1,7 @@
 import { describe, expect, it, vi, beforeEach, afterEach } from "vitest";
 import { createRoot } from "react-dom/client";
 import { act } from "react";
+import "../../framer-motion.mock";
 import LoginPage from "@/app/[locale]/login/page";
 
 // Mocks

tests/unit/settings/providers/provider-form-endpoint-pool.test.tsx

@@ -8,6 +8,7 @@ import { act } from "react";
 import { createRoot } from "react-dom/client";
 import { NextIntlClientProvider } from "next-intl";
 import { beforeEach, describe, expect, test, vi } from "vitest";
+import "../../../framer-motion.mock";
 import { ProviderForm } from "../../../../src/app/[locale]/settings/providers/_components/forms/provider-form";
 import { Dialog } from "../../../../src/components/ui/dialog";
 import enMessages from "../../../../messages/en";

tests/unit/settings/providers/provider-form-total-limit-ui.test.tsx

@@ -8,6 +8,7 @@ import { act } from "react";
 import { createRoot } from "react-dom/client";
 import { NextIntlClientProvider } from "next-intl";
 import { beforeEach, describe, expect, test, vi } from "vitest";
+import "../../../framer-motion.mock";
 import { ProviderForm } from "../../../../src/app/[locale]/settings/providers/_components/forms/provider-form";
 import { Dialog } from "../../../../src/components/ui/dialog";
 import enMessages from "../../../../messages/en";