test: add workspace creation

Author: peppescg

src/features/workspace/components/__tests__/workspace-creation.test.tsx

@@ -0,0 +1,27 @@
+import { WorkspaceCreation } from "../workspace-creation";
+import { render } from "@/lib/test-utils";
+import userEvent from "@testing-library/user-event";
+import { screen, waitFor } from "@testing-library/react";
+
+const mockNavigate = vi.fn();
+vi.mock("react-router-dom", async () => {
+  const original =
+    await vi.importActual<typeof import("react-router-dom")>(
+      "react-router-dom",
+    );
+  return {
+    ...original,
+    useNavigate: () => mockNavigate,
+  };
+});
+
+test("create workspace", async () => {
+  render(<WorkspaceCreation />);
+
+  expect(screen.getByText(/name/i)).toBeVisible();
+
+  screen.logTestingPlaygroundURL();
+  await userEvent.type(screen.getByRole("textbox"), "workspaceA");
+  await userEvent.click(screen.getByRole("button", { name: /create/i }));
+  await waitFor(() => expect(mockNavigate).toBeCalled());
+});

src/features/workspace/hooks/use-create-workspace.ts

@@ -6,9 +6,6 @@ export function useCreateWorkspace() {
   const navigate = useNavigate();
   return useMutation({
     ...v1CreateWorkspaceMutation(),
-    onError(error) {
-      return error?.detail;
-    },
     onSuccess: () => navigate("/workspaces"),
   });
 }

src/mocks/msw/handlers.ts

@@ -33,7 +33,7 @@ export const handlers = [
   http.get("*/api/v1/workspaces", () => {
     return HttpResponse.json(mockedWorkspaces);
   }),
-  http.post("*/api/v1/workspace", () => {
+  http.post("*/api/v1/workspaces", () => {
     return HttpResponse.json(mockedWorkspaces);
   }),
 ];

src/routes/route-workspace-creation.tsx

@@ -4,7 +4,7 @@ import { WorkspaceHeading } from "@/features/workspace/components/workspace-head
 export function RouteWorkspaceCreation() {
   return (
     <>
-      <WorkspaceHeading title="Workspace settings" />
+      <WorkspaceHeading title="Create Workspace" />
       <WorkspaceCreation />
     </>
   );