@evenicanpm/storefront-core 1.0.2 → 1.0.4

package/src/components-v2/mini-cart/__tests__/cart-item.test.tsx

@@ -0,0 +1,174 @@
+/*
+import { Cart, CartLine } from "@/schemas/cart.schema";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { setupServer } from "msw/node";
+import React from "react";
+import cartData from "./test-cart-with-itemon";
+import { NextIntlClientProvider } from "next-intl";
+import ENUS from "../../../../../messages/en-USon";
+import fr from "../../../../../messages/fron";
+import CartItem from "../components/cart-item";
+import { vi } from "vitest";
+import { NotificationProvider } from "@evenicanpm/storefront-core/src/components-v2/Notifications/notification-context";
+
+// @ts-expect-error - We don't use the dates from this json and its not worth parsin
+const cart: Cart = cartData;
+const server = setupServer();
+beforeAll(() => server.listen());
+afterEach(() => server.resetHandlers());
+afterAll(() => server.close());
+
+const queryClient = new QueryClient();
+const fn = vi.fn;
+
+const Wrapper = ({ children }: React.PropsWithChildren) => (
+  <NextIntlClientProvider locale={"en-US"} messages={ENUS}>
+    <NotificationProvider>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    </NotificationProvider>
+  </NextIntlClientProvider>
+);
+
+const Wrapper2 = ({ children }: React.PropsWithChildren) => (
+  <NextIntlClientProvider locale={"fr"} messages={fr}>
+    <NotificationProvider>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    </NotificationProvider>
+  </NextIntlClientProvider>
+);
+
+describe("cart-item", () => {
+  it("Renders the name and price", () => {
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={(cartline: CartLine) => {
+            cartline;
+          }}
+        />
+      </Wrapper>,
+    );
+
+    expect(screen.getByText(/Leather Dress Coat/)).toBeInTheDocument();
+    expect(screen.getByText(/410.00 x 1/)).toBeInTheDocument();
+  });
+  it("Renders Cart Line Control buttons", () => {
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={(cartline: CartLine) => {
+            cartline;
+          }}
+        />
+      </Wrapper>,
+    );
+    expect(screen.getByTitle("Increase Quantity")).toBeInTheDocument();
+    expect(screen.getByTitle("Decrease Quantity")).toBeInTheDocument();
+    expect(screen.getByTitle("Remove Item")).toBeInTheDocument();
+  });
+  it("Translates to French", () => {
+    const testClick = vi.fn();
+    render(
+      <Wrapper2>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={testClick}
+        />
+      </Wrapper2>,
+    );
+    // screen.debug(undefined, 100000)
+    expect(screen.getByTitle("Augmenter la quantité")).toBeInTheDocument();
+    expect(screen.getByTitle("Diminuer la quantité")).toBeInTheDocument();
+    expect(screen.getByTitle("Supprimer")).toBeInTheDocument();
+  });
+  it("Hides Buttons while loading", () => {
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={true}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={(cartline: CartLine) => {
+            cartline;
+          }}
+        />
+      </Wrapper>,
+    );
+    expect(() => screen.getByTitle("Increase Quantity")).toThrow();
+    expect(() => screen.getByTitle("Decrease Quantity")).toThrow();
+  });
+  it("Does allow increase", () => {
+    const testClick = vi.fn();
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={testClick}
+        />
+      </Wrapper>,
+    );
+    // screen.debug(undefined, 100000)
+    const button = screen.getByTitle("Increase Quantity");
+    fireEvent.click(button);
+    expect(testClick).toHaveBeenCalled();
+  });
+  it("Does not allow decrease", () => {
+    const testClick = vi.fn();
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={testClick}
+        />
+      </Wrapper>,
+    );
+    // screen.debug(undefined, 100000)
+    const button = screen.getByTitle("Decrease Quantity");
+    fireEvent.click(button);
+    expect(testClick).not.toHaveBeenCalled();
+  });
+  it("Allows Remove", () => {
+    const testClick = vi.fn();
+    render(
+      <Wrapper>
+        <CartItem
+          item={cart.CartLines[0]}
+          isLineUpdating={false}
+          closeDrawer={() => {
+            fn;
+          }}
+          handleCartAmountChange={testClick}
+        />
+      </Wrapper>,
+    );
+    // screen.debug(undefined, 100000)
+    const button = screen.getByTitle("Remove Item");
+    fireEvent.click(button);
+    expect(testClick).toHaveBeenCalled();
+  });
+});*/

package/src/components-v2/mini-cart/__tests__/mini-cart.test.tsx

