@aiquants/drag-drop-panels 0.8.1 → 0.8.4

package/src/DragDropLayout.spec.tsx

@@ -1,64 +0,0 @@
-/** @vitest-environment jsdom */
-import { render } from "@testing-library/react"
-import { describe, expect, it } from "vitest"
-import { DragDropLayout } from "./DragDropLayout"
-
-describe("DragDropLayout - Maximized Bounds CSS Variables", () => {
-    it("applies --aqdd-maximize-* CSS variables in heightStyle when a panel is maximized", () => {
-        const columns = [
-            {
-                id: "col-1",
-                key: "col-1",
-                title: "Column 1",
-                panelIds: ["panel-1"],
-            },
-        ]
-
-        const DummyContent = () => <div>Panel Content</div>
-        const panelList = [
-            {
-                id: "panel-1",
-                title: "Test Panel",
-                component: DummyContent,
-            },
-        ]
-
-        const { container } = render(
-            <DragDropLayout
-                columns={columns}
-                panels={panelList}
-                columnPanels={{ "col-1": ["panel-1"] }}
-                panelVisibility={{ "panel-1": true }}
-                panelSizes={{ "panel-1": { width: 100, height: 300, x: 0, y: 0, minHeight: "0px", maxHeight: "none" } }}
-                dragState={{ isDragging: false, draggedPanel: null, dragOverColumn: null }}
-                dragOverPosition={null}
-                originalPanelPosition={null}
-                dragModes={{ "panel-1": "normal" }}
-                debugConfig={{ showDebugPanel: false, logLevel: 0 }}
-                maximizedPanel="panel-1"
-                onPanelMaximizeChange={() => {}}
-                onColumnPanelsChange={() => {}}
-                onPanelVisibilityChange={() => {}}
-                onDragStart={() => {}}
-                onDragEnd={() => {}}
-                onPlaceholderDragEnter={() => {}}
-                onPlaceholderDragLeave={() => {}}
-                onDragOverWithInsert={() => {}}
-                onDropWithInsert={() => {}}
-                onColumnDragLeave={() => {}}
-            />,
-        )
-
-        const maximizedPanel = container.querySelector('[data-maximized="true"]')
-        expect(maximizedPanel).not.toBeNull()
-
-        if (maximizedPanel) {
-            const htmlElement = maximizedPanel as HTMLElement
-            expect(htmlElement.style.position).toBe("fixed")
-            expect(htmlElement.style.top).toBe("var(--aqdd-maximize-top, 0px)")
-            expect(htmlElement.style.right).toBe("var(--aqdd-maximize-right, 0px)")
-            expect(htmlElement.style.bottom).toBe("var(--aqdd-maximize-bottom, 0px)")
-            expect(htmlElement.style.left).toBe("var(--aqdd-maximize-left, 0px)")
-        }
-    })
-})