feat: add medusa-react (#913)

packages/medusa-react/test/session-cart-context/session-cart.test.ts

@@ -0,0 +1,322 @@
+import { generateCartState } from "../../src/contexts/session-cart"
+import { ProductVariant } from "@medusajs/medusa"
+import { useSessionCart } from "../../src"
+import { act, renderHook } from "@testing-library/react-hooks"
+import { fixtures } from "../../mocks/data"
+import { createSessionCartWrapper } from "../utils"
+
+const initialSessionCartState = {
+  region: fixtures.get("region"),
+  totalItems: 0,
+  total: 0,
+  items: [],
+}
+
+describe("useSessionCart hook", () => {
+  describe("sets a region", () => {
+    test("success", async () => {
+      const { result } = renderHook(() => useSessionCart(), {
+        wrapper: createSessionCartWrapper(),
+      })
+      const { setRegion } = result.current
+
+      act(() => {
+        setRegion(fixtures.get("region"))
+      })
+
+      const { region, total, totalItems } = result.current
+
+      expect(region).toEqual(fixtures.get("region"))
+      expect(total).toEqual(0)
+      expect(totalItems).toEqual(0)
+    })
+  })
+
+  describe("item operations", () => {
+    test("addItem", () => {
+      const { result } = renderHook(() => useSessionCart(), {
+        wrapper: createSessionCartWrapper(),
+        initialProps: {
+          initialState: initialSessionCartState,
+        },
+      })
+      const { addItem } = result.current
+      const variant = fixtures.get("product_variant")
+
+      act(() => {
+        addItem({
+          variant: variant as unknown as ProductVariant,
+          quantity: 1,
+        })
+      })
+
+      const { items, totalItems, total } = result.current
+
+      expect(totalItems).toBe(1)
+      expect(total).toBe(1000)
+      expect(items).toEqual([
+        {
+          variant: expect.objectContaining(variant),
+          quantity: 1,
+          total: 1000,
+        },
+      ])
+    })
+
+    test("updateItem", () => {
+      const variant = fixtures.get("product_variant")
+      const { result } = renderHook(() => useSessionCart(), {
+        wrapper: createSessionCartWrapper(),
+        initialProps: {
+          initialState: generateCartState(initialSessionCartState, [
+            {
+              variant: variant as unknown as ProductVariant,
+              quantity: 1,
+            },
+            {
+              variant: {
+                ...variant,
+                id: "test-variant",
+              } as unknown as ProductVariant,
+              quantity: 1,
+            },
+          ]),
+        },
+      })
+
+      const { updateItem } = result.current
+
+      act(() => {
+        updateItem(variant.id, {
+          quantity: 4,
+        })
+      })
+
+      const { items, totalItems, total } = result.current
+
+      expect(totalItems).toBe(5)
+      expect(total).toBe(5 * 1000)
+      expect(items).toEqual([
+        {
+          variant: expect.objectContaining(variant),
+          quantity: 4,
+          total: 1000,
+        },
+        {
+          variant: {
+            ...variant,
+            id: "test-variant",
+          },
+          quantity: 1,
+          total: 1000,
+        },
+      ])
+    })
+
+    test("removeItem", () => {
+      const variant = fixtures.get("product_variant")
+      const { result } = renderHook(() => useSessionCart(), {
+        wrapper: createSessionCartWrapper(),
+        initialProps: {
+          initialState: generateCartState(initialSessionCartState, [
+            {
+              variant: variant as unknown as ProductVariant,
+              quantity: 3,
+            },
+            {
+              variant: {
+                ...variant,
+                id: "test-variant",
+              } as unknown as ProductVariant,
+              quantity: 1,
+            },
+          ]),
+        },
+      })
+
+      const { removeItem } = result.current
+
+      act(() => {
+        removeItem(variant.id)
+      })
+
+      const { items, totalItems, total } = result.current
+
+      expect(totalItems).toBe(1)
+      expect(total).toBe(1000)
+      expect(items).toEqual([
+        {
+          variant: {
+            ...variant,
+            id: "test-variant",
+          },
+          quantity: 1,
+          total: 1000,
+        },
+      ])
+    })
+
+    test("incrementItemQuantity", () => {
+      const variant = fixtures.get("product_variant")
+      const { result } = renderHook(() => useSessionCart(), {
+        wrapper: createSessionCartWrapper(),
+        initialProps: {
+          initialState: generateCartState(initialSessionCartState, [
+            {
+              variant: variant as unknown as ProductVariant,
+              quantity: 2,
+            },
+          ]),
+        },
+      })
+
+      const { incrementItemQuantity } = result.current
+
+      act(() => {
+        incrementItemQuantity(variant.id)
+      })
+
+      const { items, totalItems, total } = result.current
+
+      expect(totalItems).toBe(3)
+      expect(total).toBe(3 * 1000)
+      expect(items).toEqual([
+        {
+          variant,
+          quantity: 3,
+          total: 1000,
+        },
+      ])
+    })
+
+    test("decrementItemQuantity", () => {
+      const variant = fixtures.get("product_variant")
+      const { result } = renderHook(() => useSessionCart(), {
+        wrapper: createSessionCartWrapper(),
+        initialProps: {
+          initialState: generateCartState(initialSessionCartState, [
+            {
+              variant: variant as unknown as ProductVariant,
+              quantity: 4,
+            },
+          ]),
+        },
+      })
+
+      const { decrementItemQuantity } = result.current
+
+      act(() => {
+        decrementItemQuantity(variant.id)
+      })
+
+      const { items, totalItems, total } = result.current
+
+      expect(totalItems).toBe(3)
+      expect(total).toBe(3 * 1000)
+      expect(items).toEqual([
+        {
+          variant,
+          quantity: 3,
+          total: 1000,
+        },
+      ])
+    })
+
+    test("setItems", () => {
+      const variant = fixtures.get("product_variant")
+      const { result } = renderHook(() => useSessionCart(), {
+        wrapper: createSessionCartWrapper(),
+        initialProps: {
+          initialState: generateCartState(initialSessionCartState, [
+            {
+              variant: variant as unknown as ProductVariant,
+              quantity: 4,
+            },
+          ]),
+        },
+      })
+
+      const { setItems } = result.current
+
+      act(() => {
+        setItems([
+          {
+            variant: {
+              ...variant,
+              id: "test-variant",
+            } as unknown as ProductVariant,
+            quantity: 1,
+          },
+        ])
+      })
+
+      const { items, totalItems, total } = result.current
+
+      expect(totalItems).toBe(1)
+      expect(total).toBe(1000)
+      expect(items).toEqual([
+        {
+          variant: expect.objectContaining({
+            id: "test-variant",
+          }),
+          quantity: 1,
+          total: 1000,
+        },
+      ])
+    })
+
+    test("getItem", () => {
+      const variant = fixtures.get("product_variant")
+      const { result } = renderHook(() => useSessionCart(), {
+        wrapper: createSessionCartWrapper(),
+        initialProps: {
+          initialState: generateCartState(initialSessionCartState, [
+            {
+              variant: variant as unknown as ProductVariant,
+              quantity: 1,
+            },
+          ]),
+        },
+      })
+
+      const { getItem } = result.current
+      let item
+      act(() => {
+        item = getItem(variant.id)
+      })
+
+      expect(item).toEqual({
+        variant,
+        quantity: 1,
+        total: 1000,
+      })
+    })
+
+    test("clearItems", () => {
+      const variant = fixtures.get("product_variant")
+      const { result } = renderHook(() => useSessionCart(), {
+        wrapper: createSessionCartWrapper(),
+        initialProps: {
+          initialState: generateCartState(initialSessionCartState, [
+            {
+              variant: variant as unknown as ProductVariant,
+              quantity: 4,
+            },
+          ]),
+        },
+      })
+
+      const { clearItems } = result.current
+
+      act(() => {
+        clearItems()
+      })
+
+      const { items, totalItems, total } = result.current
+
+      expect(totalItems).toBe(0)
+      expect(total).toBe(0)
+      expect(items).toEqual([])
+    })
+  })
+})