@@ -0,0 +1,121 @@
+/*
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { NextIntlClientProvider } from "next-intl";
+import cartData from "./test-cart-with-itemon";
+import cartDataEmpty from "./test-cart-emptyon";
+import ENUS from "../../../../../messages/en-USon";
+import fr from "../../../../../messages/fron";
+import { fireEvent, render, screen } from "@testing-library/react";
+import MiniCart from "../mini-cart";
+import { vi } from "vitest";
+import { Cart } from "@msdyn365-commerce/retail-proxy";
+import { NotificationProvider } from "@evenicanpm/storefront-core/src/components-v2/Notifications/notification-context";
+
+const { useRouter, mockedRouterPush } = vi.hoisted(() => {
+  const mockedRouterPush = vi.fn();
+  return {
+    useRouter: () => ({ push: mockedRouterPush }),
+    mockedRouterPush,
+  };
+});
+
+vi.mock("next/navigation", async () => {
+  const actual = await vi.importActual("next/navigation");
+  return {
+    ...actual,
+    useRouter,
+  };
+});
+
+const emptyFunc = vi.fn();
+
+// @ts-expect-error - We don't use the dates from this json and its not worth parsing
+const cart: Cart = cartData;
+// @ts-expect-error - We don't use the dates from this json and its not worth parsing
+const emptyCart: Cart = cartDataEmpty;
+const queryClient = new QueryClient();
+
+const Wrapper = ({ children }: React.PropsWithChildren) => (
+  <NotificationProvider>
+    <NextIntlClientProvider locale={"en-US"} messages={ENUS}>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    </NextIntlClientProvider>
+  </NotificationProvider>
+);
+
+const Wrapper2 = ({ children }: React.PropsWithChildren) => (
+  <NotificationProvider>
+    <NextIntlClientProvider locale={"fr"} messages={fr}>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    </NextIntlClientProvider>
+  </NotificationProvider>
+);
+
+const ensureCartLinesNotNull = (cartObject: Cart) => ({
+  ...cartObject,
+  CartLines: cartObject.CartLines || [],
+});
+
+describe("Mini Cart", () => {
+  it("Displays one item in bag", () => {
+    render(
+      <Wrapper>
+        <MiniCart cart={ensureCartLinesNotNull(cart)} closeDrawer={emptyFunc} />
+      </Wrapper>,
+    );
+
+    expect(screen.getByText("1 Item in Bag")).toBeInTheDocument();
+  });
+  it("Displays Empty Bag", () => {
+    render(
+      <Wrapper>
+        <MiniCart
+          cart={ensureCartLinesNotNull(emptyCart)}
+          closeDrawer={emptyFunc}
+        />
+      </Wrapper>,
+    );
+
+    expect(screen.getByText("No Items in Bag")).toBeInTheDocument();
+    expect(
+      screen.getByText("There is nothing in your shopping bag yet!"),
+    ).toBeInTheDocument();
+  });
+
+  it("Translates to French", () => {
+    render(
+      <Wrapper2>
+        <MiniCart
+          cart={ensureCartLinesNotNull(emptyCart)}
+          closeDrawer={emptyFunc}
+        />
+      </Wrapper2>,
+    );
+
+    expect(
+      screen.getByText("Il n'y a encore rien dans votre sac à provisions!"),
+    ).toBeInTheDocument();
+  });
+
+  it("Routes to new page", () => {
+    render(
+      <Wrapper>
+        <MiniCart cart={ensureCartLinesNotNull(cart)} closeDrawer={emptyFunc} />
+      </Wrapper>,
+    );
+    //Test navigation to cart page
+    fireEvent.click(screen.getByText("View Bag ($410.00)"));
+    expect(mockedRouterPush).toHaveBeenCalledWith("/cart");
+  });
+  it("Closes Mini cart", () => {
+    const testClick = vi.fn();
+    render(
+      <Wrapper>
+        <MiniCart cart={ensureCartLinesNotNull(cart)} closeDrawer={testClick} />
+      </Wrapper>,
+    );
+    //Test navigation to cart page
+    fireEvent.click(screen.getByTitle("Close"));
+    expect(testClick).toHaveBeenCalled();
+  });
+});*/

package/src/components-v2/mini-cart/__tests__/test-cart-empty.json

