@powerhousedao/vetra 4.1.0-dev.82 → 4.1.0-dev.83

package/dist/editors/document-editor/editor.test.js

@@ -0,0 +1,374 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, waitFor } from "@testing-library/react";
+import { userEvent } from "@testing-library/user-event";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { useSelectedDocumentEditorDocument } from "../hooks/useVetraDocument.js";
+import { Editor } from "./editor.js";
+vi.mock("../hooks/useVetraDocument.js", () => ({
+    useSelectedDocumentEditorDocument: vi.fn(),
+}));
+vi.mock("../hooks/useAvailableDocumentTypes.js", () => ({
+    useAvailableDocumentTypes: vi.fn(() => [
+        "powerhouse/document-model",
+        "powerhouse/budget-statement",
+        "powerhouse/project-tracker",
+    ]),
+}));
+describe("DocumentEditor Editor", () => {
+    let mockDispatch;
+    beforeEach(() => {
+        mockDispatch = vi.fn();
+        vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+            {
+                state: {
+                    global: {
+                        name: "",
+                        status: "DRAFT",
+                        documentTypes: [],
+                    },
+                },
+            },
+            mockDispatch,
+        ]);
+    });
+    describe("Core Rendering", () => {
+        it("should render all main form sections and labels", () => {
+            render(_jsx(Editor, {}));
+            expect(screen.getByText("Editor Configuration")).toBeInTheDocument();
+            expect(screen.getByText("Editor Name")).toBeInTheDocument();
+            expect(screen.getByText("Supported Document Types")).toBeInTheDocument();
+            expect(screen.getByText("Confirm")).toBeInTheDocument();
+        });
+        it("should display existing editor data when document has values", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            expect(screen.getByDisplayValue("test-editor")).toBeInTheDocument();
+            // Check that the document type appears in the list (not just in dropdown)
+            const documentTypeElements = screen.getAllByText("powerhouse/document-model");
+            expect(documentTypeElements.length).toBeGreaterThan(0);
+        });
+    });
+    describe("Editor Name Input", () => {
+        it("should dispatch setEditorName when name changes (debounced)", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            await user.type(nameInput, "new-editor");
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_EDITOR_NAME",
+                    input: { name: "new-editor" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should dispatch when clearing a non-empty field", async () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "existing-editor",
+                            status: "DRAFT",
+                            documentTypes: [],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            await user.clear(nameInput);
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_EDITOR_NAME",
+                    input: { name: "" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should NOT dispatch when typing identical value without clearing", async () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test",
+                            status: "DRAFT",
+                            documentTypes: [],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            // Simulate user selecting all text and typing the same value
+            await user.tripleClick(nameInput); // Select all
+            await user.type(nameInput, "test");
+            await waitFor(() => {
+                expect(mockDispatch).not.toHaveBeenCalled();
+            });
+        });
+        it("should NOT dispatch when both old and new values are empty", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            await user.click(nameInput);
+            await user.tab();
+            await waitFor(() => {
+                expect(mockDispatch).not.toHaveBeenCalled();
+            });
+        });
+    });
+    describe("Document Types Management", () => {
+        it("should add document type from dropdown", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const select = screen.getByLabelText("Supported Document Types");
+            await user.selectOptions(select, "powerhouse/document-model");
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "ADD_DOCUMENT_TYPE",
+                input: expect.objectContaining({
+                    documentType: "powerhouse/document-model",
+                    id: expect.any(String),
+                }),
+            }));
+        });
+        it("should replace existing document type when adding new one", async () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const select = screen.getByLabelText("Supported Document Types");
+            await user.selectOptions(select, "powerhouse/budget-statement");
+            // Should first remove the existing type
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "REMOVE_DOCUMENT_TYPE",
+                input: { id: "dt-1" },
+            }));
+            // Then add the new type
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "ADD_DOCUMENT_TYPE",
+                input: expect.objectContaining({
+                    documentType: "powerhouse/budget-statement",
+                    id: expect.any(String),
+                }),
+            }));
+        });
+        it("should remove document type", async () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            // Get all instances of the document type text (dropdown + list)
+            const documentModelElements = screen.getAllByText("powerhouse/document-model");
+            // The second one should be in the list (first is in dropdown)
+            const listItem = documentModelElements[1];
+            const removeButton = listItem.parentElement?.querySelector("button");
+            if (removeButton) {
+                await user.click(removeButton);
+            }
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "REMOVE_DOCUMENT_TYPE",
+                input: { id: "dt-1" },
+            }));
+        });
+        it("should display existing document type", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            // Check that the document type appears (it will be in both dropdown and list)
+            const documentTypeElements = screen.getAllByText("powerhouse/document-model");
+            expect(documentTypeElements.length).toBeGreaterThan(0);
+        });
+        it("should show available document types in dropdown", () => {
+            render(_jsx(Editor, {}));
+            const select = screen.getByLabelText("Supported Document Types");
+            const options = Array.from(select.querySelectorAll("option")).map((opt) => opt.value);
+            expect(options).toContain("powerhouse/document-model");
+            expect(options).toContain("powerhouse/budget-statement");
+            expect(options).toContain("powerhouse/project-tracker");
+        });
+    });
+    describe("Confirm Button", () => {
+        it("should dispatch setEditorStatus when confirm clicked", async () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.getByText("Confirm");
+            await user.click(confirmButton);
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "SET_EDITOR_STATUS",
+                input: { status: "CONFIRMED" },
+            }));
+        });
+        it("should be disabled when editor name is empty", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.getByText("Confirm");
+            expect(confirmButton).toBeDisabled();
+        });
+        it("should be disabled when no document types selected", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.getByText("Confirm");
+            expect(confirmButton).toBeDisabled();
+        });
+        it("should be hidden when status is CONFIRMED", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "CONFIRMED",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.queryByText("Confirm");
+            expect(confirmButton).not.toBeInTheDocument();
+        });
+    });
+    describe("Read-only Mode", () => {
+        it("should disable form fields when status is CONFIRMED", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "CONFIRMED",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            expect(nameInput).toBeDisabled();
+            // Document types dropdown should not be visible in read-only mode
+            const select = screen.queryByLabelText("Supported Document Types");
+            expect(select).not.toBeInTheDocument();
+            // Remove button should not be visible
+            const removeButtons = screen.queryAllByText("×");
+            expect(removeButtons).toHaveLength(0);
+        });
+        it("should enable form fields when status is DRAFT", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            expect(nameInput).not.toBeDisabled();
+            // Document types dropdown should be visible
+            const select = screen.getByLabelText("Supported Document Types");
+            expect(select).toBeInTheDocument();
+            // Remove button should be visible
+            const removeButtons = screen.queryAllByText("×");
+            expect(removeButtons.length).toBeGreaterThan(0);
+        });
+    });
+});

