feat: add semantic CSS stylesheets (#3274)

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
This commit is contained in:
Amruth Pillai
2026-07-30 12:39:15 +02:00
committed by GitHub
co-authored by Cursor Agent
parent 4ac19f81b3
commit d2ffbf9618
320 changed files with 78393 additions and 2915 deletions
+58
View File
@@ -0,0 +1,58 @@
// @vitest-environment happy-dom
import { afterEach, describe, expect, it } from "vitest";
import { ACTIVE_PREVIEW_PAGE_SELECTOR, activePreviewPageSelector, readPreviewPageDataUrl } from "./preview";
describe("preview helpers", () => {
afterEach(() => {
document.body.replaceChildren();
});
it("reads the active preview while an exiting layer remains mounted", () => {
document.body.innerHTML = `
<div aria-hidden="true">
<canvas aria-label="Resume page 1 of 1"></canvas>
</div>
<div aria-hidden="false">
<canvas aria-label="Resume page 1 of 1"></canvas>
</div>
`;
const [exiting, active] = document.querySelectorAll<HTMLCanvasElement>("canvas");
if (!exiting || !active) throw new Error("Expected both preview layers.");
exiting.toDataURL = () => "exiting";
active.toDataURL = () => "active";
expect(readPreviewPageDataUrl(ACTIVE_PREVIEW_PAGE_SELECTOR)).toBe("active");
});
it("accepts a requested active template with the same bitmap as the previous layer", () => {
document.body.innerHTML = `
<div aria-hidden="true" data-resume-preview-template="gengar">
<canvas aria-label="Resume page 1 of 1"></canvas>
</div>
<div aria-hidden="false" data-resume-preview-template="glalie">
<canvas aria-label="Resume page 1 of 1"></canvas>
</div>
`;
for (const canvas of document.querySelectorAll<HTMLCanvasElement>("canvas")) {
canvas.toDataURL = () => "same-bitmap";
}
expect(readPreviewPageDataUrl(activePreviewPageSelector("glalie"))).toBe("same-bitmap");
});
it("does not accept an unrelated active template", () => {
document.body.innerHTML = `
<div aria-hidden="false" data-resume-preview-template="gengar">
<canvas aria-label="Resume page 1 of 1"></canvas>
</div>
<div aria-hidden="true" data-resume-preview-template="glalie">
<canvas aria-label="Resume page 1 of 1"></canvas>
</div>
`;
expect(() => readPreviewPageDataUrl(activePreviewPageSelector("glalie"))).toThrow(
"Expected an active first-page canvas.",
);
});
});