import { test, expect, describe } from "bun:test";
import {
resolveIconAlias,
buildSvg,
sortByPreferredCollections
} from "./icon-utils.js";
describe("resolveIconAlias", () => {
test("returns original name when no alias exists", () => {
const iconSet = { icons: { home: { body: "" } } };
expect(resolveIconAlias(iconSet, "home")).toBe("home");
});
test("resolves alias to parent icon", () => {
const iconSet = {
icons: { house: { body: "" } },
aliases: { home: { parent: "house" } },
};
expect(resolveIconAlias(iconSet, "home")).toBe("house");
});
test("returns original when icon set has no aliases property", () => {
const iconSet = { icons: { home: { body: "" } } };
expect(resolveIconAlias(iconSet, "arrow")).toBe("arrow");
});
});
describe("buildSvg", () => {
const baseIcon = { body: '<path d="M0 0"/>' };
test("uses icon dimensions over defaults", () => {
const icon = { ...baseIcon, width: 32, height: 32 };
const svg = buildSvg(icon, { width: 24, height: 24 });
expect(svg).toContain('viewBox="0 0 32 32"');
});
test("falls back to defaults when icon has no dimensions", () => {
const svg = buildSvg(baseIcon, { width: 48, height: 48 });
expect(svg).toContain('viewBox="0 0 48 48"');
});
test("falls back to 24x24 when no dimensions provided", () => {
const svg = buildSvg(baseIcon, {});
expect(svg).toContain('viewBox="0 0 24 24"');
});
test("applies left/top offset to viewBox", () => {
const icon = { ...baseIcon, left: 2, top: 4, width: 20, height: 20 };
const svg = buildSvg(icon, {});
expect(svg).toContain('viewBox="2 4 20 20"');
});
test("uses 1em size by default", () => {
const svg = buildSvg(baseIcon, {});
expect(svg).toContain('width="1em" height="1em"');
});
test("uses pixel size when specified", () => {
const svg = buildSvg(baseIcon, {}, { size: 48 });
expect(svg).toContain('width="48" height="48"');
});
test("adds currentColor fill to paths without fill or stroke", () => {
const svg = buildSvg(baseIcon, {});
expect(svg).toContain('fill="currentColor"');
});
test("uses custom color for fill", () => {
const svg = buildSvg(baseIcon, {}, { color: "#ff0000" });
expect(svg).toContain('fill="#ff0000"');
});
test("preserves existing fill attribute", () => {
const icon = { body: '<path fill="blue" d="M0 0"/>' };
const svg = buildSvg(icon, {}, { color: "#ff0000" });
expect(svg).toContain('fill="blue"');
expect(svg).not.toContain('fill="#ff0000"');
});
test("preserves paths with stroke attribute", () => {
const icon = { body: '<path stroke="black" d="M0 0"/>' };
const svg = buildSvg(icon, {});
expect(svg).not.toContain('fill="currentColor"');
});
});
describe("sortByPreferredCollections", () => {
test("puts preferred collections first for 'any' style", () => {
const icons = ["fa:home", "lucide:home", "random:home"];
const sorted = sortByPreferredCollections(icons, "any");
expect(sorted.indexOf("lucide:home")).toBeLessThan(sorted.indexOf("fa:home"));
expect(sorted.indexOf("lucide:home")).toBeLessThan(sorted.indexOf("random:home"));
});
test("puts preferred collections first for 'solid' style", () => {
const icons = ["lucide:home", "mdi:home", "random:home"];
const sorted = sortByPreferredCollections(icons, "solid");
expect(sorted.indexOf("mdi:home")).toBeLessThan(sorted.indexOf("random:home"));
});
test("puts preferred collections first for 'outline' style", () => {
const icons = ["mdi:home", "tabler:home", "lucide:home"];
const sorted = sortByPreferredCollections(icons, "outline");
expect(sorted.indexOf("tabler:home")).toBeLessThan(sorted.indexOf("mdi:home"));
expect(sorted.indexOf("lucide:home")).toBeLessThan(sorted.indexOf("mdi:home"));
});
test("does not mutate original array", () => {
const icons = ["fa:home", "lucide:home"];
const original = [...icons];
sortByPreferredCollections(icons, "any");
expect(icons).toEqual(original);
});
});
