@olenbetong/appframe-ds 1.0.3 → 1.2.0

package/src/mdi/layoutSpec.test.ts

@@ -1,143 +1,143 @@
-import { describe, expect, it } from "vitest";
-
-import { layoutSpecToLayout, listSpecDocuments, specDocumentId } from "./layoutSpec.js";
-import { testSpec, testTypes } from "./testTypes.js";
-import type { MdiLayoutSpec } from "./types.js";
-
-describe("layoutSpecToLayout", () => {
-	it("builds the documents map with resolved titles and closable flags", () => {
-		let layout = layoutSpecToLayout(testSpec, testTypes, 1);
-
-		expect(layout.format).toBe(1);
-		expect(layout.layoutVersion).toBe(1);
-		expect(Object.keys(layout.documents)).toEqual(["explorer", "editor:a", "editor:b", "properties"]);
-		expect(layout.documents["explorer"]).toEqual({
-			type: "explorer",
-			key: undefined,
-			params: {},
-			title: "Explorer",
-			closable: false,
-		});
-		expect(layout.documents["editor:a"]).toMatchObject({
-			key: "a",
-			params: { name: "A" },
-			title: "Editor A",
-			closable: true,
-		});
-	});
-
-	it("registers every panel on the shared mdi renderer", () => {
-		let layout = layoutSpecToLayout(testSpec, testTypes, 1);
-
-		for (let [id, panel] of Object.entries(layout.dockview.panels)) {
-			expect(panel).toEqual({ id, contentComponent: "mdi", tabComponent: "mdi", title: layout.documents[id]!.title });
-		}
-	});
-
-	it("mirrors the split tree with proportional sizes and alternating orientation", () => {
-		let { dockview } = layoutSpecToLayout(testSpec, testTypes, 1);
-		let root = dockview.grid.root;
-
-		expect(dockview.grid.orientation).toBe("HORIZONTAL");
-		expect(root.type).toBe("branch");
-
-		let [explorer, right] = root.data as { type: string; size?: number; data: unknown }[];
-		expect(explorer!.type).toBe("leaf");
-		expect(explorer!.size).toBe(250);
-		expect(right!.type).toBe("branch");
-		expect(right!.size).toBe(750);
-
-		let [editors, properties] = right!.data as { type: string; size?: number; data: { views: string[] } }[];
-		expect(editors!.size).toBe(750);
-		expect(properties!.size).toBe(250);
-		expect(editors!.data.views).toEqual(["editor:a", "editor:b"]);
-	});
-
-	it("carries group options and the active tab", () => {
-		let { dockview } = layoutSpecToLayout(testSpec, testTypes, 1);
-		let [explorer, right] = dockview.grid.root.data as { data: unknown }[];
-		let explorerGroup = explorer!.data as { id: string; locked?: unknown; hideHeader?: boolean; activeView?: string };
-		let editorsGroup = (right!.data as { data: { activeView?: string } }[])[0]!.data;
-
-		expect(explorerGroup).toMatchObject({
-			id: "mdi-g1",
-			locked: true,
-			hideHeader: true,
-			activeView: "explorer",
-		});
-		expect(editorsGroup.activeView).toBe("editor:b");
-		expect(dockview.activeGroup).toBe("mdi-g1");
-	});
-
-	it("locks a group without a tab bar unless the spec says otherwise", () => {
-		let spec: MdiLayoutSpec = {
-			root: {
-				direction: "horizontal",
-				children: [
-					{ tabs: [{ type: "explorer" }], hideHeader: true },
-					{ tabs: [{ type: "properties" }], hideHeader: true, locked: false },
-					{ tabs: [{ type: "settings" }], locked: "no-drop-target" },
-				],
-			},
-		};
-		let { dockview } = layoutSpecToLayout(spec, testTypes, 1);
-		let groups = (dockview.grid.root.data as { data: { locked?: unknown } }[]).map((leaf) => leaf.data.locked);
-
-		expect(groups).toEqual([true, undefined, "no-drop-target"]);
-	});
-
-	it("wraps a root group in a branch", () => {
-		let layout = layoutSpecToLayout({ root: { tabs: [{ type: "settings" }] } }, testTypes, 0);
-
-		expect(layout.dockview.grid.root.type).toBe("branch");
-		expect((layout.dockview.grid.root.data as unknown[]).length).toBe(1);
-	});
-
-	it("inlines nested splits with the same direction", () => {
-		let spec: MdiLayoutSpec = {
-			root: {
-				direction: "horizontal",
-				children: [
-					{ tabs: [{ type: "explorer" }], size: 2 },
-					{
-						direction: "horizontal",
-						size: 2,
-						children: [{ tabs: [{ type: "settings" }] }, { tabs: [{ type: "properties" }] }],
-					},
-				],
-			},
-		};
-		let { dockview } = layoutSpecToLayout(spec, testTypes, 0);
-		let children = dockview.grid.root.data as { type: string; size?: number }[];
-
-		expect(children.map((child) => child.type)).toEqual(["leaf", "leaf", "leaf"]);
-		expect(children.map((child) => child.size)).toEqual([500, 250, 250]);
-	});
-
-	it("rejects duplicate documents, unknown types and empty groups", () => {
-		expect(() =>
-			layoutSpecToLayout({ root: { tabs: [{ type: "settings" }, { type: "settings" }] } }, testTypes, 0),
-		).toThrow(/more than once/);
-		expect(() => layoutSpecToLayout({ root: { tabs: [{ type: "nope" }] } }, testTypes, 0)).toThrow(
-			/unknown document type/,
-		);
-		expect(() => layoutSpecToLayout({ root: { tabs: [] } }, testTypes, 0)).toThrow(/at least one tab/);
-	});
-
-	it("rejects an active tab that is not in the group", () => {
-		expect(() =>
-			layoutSpecToLayout({ root: { tabs: [{ type: "settings" }], active: "editor:a" } }, testTypes, 0),
-		).toThrow(/not part of its group/);
-	});
-});
-
-describe("spec helpers", () => {
-	it("ignores the key of singleton types", () => {
-		expect(specDocumentId(testTypes, { type: "explorer", key: "ignored" })).toBe("explorer");
-		expect(specDocumentId(testTypes, { type: "editor", key: "x" })).toBe("editor:x");
-	});
-
-	it("lists every document in the spec", () => {
-		expect(listSpecDocuments(testSpec).map((tab) => tab.type)).toEqual(["explorer", "editor", "editor", "properties"]);
-	});
-});
+import { describe, expect, it } from "vitest";
+
+import { layoutSpecToLayout, listSpecDocuments, specDocumentId } from "./layoutSpec.js";
+import { testSpec, testTypes } from "./testTypes.js";
+import type { MdiLayoutSpec } from "./types.js";
+
+describe("layoutSpecToLayout", () => {
+	it("builds the documents map with resolved titles and closable flags", () => {
+		let layout = layoutSpecToLayout(testSpec, testTypes, 1);
+
+		expect(layout.format).toBe(1);
+		expect(layout.layoutVersion).toBe(1);
+		expect(Object.keys(layout.documents)).toEqual(["explorer", "editor:a", "editor:b", "properties"]);
+		expect(layout.documents["explorer"]).toEqual({
+			type: "explorer",
+			key: undefined,
+			params: {},
+			title: "Explorer",
+			closable: false,
+		});
+		expect(layout.documents["editor:a"]).toMatchObject({
+			key: "a",
+			params: { name: "A" },
+			title: "Editor A",
+			closable: true,
+		});
+	});
+
+	it("registers every panel on the shared mdi renderer", () => {
+		let layout = layoutSpecToLayout(testSpec, testTypes, 1);
+
+		for (let [id, panel] of Object.entries(layout.dockview.panels)) {
+			expect(panel).toEqual({ id, contentComponent: "mdi", tabComponent: "mdi", title: layout.documents[id]!.title });
+		}
+	});
+
+	it("mirrors the split tree with proportional sizes and alternating orientation", () => {
+		let { dockview } = layoutSpecToLayout(testSpec, testTypes, 1);
+		let root = dockview.grid.root;
+
+		expect(dockview.grid.orientation).toBe("HORIZONTAL");
+		expect(root.type).toBe("branch");
+
+		let [explorer, right] = root.data as { type: string; size?: number; data: unknown }[];
+		expect(explorer!.type).toBe("leaf");
+		expect(explorer!.size).toBe(250);
+		expect(right!.type).toBe("branch");
+		expect(right!.size).toBe(750);
+
+		let [editors, properties] = right!.data as { type: string; size?: number; data: { views: string[] } }[];
+		expect(editors!.size).toBe(750);
+		expect(properties!.size).toBe(250);
+		expect(editors!.data.views).toEqual(["editor:a", "editor:b"]);
+	});
+
+	it("carries group options and the active tab", () => {
+		let { dockview } = layoutSpecToLayout(testSpec, testTypes, 1);
+		let [explorer, right] = dockview.grid.root.data as { data: unknown }[];
+		let explorerGroup = explorer!.data as { id: string; locked?: unknown; hideHeader?: boolean; activeView?: string };
+		let editorsGroup = (right!.data as { data: { activeView?: string } }[])[0]!.data;
+
+		expect(explorerGroup).toMatchObject({
+			id: "mdi-g1",
+			locked: true,
+			hideHeader: true,
+			activeView: "explorer",
+		});
+		expect(editorsGroup.activeView).toBe("editor:b");
+		expect(dockview.activeGroup).toBe("mdi-g1");
+	});
+
+	it("locks a group without a tab bar unless the spec says otherwise", () => {
+		let spec: MdiLayoutSpec = {
+			root: {
+				direction: "horizontal",
+				children: [
+					{ tabs: [{ type: "explorer" }], hideHeader: true },
+					{ tabs: [{ type: "properties" }], hideHeader: true, locked: false },
+					{ tabs: [{ type: "settings" }], locked: "no-drop-target" },
+				],
+			},
+		};
+		let { dockview } = layoutSpecToLayout(spec, testTypes, 1);
+		let groups = (dockview.grid.root.data as { data: { locked?: unknown } }[]).map((leaf) => leaf.data.locked);
+
+		expect(groups).toEqual([true, undefined, "no-drop-target"]);
+	});
+
+	it("wraps a root group in a branch", () => {
+		let layout = layoutSpecToLayout({ root: { tabs: [{ type: "settings" }] } }, testTypes, 0);
+
+		expect(layout.dockview.grid.root.type).toBe("branch");
+		expect((layout.dockview.grid.root.data as unknown[]).length).toBe(1);
+	});
+
+	it("inlines nested splits with the same direction", () => {
+		let spec: MdiLayoutSpec = {
+			root: {
+				direction: "horizontal",
+				children: [
+					{ tabs: [{ type: "explorer" }], size: 2 },
+					{
+						direction: "horizontal",
+						size: 2,
+						children: [{ tabs: [{ type: "settings" }] }, { tabs: [{ type: "properties" }] }],
+					},
+				],
+			},
+		};
+		let { dockview } = layoutSpecToLayout(spec, testTypes, 0);
+		let children = dockview.grid.root.data as { type: string; size?: number }[];
+
+		expect(children.map((child) => child.type)).toEqual(["leaf", "leaf", "leaf"]);
+		expect(children.map((child) => child.size)).toEqual([500, 250, 250]);
+	});
+
+	it("rejects duplicate documents, unknown types and empty groups", () => {
+		expect(() =>
+			layoutSpecToLayout({ root: { tabs: [{ type: "settings" }, { type: "settings" }] } }, testTypes, 0),
+		).toThrow(/more than once/);
+		expect(() => layoutSpecToLayout({ root: { tabs: [{ type: "nope" }] } }, testTypes, 0)).toThrow(
+			/unknown document type/,
+		);
+		expect(() => layoutSpecToLayout({ root: { tabs: [] } }, testTypes, 0)).toThrow(/at least one tab/);
+	});
+
+	it("rejects an active tab that is not in the group", () => {
+		expect(() =>
+			layoutSpecToLayout({ root: { tabs: [{ type: "settings" }], active: "editor:a" } }, testTypes, 0),
+		).toThrow(/not part of its group/);
+	});
+});
+
+describe("spec helpers", () => {
+	it("ignores the key of singleton types", () => {
+		expect(specDocumentId(testTypes, { type: "explorer", key: "ignored" })).toBe("explorer");
+		expect(specDocumentId(testTypes, { type: "editor", key: "x" })).toBe("editor:x");
+	});
+
+	it("lists every document in the spec", () => {
+		expect(listSpecDocuments(testSpec).map((tab) => tab.type)).toEqual(["explorer", "editor", "editor", "properties"]);
+	});
+});