@shopbite-de/storefront 1.16.0 → 1.17.0

package/test/nuxt/ContactForm.test.ts

@@ -2,6 +2,14 @@ import { describe, it, expect, vi, beforeEach } from "vitest";
 import { mountSuspended, mockNuxtImport } from "@nuxt/test-utils/runtime";
 import ContactForm from "~/components/Contact/Form.vue";
 
+type ContactFormVm = {
+  submitted: boolean;
+  successMessage: string;
+  onSubmit: (arg: {
+    data: Record<string, string | undefined>;
+  }) => Promise<void>;
+};
+
 const { mockInvoke } = vi.hoisted(() => {
   return {
     mockInvoke: vi.fn(),
@@ -52,7 +60,9 @@ describe("ContactForm", () => {
       comment: "Ich habe eine Frage zu Ihrem Produkt.",
     };
 
-    await (wrapper.vm as any).onSubmit({ data: validData });
+    await (wrapper.vm as unknown as ContactFormVm).onSubmit({
+      data: validData,
+    });
 
     expect(mockInvoke).toHaveBeenCalled();
     expect(mockToastAdd).toHaveBeenCalledWith(
@@ -63,8 +73,10 @@ describe("ContactForm", () => {
     );
 
     // Verify submitted state
-    expect((wrapper.vm as any).submitted).toBe(true);
-    expect((wrapper.vm as any).successMessage).toBe(customMessage);
+    expect((wrapper.vm as unknown as ContactFormVm).submitted).toBe(true);
+    expect((wrapper.vm as unknown as ContactFormVm).successMessage).toBe(
+      customMessage,
+    );
 
     // Wait for DOM update
     await nextTick();
@@ -76,7 +88,7 @@ describe("ContactForm", () => {
 
     // Click on "Weiteres Formular senden"
     await wrapper.find("button").trigger("click");
-    expect((wrapper.vm as any).submitted).toBe(false);
+    expect((wrapper.vm as unknown as ContactFormVm).submitted).toBe(false);
 
     await nextTick();
     expect(wrapper.find("form").exists()).toBe(true);
@@ -102,10 +114,14 @@ describe("ContactForm", () => {
       comment: "Ich habe eine Frage zu Ihrem Produkt.",
     };
 
-    await (wrapper.vm as any).onSubmit({ data: validData });
+    await (wrapper.vm as unknown as ContactFormVm).onSubmit({
+      data: validData,
+    });
 
     const defaultMessage = "Deine Nachricht wurde erfolgreich versendet.";
-    expect((wrapper.vm as any).successMessage).toBe(defaultMessage);
+    expect((wrapper.vm as unknown as ContactFormVm).successMessage).toBe(
+      defaultMessage,
+    );
 
     await nextTick();
     expect(wrapper.text()).toContain(defaultMessage);
@@ -127,7 +143,9 @@ describe("ContactForm", () => {
       comment: "Dies ist ein Test mit nur Pflichtfeldern.",
     };
 
-    await (wrapper.vm as any).onSubmit({ data: mandatoryDataOnly });
+    await (wrapper.vm as unknown as ContactFormVm).onSubmit({
+      data: mandatoryDataOnly,
+    });
 
     expect(mockInvoke).toHaveBeenCalledWith(
       "sendContactMail post /contact-form",
@@ -140,7 +158,7 @@ describe("ContactForm", () => {
       },
     );
 
-    expect((wrapper.vm as any).submitted).toBe(true);
+    expect((wrapper.vm as unknown as ContactFormVm).submitted).toBe(true);
   });
 
   it("shows error toast when submission fails", async () => {
@@ -158,7 +176,9 @@ describe("ContactForm", () => {
       comment: "Bitte um Unterstützung.",
     };
 
-    await (wrapper.vm as any).onSubmit({ data: validData });
+    await (wrapper.vm as unknown as ContactFormVm).onSubmit({
+      data: validData,
+    });
 
     expect(mockInvoke).toHaveBeenCalled();
 
@@ -180,8 +200,8 @@ describe("ContactForm", () => {
       comment: "This is spam.",
       hp: "I am a bot",
     };
-    await (wrapper.vm as any).onSubmit({ data: botData });
+    await (wrapper.vm as unknown as ContactFormVm).onSubmit({ data: botData });
     expect(mockInvoke).not.toHaveBeenCalled();
-    expect((wrapper.vm as any).submitted).toBe(true);
+    expect((wrapper.vm as unknown as ContactFormVm).submitted).toBe(true);
   });
 });

package/test/nuxt/HeaderRight.test.ts

@@ -7,7 +7,7 @@ const mocks = vi.hoisted(() => ({
   state: {
     isLoggedIn: false,
     isGuestSession: false,
-    user: null as any,
+    user: null as { firstName: string; lastName: string } | null,
   },
   toastAddCalled: { value: false },
 }));
@@ -25,9 +25,13 @@ mockNuxtImport("useUser", () => () => ({
 }));
 
 mockNuxtImport("useToast", () => () => ({
-  add: (payload: any) => {
-    if (typeof global !== "undefined" && (global as any).toastAddCalled) {
-      (global as any).toastAddCalled.value = true;
+  add: (_payload: unknown) => {
+    if (
+      typeof global !== "undefined" &&
+      (global as Record<string, { value: boolean }>).toastAddCalled
+    ) {
+      (global as Record<string, { value: boolean }>).toastAddCalled!.value =
+        true;
     }
   },
 }));
@@ -42,10 +46,15 @@ mockNuxtImport("useCart", () => () => ({
 
 mockNuxtImport("useRuntimeConfig", () => () => ({
   app: { baseURL: "/" },
+  public: { shopware: {} },
+}));
+
+mockNuxtImport("useWishlist", () => () => ({
+  count: ref(0),
 }));
 
 // Mock Nuxt Content queryCollection
-mockNuxtImport("queryCollection", () => (collection: string) => ({
+mockNuxtImport("queryCollection", () => (_collection: string) => ({
   first: () =>
     Promise.resolve({
       account: {
@@ -74,7 +83,7 @@ describe("HeaderRight", () => {
     reactiveState.isGuestSession = false;
     reactiveState.user = null;
     mocks.toastAddCalled.value = false;
-    (global as any).toastAddCalled = mocks.toastAddCalled;
+    (global as Record<string, unknown>).toastAddCalled = mocks.toastAddCalled;
     vi.clearAllMocks();
   });
 

package/test/nuxt/LoginForm.test.ts

@@ -1,13 +1,19 @@
 import { describe, it, expect, vi, beforeEach } from "vitest";
-import { mountSuspended } from "@nuxt/test-utils/runtime";
+import { mountSuspended, mockNuxtImport } from "@nuxt/test-utils/runtime";
+import { ref } from "vue";
 import LoginForm from "@/components/User/LoginForm.vue";
-import { useUser } from "@shopware/composables";
 import { ApiClientError } from "@shopware/api-client";
 
+type LoginFormVm = {
+  onSubmit: (arg: {
+    data: { email: string; password: string };
+  }) => Promise<void>;
+};
+
 vi.mock("@shopware/api-client", () => ({
   ApiClientError: class extends Error {
-    details: any;
-    constructor(details: any) {
+    details: unknown;
+    constructor(details: unknown) {
       super("ApiClientError");
       this.details = details;
     }
@@ -16,9 +22,7 @@ vi.mock("@shopware/api-client", () => ({
 
 vi.mock("@shopware/composables", () => ({
   useUser: vi.fn(),
-  useWishlist: vi.fn(() => ({
-    mergeWishlistProducts: vi.fn(),
-  })),
+  useWishlist: vi.fn(),
 }));
 
 const mockToastAdd = vi.fn();
@@ -28,19 +32,30 @@ mockNuxtImport("useToast", () => {
   });
 });
 
-describe("LoginForm", () => {
-  let loginMock: any;
-  let userMock: any;
+const loginMock = vi.fn();
+const userMock = ref({ firstName: "John", lastName: "Doe" });
+const isLoggedInMock = ref(false);
+
+mockNuxtImport("useUser", () => {
+  return () => ({
+    isLoggedIn: isLoggedInMock,
+    login: loginMock,
+    user: userMock,
+  });
+});
+
+mockNuxtImport("useWishlist", () => {
+  return () => ({
+    mergeWishlistProducts: vi.fn(),
+  });
+});
 
+describe("LoginForm", () => {
   beforeEach(() => {
     vi.clearAllMocks();
-    loginMock = vi.fn();
-    userMock = { value: { firstName: "John", lastName: "Doe" } };
-    (useUser as any).mockReturnValue({
-      isLoggedIn: { value: false },
-      login: loginMock,
-      user: userMock,
-    });
+    loginMock.mockReset();
+    isLoggedInMock.value = false;
+    userMock.value = { firstName: "John", lastName: "Doe" };
   });
 
   it("should show success toast on successful login", async () => {
@@ -48,7 +63,7 @@ describe("LoginForm", () => {
     const wrapper = await mountSuspended(LoginForm);
 
     // Call onSubmit directly if form trigger is not working in test
-    await (wrapper.vm as any).onSubmit({
+    await (wrapper.vm as unknown as LoginFormVm).onSubmit({
       data: {
         email: "test@example.com",
         password: "password123",
@@ -63,6 +78,7 @@ describe("LoginForm", () => {
     expect(mockToastAdd).toHaveBeenCalledWith(
       expect.objectContaining({
         title: "Hallo John Doe!",
+        description: "Erfolgreich angemeldet.",
         color: "success",
       }),
     );
@@ -73,7 +89,7 @@ describe("LoginForm", () => {
     const wrapper = await mountSuspended(LoginForm);
 
     // Call onSubmit directly if form trigger is not working in test
-    await (wrapper.vm as any).onSubmit({
+    await (wrapper.vm as unknown as LoginFormVm).onSubmit({
       data: {
         email: "test@example.com",
         password: "wrongpassword",
@@ -98,11 +114,11 @@ describe("LoginForm", () => {
           detail: 'The email address "test@example.com" is already in use',
         },
       ],
-    });
+    } as unknown as ConstructorParameters<typeof ApiClientError>[0]);
     loginMock.mockRejectedValueOnce(apiClientError);
     const wrapper = await mountSuspended(LoginForm);
 
-    await (wrapper.vm as any).onSubmit({
+    await (wrapper.vm as unknown as LoginFormVm).onSubmit({
       data: {
         email: "test@example.com",
         password: "password123",
@@ -119,11 +135,13 @@ describe("LoginForm", () => {
   });
 
   it("should handle ApiClientError with missing errors gracefully", async () => {
-    const apiClientError = new ApiClientError({});
+    const apiClientError = new ApiClientError(
+      {} as unknown as ConstructorParameters<typeof ApiClientError>[0],
+    );
     loginMock.mockRejectedValueOnce(apiClientError);
     const wrapper = await mountSuspended(LoginForm);
 
-    await (wrapper.vm as any).onSubmit({
+    await (wrapper.vm as unknown as LoginFormVm).onSubmit({
       data: {
         email: "test@example.com",
         password: "password123",

package/test/nuxt/PaymentAndDelivery.test.ts

@@ -50,7 +50,7 @@ describe("PaymentAndDelivery", () => {
   it("updates payment method when changed", async () => {
     const wrapper = await mountSuspended(PaymentAndDelivery);
 
-    // @ts-ignore - access internal state
+    // @ts-expect-error - access internal state
     wrapper.vm.selectedPaymentMethodId = "pm2";
     await new Promise((resolve) => setTimeout(resolve, 50));
 
@@ -60,7 +60,7 @@ describe("PaymentAndDelivery", () => {
   it("updates shipping method and refreshes cart when changed", async () => {
     const wrapper = await mountSuspended(PaymentAndDelivery);
 
-    // @ts-ignore - access internal state
+    // @ts-expect-error - access internal state
     wrapper.vm.selectedShippingMethodId = "sm2";
     await new Promise((resolve) => setTimeout(resolve, 50));
 

package/test/nuxt/RegistrationForm.test.ts

@@ -38,6 +38,7 @@ mockNuxtImport("useToast", () => () => ({
 
 // Mock useRuntimeConfig
 mockNuxtImport("useRuntimeConfig", () => () => ({
+  app: { baseURL: "/" },
   public: {
     shopware: {
       devStorefrontUrl: "http://localhost:3000",
@@ -154,7 +155,7 @@ describe("RegistrationForm", () => {
     await new Promise((resolve) => setTimeout(resolve, 100));
 
     expect(mockRegister).toHaveBeenCalled();
-    const calledData = mockRegister.mock.calls[0][0];
+    const calledData = mockRegister.mock.calls[0]![0];
     expect(calledData.email).toBe("john@example.com");
     expect(calledData.billingAddress.street).toBe("Musterstr 1");
     // Check if firstName/lastName were copied to billing address as per logic in onSubmit
@@ -169,7 +170,7 @@ describe("RegistrationForm", () => {
           detail: 'The email address "lirim@veliu.net" is already in use',
         },
       ],
-    });
+    } as unknown as ConstructorParameters<typeof ApiClientError>[0]);
     mockRegister.mockRejectedValueOnce(apiClientError);
     const wrapper = await mountSuspended(RegistrationForm);
 
@@ -209,7 +210,9 @@ describe("RegistrationForm", () => {
   });
 
   it("handles ApiClientError with missing errors gracefully", async () => {
-    const apiClientError = new ApiClientError({});
+    const apiClientError = new ApiClientError(
+      {} as unknown as ConstructorParameters<typeof ApiClientError>[0],
+    );
     mockRegister.mockRejectedValueOnce(apiClientError);
     const wrapper = await mountSuspended(RegistrationForm);
 

package/test/nuxt/registrationSchema.test.ts

@@ -46,11 +46,11 @@ describe("registrationSchema", () => {
     const result = schema.safeParse(businessData);
     expect(result.success).toBe(false);
     if (!result.success) {
-      expect(result.error.issues[0].message).toBe(
+      expect(result.error.issues[0]!.message).toBe(
         "Als Geschäftskunde ist der Firmenname ein Pflichtfeld.",
       );
-      expect(result.error.issues[0].path).toContain("billingAddress");
-      expect(result.error.issues[0].path).toContain("company");
+      expect(result.error.issues[0]!.path).toContain("billingAddress");
+      expect(result.error.issues[0]!.path).toContain("company");
     }
   });
 
@@ -189,10 +189,10 @@ describe("registrationSchema", () => {
     });
     expect(result.success).toBe(false);
     if (!result.success) {
-      expect(result.error.issues[0].message).toBe(
+      expect(result.error.issues[0]!.message).toBe(
         "Bitte akzeptieren Sie die Datenschutzbestimmungen.",
       );
-      expect(result.error.issues[0].path).toContain("acceptedDataProtection");
+      expect(result.error.issues[0]!.path).toContain("acceptedDataProtection");
     }
   });
 
@@ -207,11 +207,11 @@ describe("registrationSchema", () => {
     });
     expect(result.success).toBe(false);
     if (!result.success) {
-      expect(result.error.issues[0].message).toBe(
+      expect(result.error.issues[0]!.message).toBe(
         "Bitte geben Sie Ihre Straße und Hausnummer an.",
       );
-      expect(result.error.issues[0].path).toContain("billingAddress");
-      expect(result.error.issues[0].path).toContain("street");
+      expect(result.error.issues[0]!.path).toContain("billingAddress");
+      expect(result.error.issues[0]!.path).toContain("street");
     }
   });
 

package/test/nuxt/useAddToCart.test.ts

@@ -1,7 +1,8 @@
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import { mockNuxtImport } from "@nuxt/test-utils/runtime";
 
-import { useAddToCart } from "../../app/composables/useAddToCart";
+import { useAddToCart } from "~/composables/useAddToCart";
+import type { Schemas } from "#shopware";
 import { nextTick } from "vue";
 
 // Use vi.hoisted for variables used in mocks
@@ -66,7 +67,7 @@ describe("useAddToCart", () => {
     translated: {
       name: "Test Pizza",
     },
-  } as any;
+  } as unknown as Schemas["Product"];
 
   beforeEach(() => {
     vi.clearAllMocks();
@@ -109,7 +110,7 @@ describe("useAddToCart", () => {
       cartItemLabel,
     } = useAddToCart();
     setSelectedProduct(mockProduct);
-    setSelectedExtras([{ label: "Extra Cheese", value: "cheese" }] as any);
+    setSelectedExtras([{ label: "Extra Cheese", value: "cheese", price: "" }]);
     setDeselectedIngredients(["Onions"]);
     await nextTick();
     expect(cartItemLabel.value).toBe("Test Pizza +Extra Cheese -Onions");
@@ -141,7 +142,7 @@ describe("useAddToCart", () => {
   it("should add product with extras to cart as container", async () => {
     const { setSelectedProduct, setSelectedExtras, addToCart } = useAddToCart();
     setSelectedProduct(mockProduct);
-    setSelectedExtras([{ label: "Extra Cheese", value: "cheese" }] as any);
+    setSelectedExtras([{ label: "Extra Cheese", value: "cheese", price: "" }]);
 
     mockAddProducts.mockResolvedValue({ id: "cart-123" });
 

package/test/nuxt/useAddressAutocomplete.test.ts

@@ -11,6 +11,8 @@ mockNuxtImport("useFetch", () => mockUseFetch);
 
 // Mock useRuntimeConfig
 mockNuxtImport("useRuntimeConfig", () => () => ({
+  app: { baseURL: "/" },
+  public: { shopware: {} },
   geoapifyApiKey: "test-api-key",
 }));
 

package/test/nuxt/useBusinessHours.test.ts

@@ -5,7 +5,7 @@ import { useBusinessHours } from "~/composables/useBusinessHours";
 
 // Mock useAsyncData
 mockNuxtImport("useAsyncData", () => {
-  return (key: string, handler: () => Promise<any>) => {
+  return (key: string, handler: () => Promise<unknown>) => {
     const data = ref(null);
     const pending = ref(false);
     const refresh = vi.fn(async () => {
@@ -97,10 +97,10 @@ describe("useBusinessHours", () => {
     const intervals = getServiceIntervals(monday);
 
     expect(intervals).toHaveLength(2);
-    expect(intervals[0].start.getHours()).toBe(11);
-    expect(intervals[1].start.getHours()).toBe(17);
-    expect(intervals[0].start.getTime()).toBeLessThan(
-      intervals[1].start.getTime(),
+    expect(intervals[0]!.start.getHours()).toBe(11);
+    expect(intervals[1]!.start.getHours()).toBe(17);
+    expect(intervals[0]!.start.getTime()).toBeLessThan(
+      intervals[1]!.start.getTime(),
     );
   });
 });

package/test/nuxt/useDeliveryTime.test.ts

@@ -21,7 +21,7 @@ const { mockDeliveryTime, mockBusinessHours, mockHolidays } = vi.hoisted(
         { dayOfWeek: 0, openingTime: "17:30", closingTime: "23:00" },
       ],
     },
-    mockHolidays: { value: [] },
+    mockHolidays: { value: [] as { start: string; end: string }[] | null },
   }),
 );
 
@@ -36,8 +36,12 @@ mockNuxtImport("useBusinessHours", () => () => ({
     return mockBusinessHours.value
       .filter((bh) => bh.dayOfWeek === dayOfWeek)
       .map((bh) => {
-        const [startH, startM] = bh.openingTime.split(":").map(Number);
-        const [endH, endM] = bh.closingTime.split(":").map(Number);
+        const startParts = bh.openingTime.split(":").map(Number);
+        const endParts = bh.closingTime.split(":").map(Number);
+        const startH = startParts[0] ?? 0;
+        const startM = startParts[1] ?? 0;
+        const endH = endParts[0] ?? 0;
+        const endM = endParts[1] ?? 0;
         const start = new Date(date);
         start.setHours(startH, startM, 0, 0);
         const end = new Date(date);
@@ -73,8 +77,12 @@ mockNuxtImport("useBusinessHours", () => () => ({
     ]
       .filter((bh) => bh.dayOfWeek === currentTime.getDay())
       .map((bh) => {
-        const [startH, startM] = bh.openingTime.split(":").map(Number);
-        const [endH, endM] = bh.closingTime.split(":").map(Number);
+        const startParts = bh.openingTime.split(":").map(Number);
+        const endParts = bh.closingTime.split(":").map(Number);
+        const startH = startParts[0] ?? 0;
+        const startM = startParts[1] ?? 0;
+        const endH = endParts[0] ?? 0;
+        const endM = endParts[1] ?? 0;
         const start = new Date(currentTime);
         start.setHours(startH, startM, 0, 0);
         const end = new Date(currentTime);
@@ -98,10 +106,10 @@ mockNuxtImport("useBusinessHours", () => () => ({
 mockNuxtImport("useHolidays", () => () => ({
   isClosedHoliday: (date: Date) => {
     if (!mockHolidays.value) return undefined;
-    const formattedDate = date.toISOString().split("T")[0];
-    return mockHolidays.value.some((h: any) => {
-      const start = h.start.split("T")[0];
-      const end = h.end.split("T")[0];
+    const formattedDate = date.toISOString().split("T")[0]!;
+    return mockHolidays.value.some((h: { start: string; end: string }) => {
+      const start = h.start.split("T")[0] as string;
+      const end = h.end.split("T")[0] as string;
       return formattedDate >= start && formattedDate <= end;
     });
   },

package/test/nuxt/useProductConfigurator.test.ts

@@ -31,7 +31,7 @@ describe("useProductConfigurator", () => {
       id: "p1",
       optionIds: [],
       options: [],
-    } as any;
+    } as unknown as typeof mockProduct.value;
   });
 
   it("should initialize with selected options from product", () => {
@@ -41,20 +41,22 @@ describe("useProductConfigurator", () => {
         name: "Size",
         options: [{ id: "o1", name: "Small" }],
       },
-    ] as any;
+    ] as unknown as typeof mockConfigurator.value;
     mockProduct.value = {
       id: "p1-v1",
       parentId: "p1",
       optionIds: ["o1"],
       options: [{ id: "o1" }],
-    } as any;
+    } as unknown as typeof mockProduct.value;
 
     const { isLoadingOptions } = useProductConfigurator();
     expect(isLoadingOptions.value).toBe(true);
   });
 
   it("should find variant for selected options", async () => {
-    mockProduct.value = { parentId: "parent-1" } as any;
+    mockProduct.value = {
+      parentId: "parent-1",
+    } as unknown as typeof mockProduct.value;
     mockInvoke.mockResolvedValue({
       data: {
         elements: [{ id: "variant-1" }],

package/test/nuxt/useProductVariants.test.ts

@@ -1,11 +1,13 @@
 import { describe, it, expect } from "vitest";
-import { useProductVariants } from "../../app/composables/useProductVariants";
+import { useProductVariants } from "~/composables/useProductVariants";
 import { ref } from "vue";
 
 describe("useProductVariants", () => {
   it("should return empty object when no settings provided", () => {
     const settings = ref([]);
-    const { variants } = useProductVariants(settings as any);
+    const { variants } = useProductVariants(
+      settings as unknown as Parameters<typeof useProductVariants>[0],
+    );
     expect(variants.value).toEqual({});
   });
 
@@ -49,20 +51,22 @@ describe("useProductVariants", () => {
       },
     ]);
 
-    const { variants } = useProductVariants(settings as any);
+    const { variants } = useProductVariants(
+      settings as unknown as Parameters<typeof useProductVariants>[0],
+    );
 
     expect(variants.value["group-size"]).toBeDefined();
-    expect(variants.value["group-size"].name).toBe("Größe");
-    expect(variants.value["group-size"].options).toHaveLength(2);
-    expect(variants.value["group-size"].options[0]).toEqual({
+    expect(variants.value["group-size"]!.name).toBe("Größe");
+    expect(variants.value["group-size"]!.options).toHaveLength(2);
+    expect(variants.value["group-size"]!.options[0]).toEqual({
       label: "Klein",
       value: "opt-1",
       productId: "opt-1",
     });
 
     expect(variants.value["group-color"]).toBeDefined();
-    expect(variants.value["group-color"].name).toBe("Farbe");
-    expect(variants.value["group-color"].options).toHaveLength(1);
+    expect(variants.value["group-color"]!.name).toBe("Farbe");
+    expect(variants.value["group-color"]!.options).toHaveLength(1);
   });
 
   it("should avoid duplicate options", () => {
@@ -83,7 +87,9 @@ describe("useProductVariants", () => {
       },
     ]);
 
-    const { variants } = useProductVariants(settings as any);
-    expect(variants.value["group-size"].options).toHaveLength(1);
+    const { variants } = useProductVariants(
+      settings as unknown as Parameters<typeof useProductVariants>[0],
+    );
+    expect(variants.value["group-size"]!.options).toHaveLength(1);
   });
 });

package/test/nuxt/useProductVariantsZwei.test.ts

@@ -22,7 +22,9 @@ describe("useProductVariantsZwei", () => {
       },
     ]);
 
-    const { variants } = useProductVariantsZwei(settings);
+    const { variants } = useProductVariantsZwei(
+      settings as unknown as Parameters<typeof useProductVariantsZwei>[0],
+    );
 
     expect(variants.value["group-size"]).toBeDefined();
     expect(variants.value["group-size"]?.name).toBe("Größe");
@@ -42,7 +44,9 @@ describe("useProductVariantsZwei", () => {
       },
     ]);
 
-    const { variants } = useProductVariantsZwei(settings);
+    const { variants } = useProductVariantsZwei(
+      settings as unknown as Parameters<typeof useProductVariantsZwei>[0],
+    );
     expect(variants.value["group-size"]?.options).toHaveLength(1);
   });
 });

package/test/nuxt/useScrollAnimation.test.ts

@@ -1,13 +1,13 @@
 import { describe, it, expect, vi, beforeEach } from "vitest";
-import { useScrollAnimation } from "../../app/composables/useScrollAnimation";
+import { useScrollAnimation } from "~/composables/useScrollAnimation";
 import { mount } from "@vue/test-utils";
 import { defineComponent, nextTick } from "vue";
 
 describe("useScrollAnimation", () => {
-  let observeMock: any;
-  let unobserveMock: any;
-  let disconnectMock: any;
-  let intersectionCallback: any;
+  let observeMock: ReturnType<typeof vi.fn>;
+  let unobserveMock: ReturnType<typeof vi.fn>;
+  let disconnectMock: ReturnType<typeof vi.fn>;
+  let intersectionCallback: IntersectionObserverCallback;
 
   beforeEach(() => {
     observeMock = vi.fn();
@@ -15,14 +15,17 @@ describe("useScrollAnimation", () => {
     disconnectMock = vi.fn();
 
     // Mock IntersectionObserver
-    global.IntersectionObserver = vi
-      .fn()
-      .mockImplementation(function (callback) {
-        intersectionCallback = callback;
-        this.observe = observeMock;
-        this.unobserve = unobserveMock;
-        this.disconnect = disconnectMock;
-      }) as any;
+    global.IntersectionObserver = vi.fn().mockImplementation(function (
+      this: IntersectionObserver,
+      callback: IntersectionObserverCallback,
+    ) {
+      intersectionCallback = callback;
+      this.observe = observeMock as unknown as IntersectionObserver["observe"];
+      this.unobserve =
+        unobserveMock as unknown as IntersectionObserver["unobserve"];
+      this.disconnect =
+        disconnectMock as unknown as IntersectionObserver["disconnect"];
+    }) as unknown as typeof IntersectionObserver;
   });
 
   it("should initialize with isVisible false", () => {