Files
videospeed/tests/lucide-client.spec.js
T
2026-04-09 16:17:27 -04:00

62 lines
1.8 KiB
JavaScript

const { afterEach, describe, expect, it } = require("vitest");
const {
evaluateScript,
loadHtmlString
} = require("./helpers/extension-test-utils");
describe("lucide-client.js", () => {
afterEach(() => {
document.body.innerHTML = "";
});
it("builds icon URLs and rejects invalid slugs", () => {
loadHtmlString("<!doctype html><html><body></body></html>");
evaluateScript("ui-icons.js");
evaluateScript("lucide-client.js");
expect(window.lucideIconSvgUrl("alarm-clock")).toContain(
"/icons/alarm-clock.svg"
);
expect(window.lucideIconSvgUrl("bad slug!!")).toBe("");
expect(window.lucideTagsJsonUrl()).toContain("/tags.json");
});
it("sanitizes SVG before persisting a Lucide icon", () => {
loadHtmlString("<!doctype html><html><body></body></html>");
evaluateScript("ui-icons.js");
evaluateScript("lucide-client.js");
const sanitized = window.sanitizeLucideSvg(`
<svg width="10" height="10" onclick="evil()">
<script>alert(1)</script>
<foreignObject>bad</foreignObject>
<path d="M0 0h10v10"></path>
</svg>
`);
expect(sanitized).toContain("<svg");
expect(sanitized).not.toContain("onclick");
expect(sanitized).not.toContain("<script");
expect(sanitized).not.toContain("foreignObject");
expect(sanitized).toContain('width="100%"');
});
it("searches and ranks icon slugs by query", () => {
loadHtmlString("<!doctype html><html><body></body></html>");
evaluateScript("ui-icons.js");
evaluateScript("lucide-client.js");
const results = window.searchLucideSlugs(
{
alarm: ["clock", "time"],
"badge-alert": ["alert", "warning"],
calendar: ["date", "time"]
},
"al",
10
);
expect(results).toEqual(["alarm", "badge-alert", "calendar"]);
});
});