test: cover slug/smart casing and case suggestions

Author: chhoumann

src/formatters/formatter-case.test.ts

@@ -122,13 +122,13 @@ describe("Formatter case: pipe option", () => {
 		expect(result).toBe("a=My New Blog b=my-new-blog c=MY NEW BLOG");
 	});
 
-	it("supports snake/camel/pascal/title/lower transforms", async () => {
+	it("supports snake/camel/pascal/title/lower/slug transforms", async () => {
 		formatter.setValueResponse("my new blog");
 		const result = await formatter.testFormat(
-			"snake={{VALUE|case:snake}} camel={{VALUE|case:camel}} pascal={{VALUE|case:pascal}} title={{VALUE|case:title}} lower={{VALUE|case:lower}}",
+			"snake={{VALUE|case:snake}} camel={{VALUE|case:camel}} pascal={{VALUE|case:pascal}} title={{VALUE|case:title}} lower={{VALUE|case:lower}} slug={{VALUE|case:slug}}",
 		);
 		expect(result).toBe(
-			"snake=my_new_blog camel=myNewBlog pascal=MyNewBlog title=My New Blog lower=my new blog",
+			"snake=my_new_blog camel=myNewBlog pascal=MyNewBlog title=My New Blog lower=my new blog slug=my-new-blog",
 		);
 	});
 

src/gui/suggesters/formatSyntaxSuggester.case.test.ts

@@ -0,0 +1,106 @@
+import { describe, expect, it, beforeEach } from "vitest";
+import { FormatSyntaxSuggester } from "./formatSyntaxSuggester";
+
+function ensureObsidianDomPolyfills(): void {
+	(globalThis as any).createDiv ??= (cls?: string) => {
+		const div = document.createElement("div");
+		if (cls) div.className = cls;
+		return div;
+	};
+
+	const proto = HTMLElement.prototype as any;
+
+	proto.createDiv ??= function (arg?: string | { cls?: string }) {
+		const div = document.createElement("div");
+		if (typeof arg === "string") div.className = arg;
+		else if (arg && typeof arg === "object" && typeof arg.cls === "string")
+			div.className = arg.cls;
+		this.appendChild(div);
+		return div;
+	};
+
+	proto.empty ??= function () {
+		this.replaceChildren();
+		return this;
+	};
+
+	// Obsidian adds delegated event helpers; tests don't need behavior here.
+	proto.on ??= function () {
+		return this;
+	};
+
+	proto.detach ??= function () {
+		this.remove();
+	};
+
+	proto.addClass ??= function (...classes: string[]) {
+		this.classList.add(...classes);
+		return this;
+	};
+
+	proto.removeClass ??= function (...classes: string[]) {
+		this.classList.remove(...classes);
+		return this;
+	};
+
+	proto.setAttr ??= function (name: string, value: string) {
+		this.setAttribute(name, value);
+		return this;
+	};
+}
+
+describe("FormatSyntaxSuggester case style suggestions", () => {
+	beforeEach(() => {
+		ensureObsidianDomPolyfills();
+	});
+
+	it("suggests kebab when typing a |case: prefix", async () => {
+		const app = {
+			dom: { appContainerEl: document.body },
+			keymap: { pushScope: () => {}, popScope: () => {} },
+		} as any;
+		const plugin = {
+			settings: { choices: [], globalVariables: {} },
+			getTemplateFiles: () => [],
+		} as any;
+
+		const inputEl = document.createElement("input");
+		inputEl.value = "{{VALUE:title|case:k";
+		inputEl.selectionStart = inputEl.value.length;
+		inputEl.selectionEnd = inputEl.value.length;
+
+		const suggester = new FormatSyntaxSuggester(app, inputEl, plugin);
+		const suggestions = await suggester.getSuggestions(inputEl.value);
+		expect(suggestions).toEqual(["kebab"]);
+		suggester.destroy();
+	});
+
+	it("suggests all styles (including slug) when case fragment is empty", async () => {
+		const app = {
+			dom: { appContainerEl: document.body },
+			keymap: { pushScope: () => {}, popScope: () => {} },
+		} as any;
+		const plugin = {
+			settings: { choices: [], globalVariables: {} },
+			getTemplateFiles: () => [],
+		} as any;
+
+		const inputEl = document.createElement("input");
+		inputEl.value = "{{VALUE:title|case:";
+		inputEl.selectionStart = inputEl.value.length;
+		inputEl.selectionEnd = inputEl.value.length;
+
+		const suggester = new FormatSyntaxSuggester(app, inputEl, plugin);
+		const suggestions = await suggester.getSuggestions(inputEl.value);
+		expect(suggestions).toContain("slug");
+		expect(suggestions).toContain("kebab");
+		expect(suggestions).toContain("snake");
+		expect(suggestions).toContain("camel");
+		expect(suggestions).toContain("pascal");
+		expect(suggestions).toContain("title");
+		expect(suggestions).toContain("lower");
+		expect(suggestions).toContain("upper");
+		suggester.destroy();
+	});
+});
+

src/utils/caseTransform.test.ts

@@ -0,0 +1,35 @@
+import { describe, expect, it } from "vitest";
+import { transformCase } from "./caseTransform";
+
+describe("transformCase", () => {
+	it("supports basic transforms", () => {
+		const input = "My New Blog";
+		expect(transformCase(input, "kebab")).toBe("my-new-blog");
+		expect(transformCase(input, "snake")).toBe("my_new_blog");
+		expect(transformCase(input, "camel")).toBe("myNewBlog");
+		expect(transformCase(input, "pascal")).toBe("MyNewBlog");
+		expect(transformCase(input, "title")).toBe("My New Blog");
+		expect(transformCase(input, "lower")).toBe("my new blog");
+		expect(transformCase(input, "upper")).toBe("MY NEW BLOG");
+	});
+
+	it("handles acronyms with smart camel and preserves them for pascal/title", () => {
+		expect(transformCase("API Key", "camel")).toBe("apiKey");
+		expect(transformCase("My API Key", "camel")).toBe("myAPIKey");
+		expect(transformCase("API Key", "pascal")).toBe("APIKey");
+		expect(transformCase("API Key", "title")).toBe("API Key");
+	});
+
+	it("preserves mixed-case brand tokens like iOS", () => {
+		expect(transformCase("iOS App", "camel")).toBe("iOSApp");
+		expect(transformCase("iOS App", "pascal")).toBe("iOSApp");
+		expect(transformCase("iOS App", "title")).toBe("iOS App");
+	});
+
+	it("supports slug and avoids reserved Windows device names", () => {
+		expect(transformCase("My New Blog", "slug")).toBe("my-new-blog");
+		expect(transformCase("CON", "slug")).toBe("con-");
+		expect(transformCase("A/B*C?", "slug")).toBe("a-b-c");
+	});
+});
+

tests/obsidian-stub.ts

@@ -511,6 +511,15 @@ export function normalizePath(p: string): string {
   return p.replace(/\\/g, '/');
 }
 
+// Minimal debounce for tests: execute immediately.
+export function debounce<T extends (...args: any[]) => any>(
+  fn: T,
+  _wait: number,
+  _resetTimer?: boolean,
+): T {
+  return fn;
+}
+
 // Default export for compatibility
 export default {
   App,
@@ -534,4 +543,5 @@ export default {
   Notice,
   moment,
   normalizePath,
+  debounce,
 };