Nick.RosenloecherandClaude Opus 5.5
cf53cf35ac
Blockierendes Skript im <head> setzt Darstellung, Kontrast und Bewegung vor dem ersten Zeichnen (gleiche Logik wie resolveAppearance, für alle Eingaben getestet), theme-color je Satz, Wahl je Gerät in localStorage mit Rückfall bei gesperrtem Speicher; Abgleich über Tabs, Systemeinstellungen und Seitenwechsel an einer Stelle. Profil-Karte „Darstellung“, Sonnenmodus im Benutzermenü; Dunkel bleibt bis A4 hinter NEXT_PUBLIC_APPEARANCE_DARK. next-themes entfernt. ARCHITECTURE §9: 'unsafe-inline' der Frontend-CSP als getragenes Risiko mit Begründung. Refs #26 Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
28 lines
921 B
TypeScript
28 lines
921 B
TypeScript
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
import { render } from "@testing-library/react";
|
|
import { resetDocument } from "@/lib/appearance/test-helpers";
|
|
import { AppearanceSync } from "./appearance-sync";
|
|
|
|
let pathname = "/a";
|
|
vi.mock("next/navigation", () => ({ usePathname: () => pathname }));
|
|
|
|
beforeEach(resetDocument);
|
|
afterEach(resetDocument);
|
|
|
|
describe("AppearanceSync", () => {
|
|
it("puts the chosen theme-color back after a route change", () => {
|
|
const meta = document.createElement("meta");
|
|
meta.name = "theme-color";
|
|
document.head.append(meta);
|
|
window.localStorage.setItem("apicore.contrast", "sun");
|
|
const { rerender } = render(<AppearanceSync />);
|
|
expect(meta.content).toBe("#ffffff");
|
|
|
|
meta.content = "#f9f4ea"; // Next's metadata update
|
|
pathname = "/b";
|
|
rerender(<AppearanceSync />);
|
|
|
|
expect(meta.content).toBe("#ffffff");
|
|
});
|
|
});
|