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

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([])
    })
  })
})