@simplysm/solid 13.0.75 → 13.0.77

package/tests/components/features/shared-data/SharedDataSelectList.spec.tsx

@@ -2,16 +2,16 @@ import { afterEach, beforeEach, describe, it, expect, vi } from "vitest";
 import { render, screen, fireEvent, cleanup } from "@solidjs/testing-library";
 import { createSignal } from "solid-js";
 import { SharedDataSelectList } from "@simplysm/solid";
-import { DialogProvider } from "../../../../src/components/disclosure/DialogProvider";
-import { I18nProvider } from "../../../../src/providers/i18n/I18nContext";
+import { DialogProvider } from "../../../../src/components/disclosure/Dialog";
+import { I18nProvider } from "../../../../src/providers/i18n/I18nProvider";
 import { ConfigProvider } from "../../../../src/providers/ConfigContext";
 
 // SharedDataAccessor mock factory
 function createMockAccessor<T>(
   items: T[],
   options?: {
-    getIsHidden?: (item: T) => boolean;
-    getSearchText?: (item: T) => string;
+    isItemHidden?: (item: T) => boolean;
+    itemSearchText?: (item: T) => string;
   },
 ) {
   const [itemsSignal] = createSignal(items);
@@ -20,8 +20,8 @@ function createMockAccessor<T>(
     get: (key: string | number | undefined) => items.find((_, i) => i === Number(key)),
     emit: vi.fn(),
     getKey: (item: T) => items.indexOf(item),
-    getIsHidden: options?.getIsHidden,
-    getSearchText: options?.getSearchText,
+    isItemHidden: options?.isItemHidden,
+    itemSearchText: options?.itemSearchText,
   };
 }
 
