feat: add medusa-react (#913)

2021-12-14 19:09:36 +01:00
parent 40f6e88875
commit d0d8dd7bf6
97 changed files with 22822 additions and 7595 deletions
@@ -0,0 +1,59 @@
+import { useCreateCustomer, useUpdateMe } from "./../../../src/"
+import { renderHook } from "@testing-library/react-hooks"
+import { fixtures } from "../../../mocks/data"
+import { createWrapper } from "../../utils"
+
+describe("useCreateCustomer hook", () => {
+  test("creates a new customer", async () => {
+    const customer = {
+      first_name: "john",
+      last_name: "wick",
+      email: "johnwick@medusajs.com",
+      password: "supersecret",
+      phone: "111111",
+    }
+
+    const { result, waitFor } = renderHook(() => useCreateCustomer(), {
+      wrapper: createWrapper(),
+    })
+
+    result.current.mutate(customer)
+
+    await waitFor(() => result.current.isSuccess)
+
+    expect(result.current.data.response.status).toEqual(200)
+    expect(result.current.data.customer).toEqual({
+      ...fixtures.get("customer"),
+      ...customer,
+    })
+  })
+})
+
+describe("useUpdateMe hook", () => {
+  test("updates current customer", async () => {
+    const customer = {
+      first_name: "lebron",
+      last_name: "james",
+      email: "lebronjames@medusajs.com",
+      password: "supersecret",
+      phone: "111111",
+    }
+
+    const { result, waitFor } = renderHook(() => useUpdateMe(), {
+      wrapper: createWrapper(),
+    })
+
+    result.current.mutate({
+      id: "cus_test",
+      ...customer,
+    })
+
+    await waitFor(() => result.current.isSuccess)
+
+    expect(result.current.data.response.status).toEqual(200)
+    expect(result.current.data.customer).toEqual({
+      ...fixtures.get("customer"),
+      ...customer,
+    })
+  })
+})
@@ -0,0 +1,89 @@
+import { rest } from "msw"
+import { server } from "./../../../mocks/server"
+import { useMeCustomer, useCustomerOrders } from "./../../../src/"
+import { renderHook } from "@testing-library/react-hooks"
+import { fixtures } from "../../../mocks/data"
+import { createWrapper } from "../../utils"
+
+describe("useMeCustomer hook", () => {
+  test("returns customer", async () => {
+    const customer = fixtures.get("customer")
+    const { result, waitFor } = renderHook(() => useMeCustomer(), {
+      wrapper: createWrapper(),
+    })
+
+    await waitFor(() => result.current.isSuccess)
+
+    expect(result.current.response.status).toEqual(200)
+    expect(result.current.customer).toEqual(customer)
+  })
+})
+
+describe("useCustomerOrders hook", () => {
+  test("returns customer's orders", async () => {
+    const orders = fixtures.list("order", 5)
+
+    const { result, waitFor } = renderHook(() => useCustomerOrders(), {
+      wrapper: createWrapper(),
+    })
+
+    await waitFor(() => result.current.isSuccess)
+
+    expect(result.current.response.status).toEqual(200)
+    expect(result.current.orders).toEqual(orders)
+    expect(result.current.limit).toEqual(5)
+    expect(result.current.offset).toEqual(0)
+  })
+
+  test("propagates query params and returns customer's orders", async () => {
+    const orders = fixtures.list("order")
+
+    server.use(
+      rest.get("/store/customers/me/orders", (req, res, ctx) => {
+        const limit = req.url.searchParams.get("limit")
+        const offset = req.url.searchParams.get("offset")
+        const expand = req.url.searchParams.get("expand")
+        const fields = req.url.searchParams.get("fields")
+        expect({
+          limit,
+          offset,
+          expand,
+          fields,
+        }).toEqual({
+          limit: "2",
+          offset: "5",
+          expand: "relation_1,relation_2",
+          fields: "field_1,field_2",
+        })
+        return res(
+          ctx.status(200),
+          ctx.json({
+            orders,
+            limit: 2,
+            offset: 5,
+          })
+        )
+      })
+    )
+
+    const { result, waitFor } = renderHook(
+      () =>
+        useCustomerOrders({
+          limit: 2,
+          offset: 5,
+          expand: "relation_1,relation_2",
+          fields: "field_1,field_2",
+        }),
+      {
+        wrapper: createWrapper(),
+      }
+    )
+
+    await waitFor(() => result.current.isSuccess)
+
+    expect(result.current.response.status).toEqual(200)
+    expect(result.current.orders).toEqual(orders)
+    expect(result.current.limit).toEqual(2)
+    expect(result.current.offset).toEqual(5)
+  })
+})