chore: update storybook tests

Author: bartstc

src/features/carts/presentation/AddToCartButton/AddToCartButton.stories.tsx

@@ -6,7 +6,10 @@ import {
   waitForElementToBeRemoved,
   expect,
 } from "storybook/test";
-import { withRouter } from "storybook-addon-remix-react-router";
+import {
+  withRouter,
+  reactRouterParameters,
+} from "storybook-addon-remix-react-router";
 
 import { getAddToCartHandler } from "@/test-lib/handlers/getAddToCartHandler";
 import { sleep } from "@/test-lib/storybook/sleep";
@@ -33,6 +36,9 @@ const meta = {
     msw: {
       handlers: [getAddToCartHandler()],
     },
+    reactRouter: reactRouterParameters({
+      routing: { path: "/products" },
+    }),
   },
 } satisfies Meta<typeof AddToCartButton>;
 

src/features/carts/presentation/CheckoutButton/CheckoutButton.stories.tsx

@@ -27,7 +27,7 @@ export const Purchasing: Story = {
       await userEvent.click(screen.getByRole("button", { name: /Checkout/ }));
 
       await expect(
-        screen.getByRole("button", { name: "Purchase" })
+        screen.getByRole("button", { name: "Complete Order" })
       ).toBeInTheDocument();
     });
 

src/features/carts/presentation/CheckoutForm.stories.tsx

@@ -25,7 +25,7 @@ export const Purchasing: Story = {
     await step("Enter credentials", async () => {
       await userEvent.type(screen.getByLabelText(/Full Name/), "John Doe");
       await userEvent.type(
-        screen.getByLabelText(/Your address/),
+        screen.getByLabelText(/Address/),
         "NYC Groove Street"
       );
       await userEvent.selectOptions(
@@ -42,7 +42,9 @@ export const Purchasing: Story = {
     await step("Submit form", async () => {
       await sleep(500);
 
-      await userEvent.click(screen.getByRole("button", { name: "Purchase" }));
+      await userEvent.click(
+        screen.getByRole("button", { name: "Complete Order" })
+      );
     });
 
     await expect(

src/features/carts/presentation/ClearCartButton/ClearCartButton.stories.tsx

@@ -35,7 +35,9 @@ export const ClearingCart: Story = {
     await step("Confirm clearing the cart", async () => {
       await sleep(500);
 
-      await userEvent.click(screen.getByRole("button", { name: /Confirm/ }));
+      await userEvent.click(
+        screen.getByRole("button", { name: /Yes, clear cart/ })
+      );
     });
 
     await expect(

src/features/carts/presentation/ClearCartButton/ConfirmClearCartDialog.tsx

@@ -16,13 +16,11 @@ import { useRef } from "react";
 import { useClearCart } from "@/features/carts/infrastructure/useClearCart";
 import { useConfirmClearCartDialogStore } from "@/features/carts/presentation/ClearCartButton/useConfirmClearCartDialogStore";
 import { useTranslations } from "@/lib/i18n/useTransations";
-import { useSecondaryTextColor } from "@/lib/theme/useSecondaryTextColor";
 
 import { useClearCartNotifications } from "./useClearCartNotifications";
 
 const ConfirmClearCartDialog = () => {
   const cancelRef = useRef<HTMLButtonElement>(null);
-  const secondaryColor = useSecondaryTextColor();
   const [clear, isLoading] = useClearCart();
   const t = useTranslations("features.carts.clear-cart.dialog");
 
@@ -48,9 +46,6 @@ const ConfirmClearCartDialog = () => {
           <AlertDialogBody>
             <VStack align="stretch">
               <Text>{t("message")}</Text>
-              <Text fontSize="sm" color={secondaryColor}>
-                {t("message")}
-              </Text>
             </VStack>
           </AlertDialogBody>