package/dist/editors/processor-editor/components/ProcessorEditorForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProcessorEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/processor-editor/components/ProcessorEditorForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AAI3F,MAAM,WAAW,wBAAwB;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyLlE,CAAC"}
+{"version":3,"file":"ProcessorEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/processor-editor/components/ProcessorEditorForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AAI3F,MAAM,WAAW,wBAAwB;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqMlE,CAAC"}

package/dist/editors/processor-editor/components/ProcessorEditorForm.js

@@ -42,7 +42,7 @@ export const ProcessorEditorForm = ({ processorName: initialProcessorName = "",
         onRemoveDocumentType?.(id);
     };
     const canConfirm = processorName.trim() && processorType && documentTypes.length > 0;
-    return (_jsxs("div", { className: "space-y-6 bg-white p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Processor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Processor Name" }), _jsx("input", { type: "text", value: processorName, onChange: (e) => setProcessorName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, placeholder: "Enter processor name" })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Type" }), _jsxs("select", { value: processorType, onChange: (e) => setProcessorType(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, children: [_jsx("option", { value: "", children: "Select type..." }), _jsx("option", { value: "analytics", children: "Analytics" }), _jsx("option", { value: "relational", children: "Relational Database" })] })] }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && availableDocumentTypes.length > 0 && (_jsxs("select", { value: selectedDocumentType, onChange: (e) => {
+    return (_jsxs("div", { className: "space-y-6 bg-white p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Processor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "processor-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Processor Name" }), _jsx("input", { id: "processor-name", type: "text", value: processorName, onChange: (e) => setProcessorName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, placeholder: "Enter processor name" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "processor-type", className: "mb-2 block text-sm font-medium text-gray-700", children: "Type" }), _jsxs("select", { id: "processor-type", value: processorType, onChange: (e) => setProcessorType(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, children: [_jsx("option", { value: "", children: "Select type..." }), _jsx("option", { value: "analytics", children: "Analytics" }), _jsx("option", { value: "relational", children: "Relational Database" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && availableDocumentTypes.length > 0 && (_jsxs("select", { id: "document-types", value: selectedDocumentType, onChange: (e) => {
                                     const selectedValue = e.target.value;
                                     if (selectedValue &&
                                         !documentTypes.some((dt) => dt.documentType === selectedValue)) {

package/dist/editors/processor-editor/editor.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=editor.test.d.ts.map

package/dist/editors/processor-editor/editor.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.test.d.ts","sourceRoot":"","sources":["../../../editors/processor-editor/editor.test.tsx"],"names":[],"mappings":""}