@@ -0,0 +1,84 @@
+{
+  "AffiliationLines": [],
+  "IsRequiredAmountPaid": false,
+  "IsDiscountFullyCalculated": true,
+  "IgnoreDiscountCalculation": false,
+  "AmountDue": 0,
+  "AmountPaid": 0,
+  "AttributeValues": [],
+  "IsTaxIncludedInPrice": false,
+  "BeginDateTime": "2025-03-06T19:42:33.915Z",
+  "CartLines": [],
+  "CartTypeValue": 2,
+  "ChannelId": 68719478279,
+  "ChargeAmount": 0,
+  "CustomerOrderRemainingBalance": 0,
+  "ChargeLines": [],
+  "TaxViewLines": [],
+  "Comment": "",
+  "InvoiceComment": "",
+  "Coupons": [],
+  "CustomerOrderModeValue": 0,
+  "DeliveryMode": "",
+  "DiscountAmount": 0,
+  "DiscountAmountWithoutTax": 0,
+  "DiscountCodes": [],
+  "Id": "8o-erTuzbvZDYi20UBbuhT4tnuBzWI7i",
+  "TransactionTypeValue": -1,
+  "CustomerAccountDepositLines": [],
+  "IncomeExpenseLines": [],
+  "IncomeExpenseTotalAmount": 0,
+  "IsReturnByReceipt": false,
+  "ReturnTransactionHasLoyaltyPayment": false,
+  "IsFavorite": false,
+  "IsRecurring": false,
+  "IsSuspended": false,
+  "LoyaltyCardId": "",
+  "ModifiedDateTime": "2025-03-06T19:42:49.043Z",
+  "AvailableDepositAmount": 0,
+  "PrepaymentAmountPaid": 0,
+  "PrepaymentRoundingDifference": 0,
+  "PrepaymentAppliedOnPickup": 0,
+  "PrepaymentAmountInvoiced": 0,
+  "PromotionLines": [],
+  "ReasonCodeLines": [],
+  "RequiredDepositAmount": 0,
+  "RequiredDepositWithoutCarryoutAmount": 0,
+  "StaffId": "",
+  "SubtotalAmount": 0,
+  "SubtotalAmountWithoutTax": 0,
+  "NetPrice": 0,
+  "SubtotalSalesAmount": 0,
+  "TaxAmount": 0,
+  "TaxOnCancellationCharge": 0,
+  "TaxOnShippingCharge": 0,
+  "TaxOnNonShippingCharges": 0,
+  "TenderLines": [],
+  "RefundableTenderLines": [],
+  "TerminalId": "",
+  "TotalAmount": 0,
+  "TotalSalesAmount": 0,
+  "TotalReturnAmount": 0,
+  "TotalCarryoutSalesAmount": 0,
+  "TotalCustomerOrderSalesAmount": 0,
+  "TotalManualDiscountAmount": 0,
+  "TotalManualDiscountPercentage": 0,
+  "WarehouseId": "DC-CENTRAL",
+  "IsCreatedOffline": false,
+  "CartStatusValue": 1,
+  "ReceiptTransactionTypeValue": 0,
+  "CommissionSalesGroup": "",
+  "Version": 71314473,
+  "TotalItems": 1,
+  "HasTaxCalculationTriggered": true,
+  "MerchantProperties": [],
+  "HasChargeCalculationTriggered": true,
+  "FiscalTransactions": [],
+  "ShippingChargeAmount": 0,
+  "OtherChargeAmount": 0,
+  "PeriodicDiscountsCalculateScopeValue": 0,
+  "TaxCalculationTypeValue": 0,
+  "Notes": [],
+  "CustomerRequisition": "",
+  "ExtensionProperties": []
+}

package/src/components-v2/mini-cart/__tests__/test-cart-with-item.json