@@ -48,20 +48,6 @@ describe("SharedDataSelectList", () => {
   // ─── Item Rendering ─────────────────────────────────────
 
   describe("item rendering", () => {
-    it("items are rendered as List.Item", () => {
-      const accessor = createMockAccessor(["Apple", "Banana", "Cherry"]);
-
-      renderWithDialog(() => (
-        <SharedDataSelectList data={accessor} required>
-          <SharedDataSelectList.ItemTemplate>{(item) => <>{item}</>}</SharedDataSelectList.ItemTemplate>
-        </SharedDataSelectList>
-      ));
-
-      expect(screen.getByText("Apple")).toBeTruthy();
-      expect(screen.getByText("Banana")).toBeTruthy();
-      expect(screen.getByText("Cherry")).toBeTruthy();
-    });
-
     it("children render function receives item and index", () => {
       const accessor = createMockAccessor(["A", "B"]);
 
@@ -278,9 +264,9 @@ describe("SharedDataSelectList", () => {
   // ─── Filtering ────────────────────────────────────────────
 
   describe("filtering", () => {
-    it("items hidden by getIsHidden are not displayed", () => {
+    it("items hidden by isItemHidden are not displayed", () => {
       const accessor = createMockAccessor(["Apple", "Banana", "Cherry"], {
-        getIsHidden: (item) => item === "Banana",
+        isItemHidden: (item) => item === "Banana",
       });
 
       renderWithDialog(() => (
@@ -298,7 +284,7 @@ describe("SharedDataSelectList", () => {
       const accessor = createMockAccessor(["Apple", "Banana", "Cherry"]);
 
       renderWithDialog(() => (
-        <SharedDataSelectList data={accessor} filterFn={(item) => item.startsWith("B")} required>
+        <SharedDataSelectList data={accessor} filterFn={(item: string) => item.startsWith("B")} required>
           <SharedDataSelectList.ItemTemplate>{(item) => <>{item}</>}</SharedDataSelectList.ItemTemplate>
         </SharedDataSelectList>
       ));
@@ -312,9 +298,9 @@ describe("SharedDataSelectList", () => {
   // ─── Search ────────────────────────────────────────────
 
   describe("search", () => {
-    it("search input is shown when getSearchText is provided", () => {
+    it("search input is shown when itemSearchText is provided", () => {
       const accessor = createMockAccessor(["Apple", "Banana"], {
-        getSearchText: (item) => item,
+        itemSearchText: (item) => item,
       });
 
       renderWithDialog(() => (
@@ -326,7 +312,7 @@ describe("SharedDataSelectList", () => {
       expect(document.querySelector("[data-shared-data-select-list] input")).toBeTruthy();
     });
 
-    it("search input is hidden when getSearchText is not provided", () => {
+    it("search input is hidden when itemSearchText is not provided", () => {
       const accessor = createMockAccessor(["Apple", "Banana"]);
 
       renderWithDialog(() => (
@@ -338,9 +324,9 @@ describe("SharedDataSelectList", () => {
       expect(document.querySelector("[data-shared-data-select-list] input")).toBeNull();
     });
 
-    it("typing in search input filters items by getSearchText", async () => {
+    it("typing in search input filters items by itemSearchText", async () => {
       const accessor = createMockAccessor(["Apple", "Banana", "Cherry"], {
-        getSearchText: (item) => item,
+        itemSearchText: (item) => item,
       });
 
       renderWithDialog(() => (
@@ -361,7 +347,7 @@ describe("SharedDataSelectList", () => {
 
     it("search is case-insensitive", async () => {
       const accessor = createMockAccessor(["Apple", "Banana"], {
-        getSearchText: (item) => item,
+        itemSearchText: (item) => item,
       });
 
       renderWithDialog(() => (
@@ -381,7 +367,7 @@ describe("SharedDataSelectList", () => {
 
     it("multiple space-separated terms must all match", async () => {
       const accessor = createMockAccessor(["Red Apple", "Green Apple", "Red Banana"], {
-        getSearchText: (item) => item,
+        itemSearchText: (item) => item,
       });
 
       renderWithDialog(() => (
@@ -406,7 +392,7 @@ describe("SharedDataSelectList", () => {
   describe("custom filter", () => {
     it("search input is hidden when Filter compound is provided", () => {
       const accessor = createMockAccessor(["Apple", "Banana"], {
-        getSearchText: (item) => item,
+        itemSearchText: (item) => item,
       });
 
       renderWithDialog(() => (
@@ -444,17 +430,4 @@ describe("SharedDataSelectList", () => {
 
   // ─── header ────────────────────────────────────────────
 
-  describe("header", () => {
-    it("header text is displayed when header is provided", () => {
-      const accessor = createMockAccessor(["Apple"]);
-
-      renderWithDialog(() => (
-        <SharedDataSelectList data={accessor} header="과일 목록" required>
-          <SharedDataSelectList.ItemTemplate>{(item) => <>{item}</>}</SharedDataSelectList.ItemTemplate>
-        </SharedDataSelectList>
-      ));
-
-      expect(screen.getByText("과일 목록")).toBeTruthy();
-    });
-  });
 });

package/tests/components/feedback/busy/BusyContainer.spec.tsx

@@ -5,15 +5,6 @@ import { BusyContainer } from "../../../../src/components/feedback/busy/BusyCont
 
 describe("BusyContainer", () => {
   describe("basic rendering", () => {
-    it("renders children", () => {
-      const { getByText } = render(() => (
-        <BusyContainer>
-          <span>Content</span>
-        </BusyContainer>
-      ));
-      expect(getByText("Content")).toBeTruthy();
-    });
-
     it("does not show overlay when busy is false", () => {
       const { container } = render(() => (
         <BusyContainer busy={false}>
@@ -77,4 +68,19 @@ describe("BusyContainer", () => {
       expect(queryByText("Content")).toBeTruthy();
     });
   });
+
+  describe("bar variant", () => {
+    it("bar variant: renders two animated indicator bars", async () => {
+      const { container } = render(() => (
+        <BusyContainer busy variant="bar">
+          <span>Content</span>
+        </BusyContainer>
+      ));
+      // createMountTransition uses double rAF
+      await new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(r)));
+
+      const bars = container.querySelectorAll(".origin-left");
+      expect(bars.length).toBe(2);
+    });
+  });
 });

package/tests/components/feedback/notification/LiveRegion.spec.tsx

@@ -2,27 +2,14 @@ import { render, waitFor } from "@solidjs/testing-library";
 import { describe, it, expect, beforeEach } from "vitest";
 import { NotificationProvider } from "../../../../src/components/feedback/notification/NotificationProvider";
 import { ConfigContext } from "../../../../src/providers/ConfigContext";
-import { I18nProvider } from "../../../../src/providers/i18n/I18nContext";
-import { useNotification } from "../../../../src/components/feedback/notification/NotificationContext";
+import { I18nProvider } from "../../../../src/providers/i18n/I18nProvider";
+import { useNotification } from "../../../../src/components/feedback/notification/NotificationProvider";
 
 describe("Notification Live Region", () => {
   beforeEach(() => {
     localStorage.setItem("testApp.i18n-locale", JSON.stringify("en"));
   });
 
-  it("Provider has live region with role=status", () => {
-    render(() => (
-      <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <I18nProvider>
-          <NotificationProvider>content</NotificationProvider>
-        </I18nProvider>
-      </ConfigContext.Provider>
-    ));
-
-    const liveRegion = document.querySelector('[role="status"][aria-live="polite"]');
-    expect(liveRegion).not.toBeNull();
-  });
-
   it("updates live region text when notification occurs", async () => {
     let notification: ReturnType<typeof useNotification>;
 
@@ -48,16 +35,4 @@ describe("Notification Live Region", () => {
     });
   });
 
-  it("live region is visually hidden (sr-only)", () => {
-    render(() => (
-      <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <I18nProvider>
-          <NotificationProvider>content</NotificationProvider>
-        </I18nProvider>
-      </ConfigContext.Provider>
-    ));
-
-    const liveRegion = document.querySelector('[role="status"]');
-    expect(liveRegion?.classList.contains("sr-only")).toBe(true);
-  });
 });

package/tests/components/feedback/notification/NotificationBanner.spec.tsx

@@ -2,9 +2,9 @@ import { render, fireEvent, waitFor } from "@solidjs/testing-library";
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import { NotificationProvider } from "../../../../src/components/feedback/notification/NotificationProvider";
 import { ConfigContext } from "../../../../src/providers/ConfigContext";
-import { I18nProvider } from "../../../../src/providers/i18n/I18nContext";
+import { I18nProvider } from "../../../../src/providers/i18n/I18nProvider";
 import { NotificationBanner } from "../../../../src/components/feedback/notification/NotificationBanner";
-import { useNotification } from "../../../../src/components/feedback/notification/NotificationContext";
+import { useNotification } from "../../../../src/components/feedback/notification/NotificationProvider";
 
 describe("NotificationBanner", () => {
   beforeEach(() => {
@@ -84,31 +84,6 @@ describe("NotificationBanner", () => {
     });
   });
 
-  it("has role=alert attribute", async () => {
-    let notification: ReturnType<typeof useNotification>;
-
-    render(() => (
-      <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <I18nProvider>
-          <NotificationProvider>
-            {(() => {
-              notification = useNotification();
-              return null;
-            })()}
-            <NotificationBanner />
-          </NotificationProvider>
-        </I18nProvider>
-      </ConfigContext.Provider>
-    ));
-
-    notification!.info("Test");
-
-    await waitFor(() => {
-      const banner = document.querySelector("[data-notification-banner]");
-      expect(banner?.getAttribute("role")).toBe("alert");
-    });
-  });
-
   it("sets data-theme attribute for each theme", async () => {
     let notification: ReturnType<typeof useNotification>;
 

package/tests/components/feedback/notification/NotificationBell.spec.tsx

@@ -2,9 +2,9 @@ import { render, fireEvent, waitFor } from "@solidjs/testing-library";
 import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
 import { NotificationProvider } from "../../../../src/components/feedback/notification/NotificationProvider";
 import { ConfigContext } from "../../../../src/providers/ConfigContext";
-import { I18nProvider } from "../../../../src/providers/i18n/I18nContext";
+import { I18nProvider } from "../../../../src/providers/i18n/I18nProvider";
 import { NotificationBell } from "../../../../src/components/feedback/notification/NotificationBell";
-import { useNotification } from "../../../../src/components/feedback/notification/NotificationContext";
+import { useNotification } from "../../../../src/components/feedback/notification/NotificationProvider";
 
 describe("NotificationBell", () => {
   beforeEach(() => {
@@ -16,20 +16,6 @@ describe("NotificationBell", () => {
     vi.unstubAllGlobals();
   });
 
-  it("renders button", () => {
-    const { container } = render(() => (
-      <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <I18nProvider>
-          <NotificationProvider>
-            <NotificationBell />
-          </NotificationProvider>
-        </I18nProvider>
-      </ConfigContext.Provider>
-    ));
-
-    expect(container.querySelector("[data-notification-bell]")).not.toBeNull();
-  });
-
   it("does not show badge when there are no notifications", () => {
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>

package/tests/components/feedback/notification/NotificationContext.spec.tsx

@@ -1,26 +1,12 @@
 import { describe, it, expect } from "vitest";
-import { createRoot } from "solid-js";
 import { render, waitFor } from "@solidjs/testing-library";
 import { NotificationProvider } from "../../../../src/components/feedback/notification/NotificationProvider";
 import { ConfigContext } from "../../../../src/providers/ConfigContext";
-import { I18nProvider } from "../../../../src/providers/i18n/I18nContext";
+import { I18nProvider } from "../../../../src/providers/i18n/I18nProvider";
 import {
   useNotification,
   type NotificationContextValue,
-} from "../../../../src/components/feedback/notification/NotificationContext";
-
-describe("NotificationContext", () => {
-  describe("useNotification", () => {
-    it("throws error when used without Provider", () => {
-      createRoot((dispose) => {
-        expect(() => useNotification()).toThrow(
-          "useNotification can only be used inside NotificationProvider",
-        );
-        dispose();
-      });
-    });
-  });
-});
+} from "../../../../src/components/feedback/notification/NotificationProvider";
 
 describe("NotificationProvider", () => {
   it("useNotification works normally inside Provider", () => {

package/tests/components/form-control/Button.spec.tsx

@@ -3,94 +3,6 @@ import { describe, it, expect, vi } from "vitest";
 import { Button } from "../../../src/components/form-control/Button";
 
 describe("Button component", () => {
-  describe("basic rendering", () => {
-    it("renders children inside the button", () => {
-      const { getByRole } = render(() => <Button>Click Me</Button>);
-      const button = getByRole("button");
-
-      expect(button.textContent).toBe("Click Me");
-    });
-
-    it("defaults type to button", () => {
-      const { getByRole } = render(() => <Button>Click</Button>);
-      const button = getByRole("button");
-
-      expect(button.getAttribute("type")).toBe("button");
-    });
-
-    it("overrides type with submit", () => {
-      const { getByRole } = render(() => <Button type="submit">Submit</Button>);
-      const button = getByRole("button");
-
-      expect(button.getAttribute("type")).toBe("submit");
-    });
-  });
-
-  describe("theme prop", () => {
-    it("applies different styles per theme", () => {
-      const { getByRole: getDefault } = render(() => <Button>Click</Button>);
-      const { getByRole: getThemed } = render(() => <Button theme="danger">Click</Button>);
-
-      expect(getDefault("button").className).not.toBe(getThemed("button").className);
-    });
-  });
-
-  describe("variant prop", () => {
-    it("applies different styles per variant", () => {
-      const { getByRole: getOutline } = render(() => <Button>Click</Button>);
-      const { getByRole: getSolid } = render(() => <Button variant="solid">Click</Button>);
-      const { getByRole: getGhost } = render(() => <Button variant="ghost">Click</Button>);
-
-      const outlineClass = getOutline("button").className;
-      const solidClass = getSolid("button").className;
-      const ghostClass = getGhost("button").className;
-
-      expect(outlineClass).not.toBe(solidClass);
-      expect(solidClass).not.toBe(ghostClass);
-      expect(outlineClass).not.toBe(ghostClass);
-    });
-  });
-
-  describe("size prop", () => {
-    it("applies different styles per size", () => {
-      const { getByRole: getDefault } = render(() => <Button>Click</Button>);
-      const { getByRole: getSm } = render(() => <Button size="sm">Click</Button>);
-      const { getByRole: getLg } = render(() => <Button size="lg">Click</Button>);
-
-      const defaultClass = getDefault("button").className;
-      const smClass = getSm("button").className;
-      const lgClass = getLg("button").className;
-
-      expect(defaultClass).not.toBe(smClass);
-      expect(defaultClass).not.toBe(lgClass);
-      expect(smClass).not.toBe(lgClass);
-    });
-  });
-
-  describe("inset prop", () => {
-    it("applies different styles when inset", () => {
-      const { getByRole: getDefault } = render(() => <Button>Click</Button>);
-      const { getByRole: getInset } = render(() => <Button inset>Click</Button>);
-
-      expect(getDefault("button").className).not.toBe(getInset("button").className);
-    });
-  });
-
-  describe("disabled prop", () => {
-    it("applies different styles when disabled", () => {
-      const { getByRole: getDefault } = render(() => <Button>Click</Button>);
-      const { getByRole: getDisabled } = render(() => <Button disabled>Click</Button>);
-
-      expect(getDefault("button").className).not.toBe(getDisabled("button").className);
-    });
-
-    it("sets HTML disabled attribute when disabled=true", () => {
-      const { getByRole } = render(() => <Button disabled>Click</Button>);
-
-      expect(getByRole("button").hasAttribute("disabled")).toBe(true);
-    });
-  });
-
   describe("event handling", () => {
     it("calls onClick handler on click", () => {
       const handleClick = vi.fn();
@@ -107,13 +19,4 @@ describe("Button component", () => {
       expect(getByRole("button").hasAttribute("disabled")).toBe(true);
     });
   });
-
-  describe("class merging", () => {
-    it("merges custom classes", () => {
-      // eslint-disable-next-line tailwindcss/no-custom-classname
-      const { getByRole } = render(() => <Button class="my-custom-class">Click</Button>);
-
-      expect(getByRole("button").classList.contains("my-custom-class")).toBe(true);
-    });
-  });
 });

package/tests/components/form-control/Invalid.spec.tsx

@@ -4,21 +4,6 @@ import { createSignal } from "solid-js";
 import { Invalid } from "../../../src/components/form-control/Invalid";
 
 describe("Invalid component", () => {
-  describe("Fragment rendering", () => {
-    it("renders children and hidden input without wrapper div", () => {
-      const { container } = render(() => (
-        <Invalid message="error">
-          <div data-testid="child">Content</div>
-        </Invalid>
-      ));
-      const child = container.querySelector("[data-testid='child']");
-      const hiddenInput = container.querySelector("input[aria-hidden='true']");
-      expect(child).toBeTruthy();
-      expect(hiddenInput).toBeTruthy();
-      expect(child!.parentElement).toBe(container);
-    });
-  });
-
   describe("setCustomValidity", () => {
     it("sets setCustomValidity when message is present", () => {
       const { container } = render(() => (
@@ -105,10 +90,10 @@ describe("Invalid component", () => {
     });
   });
 
-  describe("touchMode", () => {
-    it("has no visual indication initially in touchMode", () => {
+  describe("lazyValidation", () => {
+    it("has no visual indication initially in lazyValidation", () => {
       const { container } = render(() => (
-        <Invalid variant="border" message="error" touchMode>
+        <Invalid variant="border" message="error" lazyValidation>
           <div data-testid="target" class="border">
             Content
           </div>
@@ -118,9 +103,9 @@ describe("Invalid component", () => {
       expect(target.classList.contains("border-danger-500")).toBe(false);
     });
 
-    it("setCustomValidity is always set in touchMode", () => {
+    it("setCustomValidity is always set in lazyValidation", () => {
       const { container } = render(() => (
-        <Invalid variant="border" message="error" touchMode>
+        <Invalid variant="border" message="error" lazyValidation>
           <div>Content</div>
         </Invalid>
       ));

package/tests/components/form-control/checkbox/Checkbox.spec.tsx

@@ -2,30 +2,13 @@ import { render, fireEvent } from "@solidjs/testing-library";
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import { createSignal } from "solid-js";
 import { Checkbox } from "../../../../src/components/form-control/checkbox/Checkbox";
-import { I18nProvider } from "../../../../src/providers/i18n/I18nContext";
+import { I18nProvider } from "../../../../src/providers/i18n/I18nProvider";
 import { ConfigProvider } from "../../../../src/providers/ConfigContext";
 
 describe("Checkbox component", () => {
   beforeEach(() => {
     localStorage.setItem("test.i18n-locale", JSON.stringify("en"));
   });
-  describe("basic rendering", () => {
-    it("renders with checkbox role", () => {
-      const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox /></I18nProvider></ConfigProvider>);
-      expect(getByRole("checkbox")).toBeTruthy();
-    });
-
-    it("renders children as label", () => {
-      const { getByText } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox>동의합니다</Checkbox></I18nProvider></ConfigProvider>);
-      expect(getByText("동의합니다")).toBeTruthy();
-    });
-
-    it("defaults to unchecked", () => {
-      const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox /></I18nProvider></ConfigProvider>);
-      expect(getByRole("checkbox").getAttribute("aria-checked")).toBe("false");
-    });
-  });
-
   describe("click behavior", () => {
     it("toggles checked state on click", () => {
       const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox /></I18nProvider></ConfigProvider>);
@@ -85,35 +68,6 @@ describe("Checkbox component", () => {
     });
   });
 
-  describe("style variants", () => {
-    it("applies different styles per size", () => {
-      const { getByRole: getDefault } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox /></I18nProvider></ConfigProvider>);
-      const { getByRole: getSm } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox size="sm" /></I18nProvider></ConfigProvider>);
-
-      expect(getDefault("checkbox").className).not.toBe(getSm("checkbox").className);
-    });
-
-    it("applies different styles when inset", () => {
-      const { getByRole: getDefault } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox /></I18nProvider></ConfigProvider>);
-      const { getByRole: getInset } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox inset /></I18nProvider></ConfigProvider>);
-
-      expect(getDefault("checkbox").className).not.toBe(getInset("checkbox").className);
-    });
-
-    it("applies disabled style", () => {
-      const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox disabled /></I18nProvider></ConfigProvider>);
-      expect(getByRole("checkbox").classList.contains("opacity-30")).toBe(true);
-    });
-  });
-
-  describe("class merging", () => {
-    it("merges custom classes", () => {
-      // eslint-disable-next-line tailwindcss/no-custom-classname
-      const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox class="my-custom-class" /></I18nProvider></ConfigProvider>);
-      expect(getByRole("checkbox").classList.contains("my-custom-class")).toBe(true);
-    });
-  });
-
   describe("validation", () => {
     it("sets error message when required and unchecked", () => {
       const { container } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox required value={false} /></I18nProvider></ConfigProvider>);

package/tests/components/form-control/checkbox/CheckboxGroup.spec.tsx

@@ -2,38 +2,13 @@ import { render, fireEvent } from "@solidjs/testing-library";
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import { createSignal } from "solid-js";
 import { CheckboxGroup } from "../../../../src/components/form-control/checkbox/CheckboxGroup";
-import { I18nProvider } from "../../../../src/providers/i18n/I18nContext";
+import { I18nProvider } from "../../../../src/providers/i18n/I18nProvider";
 import { ConfigProvider } from "../../../../src/providers/ConfigContext";
 
 describe("CheckboxGroup component", () => {
   beforeEach(() => {
     localStorage.setItem("test.i18n-locale", JSON.stringify("en"));
   });
-  describe("basic rendering", () => {
-    it("renders the container", () => {
-      const { container } = render(() => (
-        <ConfigProvider clientName="test"><I18nProvider>
-          <CheckboxGroup>
-            <CheckboxGroup.Item value="a">A</CheckboxGroup.Item>
-          </CheckboxGroup>
-        </I18nProvider></ConfigProvider>
-      ));
-      expect(container.querySelector("div")).toBeTruthy();
-    });
-
-    it("renders items as checkboxes", () => {
-      const { getAllByRole } = render(() => (
-        <ConfigProvider clientName="test"><I18nProvider>
-          <CheckboxGroup>
-            <CheckboxGroup.Item value="a">A</CheckboxGroup.Item>
-            <CheckboxGroup.Item value="b">B</CheckboxGroup.Item>
-          </CheckboxGroup>
-        </I18nProvider></ConfigProvider>
-      ));
-      expect(getAllByRole("checkbox").length).toBe(2);
-    });
-  });
-
   describe("controlled pattern", () => {
     it("reflects value prop as selected state", () => {
       const { getAllByRole } = render(() => (