feat(web): ObjectForm (core + dynamic flexible fields, RHF, validation)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-04 00:40:19 +02:00
parent cf0b34b254
commit 616c232a22
5 changed files with 265 additions and 15 deletions
@@ -0,0 +1,49 @@
+import { expect, test, vi } from "vitest";
+import { screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { renderApp } from "../test/render";
+import { ObjectForm } from "./object-form";
+
+test("create mode: shows visibility (draft/internal only) and submits assembled values", async () => {
+  const onSubmit = vi.fn();
+  renderApp(<ObjectForm mode="create" onSubmit={onSubmit} onCancel={() => {}} />);
+
+  await userEvent.type(await screen.findByLabelText(/object number/i), "A-9");
+  await userEvent.type(screen.getByLabelText(/^name/i), "Amphora");
+  await userEvent.type(screen.getByLabelText(/inscription/i), "To the gods");
+
+  const visibility = screen.getByLabelText(/visibility/i) as HTMLSelectElement;
+  expect([...visibility.options].map((o) => o.value)).toEqual(expect.arrayContaining(["draft", "internal"]));
+  expect([...visibility.options].map((o) => o.value)).not.toContain("public");
+
+  await userEvent.click(screen.getByRole("button", { name: /create object/i }));
+  await waitFor(() => expect(onSubmit).toHaveBeenCalledOnce());
+  const values = onSubmit.mock.calls[0][0];
+  expect(values.core.object_number).toBe("A-9");
+  expect(values.visibility).toBe("draft");
+  expect(values.fields.inscription).toBe("To the gods");
+});
+
+test("required core + required flexible field block submit", async () => {
+  const onSubmit = vi.fn();
+  renderApp(<ObjectForm mode="create" onSubmit={onSubmit} onCancel={() => {}} />);
+  await userEvent.click(await screen.findByRole("button", { name: /create object/i }));
+  await waitFor(() => expect(screen.getAllByText(/required/i).length).toBeGreaterThan(0));
+  expect(onSubmit).not.toHaveBeenCalled();
+});
+
+test("edit mode: no visibility control, save button, prefilled values", async () => {
+  const onSubmit = vi.fn();
+  renderApp(
+    <ObjectForm mode="edit" onSubmit={onSubmit} onCancel={() => {}}
+      defaults={{
+        core: { object_number: "A-1", object_name: "Amphora", number_of_objects: 1,
+          brief_description: null, current_location: "Vault 3", current_owner: null,
+          recorder: null, recording_date: null },
+        fields: { inscription: "hi" },
+      }} />,
+  );
+  expect(await screen.findByDisplayValue("Amphora")).toBeInTheDocument();
+  expect(screen.queryByLabelText(/visibility/i)).not.toBeInTheDocument();
+  expect(screen.getByRole("button", { name: /save/i })).toBeInTheDocument();
+});