@@ -0,0 +1,244 @@
+{
+  "AffiliationLines": [],
+  "IsRequiredAmountPaid": false,
+  "IsDiscountFullyCalculated": true,
+  "IgnoreDiscountCalculation": false,
+  "AmountDue": 410,
+  "AmountPaid": 0,
+  "AttributeValues": [],
+  "IsTaxIncludedInPrice": false,
+  "BeginDateTime": "2025-03-06T19:42:33.915Z",
+  "CartLines": [
+    {
+      "LineId": "cd2e64b1c445434eb38c24eb40ee1d90",
+      "ItemId": "92040",
+      "Barcode": "",
+      "EntryMethodTypeValue": 0,
+      "Description": "",
+      "InventoryDimensionId": "#0000001000006DC7",
+      "Comment": "",
+      "ProductId": 68719492920,
+      "WarehouseId": "DC-CENTRAL",
+      "Quantity": 1,
+      "Price": 410,
+      "ExtendedPrice": 410,
+      "TaxAmount": 0,
+      "ItemTaxGroupId": "RP",
+      "TotalAmount": 410,
+      "NetAmountWithoutTax": 410,
+      "NetPrice": 410,
+      "DiscountAmountWithoutTax": 0,
+      "DiscountAmount": 0,
+      "LineDiscount": 0,
+      "LinePercentageDiscount": 0,
+      "LineManualDiscountPercentage": 0,
+      "LineManualDiscountAmount": 0,
+      "UnitOfMeasureSymbol": "ea",
+      "DeliveryMode": "",
+      "IsWarrantyLine": false,
+      "WarrantableTransactionId": "",
+      "WarrantableSalesId": "",
+      "WarrantableLineNumber": 0,
+      "WarrantableSerialNumber": "",
+      "ReturnTransactionId": "",
+      "ReturnLineNumber": 0,
+      "ReturnInventTransId": "",
+      "ReturnStore": "",
+      "ReturnTerminalId": "",
+      "IsVoided": false,
+      "IsTaxOverideCodeTaxExempt": false,
+      "IsGiftCardLine": false,
+      "IsPriceKeyedIn": false,
+      "GiftCardId": "",
+      "GiftCardCurrencyCode": "",
+      "GiftCardOperationValue": 0,
+      "GiftCardTypeValue": 0,
+      "SalesStatusValue": 1,
+      "QuantityCanceled": 0,
+      "FulfillmentStoreId": "",
+      "SerialNumber": "",
+      "ElectronicDeliveryEmail": "",
+      "ElectronicDeliveryEmailContent": "",
+      "IsPriceOverridden": false,
+      "IsInvoiceLine": false,
+      "InvoiceId": "",
+      "InvoiceAmount": 0,
+      "GiftCardBalance": 0,
+      "LineVersion": 0,
+      "PromotionLines": [],
+      "PriceLines": [
+        {
+          "RecordId": 68719489596,
+          "Value": 410,
+          "PriceMethod": "Fixed",
+          "OriginId": "92040",
+          "PriceChangedByExtensions": false,
+          "ExtensionProperties": [],
+          "@odata.type": "#Microsoft.Dynamics.Commerce.Runtime.DataModel.BasePriceLine"
+        }
+      ],
+      "DiscountLines": [],
+      "RelatedDiscountedLineIds": [],
+      "ReasonCodeLines": [],
+      "ChargeLines": [],
+      "TaxLines": [],
+      "ReturnTaxLines": [],
+      "TaxRatePercent": 0,
+      "IsCustomerAccountDeposit": false,
+      "ExtensionProperties": [],
+      "LineNumber": 1,
+      "CommissionSalesGroup": "",
+      "StaffId": "",
+      "CatalogId": 0,
+      "AttributeValues": [],
+      "ThirdPartyGiftCardInfo": {
+        "Amount": 0,
+        "Authorization": "",
+        "ExtensionProperties": []
+      },
+      "BarcodeEmbeddedPrice": 0,
+      "PriceInBarcode": false,
+      "InvoiceTypeValue": 0,
+      "DetailedLineStatusValue": 0,
+      "SalesAgreementLineRecordId": 0,
+      "Product": {
+        "RecordId": 68719492920,
+        "ItemId": "92040",
+        "Name": "Leather Dress Coat",
+        "Description": "Black leather dress coat completed with a collar for a classy look.",
+        "ProductTypeValue": 5,
+        "DefaultUnitOfMeasure": "ea",
+        "BasePrice": 410,
+        "Price": 410,
+        "AdjustedPrice": 410,
+        "MasterProductId": 68719492919,
+        "Components": [],
+        "IsGiftCard": false,
+        "ProductNumber": "92040 :  : M :  :",
+        "Dimensions": [
+          {
+            "DimensionTypeValue": 3,
+            "DimensionValue": {
+              "RecordId": 22565421233,
+              "Value": "M",
+              "DimensionId": "M",
+              "ExtensionProperties": []
+            },
+            "ExtensionProperties": []
+          }
+        ],
+        "Behavior": {
+          "HasSerialNumber": false,
+          "IsDiscountAllowed": true,
+          "IsManualDiscountAllowed": true,
+          "IsKitDisassemblyAllowed": false,
+          "IsNegativeQuantityAllowed": false,
+          "IsReturnAllowed": true,
+          "IsSaleAtPhysicalStoresAllowed": true,
+          "IsZeroSalePriceAllowed": false,
+          "KeyInPriceValue": 4,
+          "KeyInQuantityValue": 0,
+          "MustKeyInComment": false,
+          "MustPrintIndividualShelfLabelsForVariants": false,
+          "MustPromptForSerialNumberOnlyAtSale": false,
+          "MustWeighProductAtSale": false,
+          "ValidFromDateForSaleAtPhysicalStores": "1900-01-01T00:00:00.000Z",
+          "ValidToDateForSaleAtPhysicalStores": "2154-12-31T00:00:00.000Z",
+          "IsStorageDimensionGroupLocationActive": true,
+          "IsStorageDimensionGroupLocationAllowBlankReceiptEnabled": false,
+          "AllowNegativePhysicalInventory": true,
+          "IsStockedProduct": true,
+          "IsBlankSerialNumberAllowed": false,
+          "IsBlankSerialNumberReceiptAllowed": false,
+          "IsSerialNumberControlEnabled": false,
+          "IsStorageDimensionGroupLocationBlankIssueAllowed": false,
+          "IsSerialNumberRequired": false,
+          "DefaultQuantity": 0,
+          "MaximumQuantity": 0,
+          "MinimumQuantity": 0,
+          "MultipleOfQuantity": 0,
+          "InventoryLocationId": "",
+          "IsSaleAtSelfCheckoutRegistersAllowed": true,
+          "ExtensionProperties": []
+        },
+        "LinkedProducts": [],
+        "PrimaryImageUrl": "https://images-us-prod.cms.commerce.dynamics.com/cms/api/lmrndcmtsl/imageFileData/search?fileName=/Products/92040 ^  ^ M ^  ^_000_001.png",
+        "ItemTypeValue": 0,
+        "ItemServiceTypeValue": 0,
+        "ExtensionProperties": []
+      }
+    }
+  ],
+  "CartTypeValue": 2,
+  "ChannelId": 68719478279,
+  "ChargeAmount": 0,
+  "CustomerOrderRemainingBalance": 0,
+  "ChargeLines": [],
+  "TaxViewLines": [],
+  "Comment": "",
+  "InvoiceComment": "",
+  "Coupons": [],
+  "CustomerOrderModeValue": 0,
+  "DeliveryMode": "",
+  "DiscountAmount": 0,
+  "DiscountAmountWithoutTax": 0,
+  "DiscountCodes": [],
+  "Id": "8o-erTuzbvZDYi20UBbuhT4tnuBzWI7i",
+  "TransactionTypeValue": -1,
+  "CustomerAccountDepositLines": [],
+  "IncomeExpenseLines": [],
+  "IncomeExpenseTotalAmount": 0,
+  "IsReturnByReceipt": false,
+  "ReturnTransactionHasLoyaltyPayment": false,
+  "IsFavorite": false,
+  "IsRecurring": false,
+  "IsSuspended": false,
+  "LoyaltyCardId": "",
+  "ModifiedDateTime": "2025-03-06T19:42:49.043Z",
+  "AvailableDepositAmount": 0,
+  "PrepaymentAmountPaid": 0,
+  "PrepaymentRoundingDifference": 0,
+  "PrepaymentAppliedOnPickup": 0,
+  "PrepaymentAmountInvoiced": 0,
+  "PromotionLines": [],
+  "ReasonCodeLines": [],
+  "RequiredDepositAmount": 0,
+  "RequiredDepositWithoutCarryoutAmount": 0,
+  "StaffId": "",
+  "SubtotalAmount": 410,
+  "SubtotalAmountWithoutTax": 410,
+  "NetPrice": 410,
+  "SubtotalSalesAmount": 410,
+  "TaxAmount": 0,
+  "TaxOnCancellationCharge": 0,
+  "TaxOnShippingCharge": 0,
+  "TaxOnNonShippingCharges": 0,
+  "TenderLines": [],
+  "RefundableTenderLines": [],
+  "TerminalId": "",
+  "TotalAmount": 410,
+  "TotalSalesAmount": 410,
+  "TotalReturnAmount": 0,
+  "TotalCarryoutSalesAmount": 0,
+  "TotalCustomerOrderSalesAmount": 0,
+  "TotalManualDiscountAmount": 0,
+  "TotalManualDiscountPercentage": 0,
+  "WarehouseId": "DC-CENTRAL",
+  "IsCreatedOffline": false,
+  "CartStatusValue": 1,
+  "ReceiptTransactionTypeValue": 0,
+  "CommissionSalesGroup": "",
+  "Version": 71314473,
+  "TotalItems": 1,
+  "HasTaxCalculationTriggered": true,
+  "MerchantProperties": [],
+  "HasChargeCalculationTriggered": true,
+  "FiscalTransactions": [],
+  "ShippingChargeAmount": 0,
+  "OtherChargeAmount": 0,
+  "PeriodicDiscountsCalculateScopeValue": 0,
+  "TaxCalculationTypeValue": 0,
+  "Notes": [],
+  "CustomerRequisition": "",
+  "ExtensionProperties": []
+}