@simplysm/solid 13.0.71 → 13.0.74

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

@@ -1,14 +1,21 @@
 import { render, waitFor } from "@solidjs/testing-library";
-import { describe, it, expect } from "vitest";
+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";
 
 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" }}>
-        <NotificationProvider>content</NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>content</NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -21,12 +28,14 @@ describe("Notification Live Region", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -42,7 +51,9 @@ describe("Notification Live Region", () => {
   it("live region is visually hidden (sr-only)", () => {
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>content</NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>content</NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 

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

@@ -1,17 +1,23 @@
 import { render, fireEvent, waitFor } from "@solidjs/testing-library";
-import { describe, it, expect, vi } from "vitest";
+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 { NotificationBanner } from "../../../../src/components/feedback/notification/NotificationBanner";
 import { useNotification } from "../../../../src/components/feedback/notification/NotificationContext";
 
 describe("NotificationBanner", () => {
+  beforeEach(() => {
+    localStorage.setItem("testApp.i18n-locale", JSON.stringify("en"));
+  });
   it("does not display banner when no notification", () => {
     const { container } = render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          <NotificationBanner />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            <NotificationBanner />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -23,13 +29,15 @@ describe("NotificationBanner", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBanner />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBanner />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -48,13 +56,15 @@ describe("NotificationBanner", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBanner />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBanner />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -79,13 +89,15 @@ describe("NotificationBanner", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBanner />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBanner />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -102,13 +114,15 @@ describe("NotificationBanner", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBanner />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBanner />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -126,13 +140,15 @@ describe("NotificationBanner", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBanner />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBanner />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -160,13 +176,15 @@ describe("NotificationBanner", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBanner />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBanner />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 

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

@@ -2,6 +2,7 @@ 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 { NotificationBell } from "../../../../src/components/feedback/notification/NotificationBell";
 import { useNotification } from "../../../../src/components/feedback/notification/NotificationContext";
 
@@ -18,9 +19,11 @@ describe("NotificationBell", () => {
   it("renders button", () => {
     const { container } = render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          <NotificationBell />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            <NotificationBell />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -30,9 +33,11 @@ describe("NotificationBell", () => {
   it("does not show badge when there are no notifications", () => {
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          <NotificationBell />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            <NotificationBell />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -45,13 +50,15 @@ describe("NotificationBell", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBell />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBell />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -69,13 +76,15 @@ describe("NotificationBell", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBell />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBell />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -95,13 +104,15 @@ describe("NotificationBell", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBell />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBell />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -123,13 +134,15 @@ describe("NotificationBell", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBell />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBell />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -144,9 +157,11 @@ describe("NotificationBell", () => {
   it("sets aria-haspopup and aria-expanded correctly", async () => {
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          <NotificationBell />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            <NotificationBell />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -166,13 +181,15 @@ describe("NotificationBell", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBell />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBell />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));
 
@@ -196,13 +213,15 @@ describe("NotificationBell", () => {
 
     render(() => (
       <ConfigContext.Provider value={{ clientName: "testApp" }}>
-        <NotificationProvider>
-          {(() => {
-            notification = useNotification();
-            return null;
-          })()}
-          <NotificationBell />
-        </NotificationProvider>
+        <I18nProvider>
+          <NotificationProvider>
+            {(() => {
+              notification = useNotification();
+              return null;
+            })()}
+            <NotificationBell />
+          </NotificationProvider>
+        </I18nProvider>
       </ConfigContext.Provider>
     ));