@certrev/cert-block 0.5.5 → 1.0.0

package/src/modal/interactions.test.ts

@@ -1,250 +0,0 @@
-// @vitest-environment jsdom
-/**
- * Unit tests for the cert-card interactions layer — accordion contributor bios (POR-9827 chevron
- * model) + the in-page certificate/profile modals. Pure DOM, delegated handlers.
- */
-
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import {
-	initCertInteractions,
-	modalTargetKind,
-	openCertModal,
-	openModal,
-	swapBrokenAvatar,
-	sweepBrokenAvatars,
-	toggleAccordion,
-} from "./interactions.js";
-
-beforeEach(() => {
-	document.head.innerHTML = "";
-	document.body.innerHTML = "";
-	// Fresh document flag each test isn't possible (same global doc), so the install guard is
-	// exercised explicitly in its own test; other tests call initCertInteractions once.
-});
-
-/** A contributors card with an accordion reviewer row (name/credentials split + hidden acc-bio)
- *  and the footer "Compensated expert" modal trigger — the POR-9827 chevron-model markup. */
-function mountCard(): {
-	card: HTMLElement;
-	row: HTMLElement;
-	bio: HTMLElement;
-} {
-	const card = document.createElement("section");
-	card.className = "certrev-badge certrev-card";
-	card.innerHTML = `
-		<div class="card-body">
-			<div class="contributors">
-				<div class="contributor clickable" data-certrev-acc role="button" tabindex="0" aria-expanded="false">
-					<div class="person-row"><div class="info">
-						<div class="name">Jane Doe <svg class="name-caret"></svg></div>
-						<div class="credentials">RDN, PhD</div>
-						<div class="label expert">Reviewed by</div>
-						<div class="acc-bio">Twenty years in clinical nutrition.</div>
-					</div></div>
-				</div>
-			</div>
-			<div class="card-footer"><span class="compensated-cue">Compensated <a class="cert-link" href="https://certrev.com/experts/jane" data-certrev-modal-open="expert">expert</a></span></div>
-		</div>`;
-	document.body.appendChild(card);
-	return {
-		card,
-		row: card.querySelector("[data-certrev-acc]")!,
-		bio: card.querySelector(".acc-bio")!,
-	};
-}
-
-type StubModal = HTMLElement & { open: ReturnType<typeof vi.fn> };
-
-/** A stand-in `<certrev-cert-modal>` with a controllable `open()` — the interactions layer only
- *  routes to the element's `.open(kind)`; the element itself owns rendering (tested separately). */
-function mountModalElement(returns = true): StubModal {
-	const el = document.createElement("certrev-cert-modal") as StubModal;
-	el.open = vi.fn(() => returns);
-	document.body.appendChild(el);
-	return el;
-}
-
-describe("toggleAccordion (pure)", () => {
-	it("toggles the row open and mirrors the state on aria-expanded", () => {
-		const { row } = mountCard();
-		toggleAccordion(row);
-		expect(row.classList.contains("open")).toBe(true);
-		expect(row.getAttribute("aria-expanded")).toBe("true");
-		toggleAccordion(row);
-		expect(row.classList.contains("open")).toBe(false);
-		expect(row.getAttribute("aria-expanded")).toBe("false");
-	});
-});
-
-describe("openCertModal", () => {
-	it('routes to the <certrev-cert-modal> element open("cert")', () => {
-		const el = mountModalElement(true);
-		expect(openCertModal(document)).toBe(true);
-		expect(el.open).toHaveBeenCalledWith("cert");
-	});
-
-	it("returns false (caller falls back to the link) when no modal element exists", () => {
-		expect(openCertModal(document)).toBe(false);
-	});
-
-	it("returns whatever the element.open returns — false lets the link href fall back", () => {
-		mountModalElement(false);
-		expect(openCertModal(document)).toBe(false);
-	});
-});
-
-describe("modal routing (POR-10102 — unified element)", () => {
-	it('modalTargetKind routes "expert" to the reviewer and everything else to the certificate', () => {
-		expect(modalTargetKind("expert")).toBe("expert");
-		expect(modalTargetKind("cert")).toBe("cert");
-		expect(modalTargetKind("")).toBe("cert");
-		expect(modalTargetKind(null)).toBe("cert");
-	});
-
-	it("openModal opens the reviewer dialog via the element (and returns false when it is absent)", () => {
-		expect(openModal(document, "expert")).toBe(false);
-		const el = mountModalElement(true);
-		expect(openModal(document, "expert")).toBe(true);
-		expect(el.open).toHaveBeenCalledWith("expert");
-	});
-
-	it('the "Compensated expert" cue opens the reviewer modal and prevents navigation', () => {
-		const { card, row } = mountCard();
-		const el = mountModalElement(true);
-		initCertInteractions(document);
-		const link = card.querySelector(
-			'[data-certrev-modal-open="expert"]',
-		) as HTMLElement;
-		const evt = new MouseEvent("click", { bubbles: true, cancelable: true });
-		link.dispatchEvent(evt);
-		expect(el.open).toHaveBeenCalledWith("expert");
-		expect(evt.defaultPrevented).toBe(true);
-		// The modal open is NOT an accordion toggle.
-		expect(row.classList.contains("open")).toBe(false);
-	});
-});
-
-describe("broken avatar → initials fallback", () => {
-	it("swapBrokenAvatar replaces a broken img with the matching initials span", () => {
-		const img = document.createElement("img");
-		img.className = "avatar";
-		img.setAttribute("data-certrev-initials", "JS");
-		img.src = "https://broken.example/x.jfif";
-		document.body.appendChild(img);
-		swapBrokenAvatar(img);
-		const span = document.body.querySelector("span.avatar.avatar--initials");
-		expect(span).not.toBeNull();
-		expect(span!.textContent).toBe("JS");
-		expect(span!.getAttribute("aria-hidden")).toBe("true");
-		expect(document.body.querySelector("img")).toBeNull();
-	});
-
-	it("uses the memo base class when that is what the img carries", () => {
-		const memoImg = document.createElement("img");
-		memoImg.className = "certrev-memo__avatar";
-		memoImg.setAttribute("data-certrev-initials", "CY");
-		document.body.appendChild(memoImg);
-		swapBrokenAvatar(memoImg);
-		expect(
-			document.body.querySelector(
-				"span.certrev-memo__avatar.certrev-memo__avatar--initials",
-			)?.textContent,
-		).toBe("CY");
-	});
-
-	it("does nothing for an img without the initials attribute", () => {
-		const img = document.createElement("img");
-		img.className = "avatar";
-		document.body.appendChild(img);
-		swapBrokenAvatar(img);
-		expect(document.body.querySelector("img")).not.toBeNull();
-	});
-
-	it("sweepBrokenAvatars swaps an avatar that already failed before init (no error event re-fires)", () => {
-		const img = document.createElement("img");
-		img.className = "avatar";
-		img.setAttribute("data-certrev-initials", "ZZ");
-		// Simulate an image that 404'd during parse: complete=true, naturalWidth=0, no future error.
-		Object.defineProperty(img, "complete", { value: true });
-		Object.defineProperty(img, "naturalWidth", { value: 0 });
-		document.body.appendChild(img);
-		sweepBrokenAvatars(document);
-		expect(
-			document.body.querySelector("span.avatar--initials")?.textContent,
-		).toBe("ZZ");
-	});
-
-	it("sweepBrokenAvatars leaves a successfully-loaded avatar alone", () => {
-		const img = document.createElement("img");
-		img.className = "avatar";
-		img.setAttribute("data-certrev-initials", "OK");
-		Object.defineProperty(img, "complete", { value: true });
-		Object.defineProperty(img, "naturalWidth", { value: 56 }); // loaded
-		document.body.appendChild(img);
-		sweepBrokenAvatars(document);
-		expect(
-			document.body.querySelector("img[data-certrev-initials]"),
-		).not.toBeNull();
-		expect(document.body.querySelector("span.avatar--initials")).toBeNull();
-	});
-
-	it("the capture-phase error listener swaps a broken avatar on its error event", () => {
-		const img = document.createElement("img");
-		img.className = "avatar";
-		img.setAttribute("data-certrev-initials", "AB");
-		document.body.appendChild(img);
-		initCertInteractions(document);
-		img.dispatchEvent(new Event("error")); // error doesn't bubble → handler is capture-phase
-		expect(
-			document.body.querySelector("span.avatar--initials")?.textContent,
-		).toBe("AB");
-	});
-});
-
-describe("initCertInteractions — delegated accordion + modal", () => {
-	it("a row click opens the accordion; a second click closes it", () => {
-		const { row } = mountCard();
-		initCertInteractions(document);
-		row.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-		expect(row.classList.contains("open")).toBe(true);
-		expect(row.getAttribute("aria-expanded")).toBe("true");
-		row.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-		expect(row.classList.contains("open")).toBe(false);
-		expect(row.getAttribute("aria-expanded")).toBe("false");
-	});
-
-	it("a click on a LINK inside the card does not toggle the accordion (the link has its own action)", () => {
-		const { card, row } = mountCard();
-		// Give the row an inner link to prove the guard (e.g. a future inline control).
-		const a = document.createElement("a");
-		a.href = "https://certrev.com/x";
-		a.textContent = "link";
-		row.querySelector(".info")!.appendChild(a);
-		initCertInteractions(document);
-		a.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-		expect(row.classList.contains("open")).toBe(false);
-		expect(card.querySelector("[data-certrev-acc].open")).toBeNull();
-	});
-
-	it("Enter on the role=button row toggles the accordion (a div fires no native click)", () => {
-		const { row } = mountCard();
-		initCertInteractions(document);
-		row.dispatchEvent(
-			new KeyboardEvent("keydown", { key: "Enter", bubbles: true }),
-		);
-		expect(row.classList.contains("open")).toBe(true);
-		row.dispatchEvent(
-			new KeyboardEvent("keydown", { key: " ", bubbles: true }),
-		);
-		expect(row.classList.contains("open")).toBe(false);
-	});
-
-	it("install is idempotent (second call does not double-bind — one click toggles exactly once)", () => {
-		const { row } = mountCard();
-		initCertInteractions(document);
-		initCertInteractions(document); // no-op second install
-		row.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-		// A double-bound handler would toggle twice (open → closed); one binding leaves it open.
-		expect(row.classList.contains("open")).toBe(true);
-	});
-});

package/src/modal/placement.test.ts

@@ -1,398 +0,0 @@
-// @vitest-environment jsdom
-/**
- * Unit tests for the cert-card placement DOM layer (iframe→native parity): the @graph→<head>
- * relocate, the TWO-wrap reposition — contributors card to the TOP of the article, expert memo to
- * the BOTTOM (before the references list if present) — the tier observability attribute, and
- * idempotency (never move twice / detach the badge).
- */
-
-import { beforeEach, describe, expect, it } from "vitest";
-import {
-	CARD_WRAP_SELECTOR,
-	MEMO_WRAP_SELECTOR,
-	PLACEMENT_ATTR,
-	placeCert,
-} from "./placement.js";
-
-/** Stub an element's box so the rail's gutter math is deterministic in jsdom (which does no layout). */
-function stubRight(el: Element, right: number): void {
-	el.getBoundingClientRect = () =>
-		({
-			right,
-			left: 0,
-			top: 0,
-			bottom: 0,
-			width: right,
-			height: 0,
-			x: 0,
-			y: 0,
-			toJSON() {},
-		}) as DOMRect;
-}
-function setInnerWidth(px: number): void {
-	Object.defineProperty(window, "innerWidth", {
-		configurable: true,
-		value: px,
-	});
-}
-
-beforeEach(() => {
-	document.head.innerHTML = "";
-	document.body.innerHTML = "";
-});
-
-/** Append the @graph script + the two cert wraps at the END of <body> (where a body embed renders). */
-function mountEmbed(opts: { graph?: boolean; memo?: boolean } = {}): {
-	card: HTMLElement;
-	memo: HTMLElement | null;
-} {
-	if (opts.graph !== false) {
-		const s = document.createElement("script");
-		s.setAttribute("type", "application/ld+json");
-		s.setAttribute("data-certrev-graph", "");
-		s.textContent = '{"@context":"https://schema.org","@graph":[]}';
-		document.body.appendChild(s);
-	}
-	const card = document.createElement("div");
-	card.className = "certrev-card-wrap";
-	card.setAttribute("data-certrev-anchor", "top");
-	card.innerHTML =
-		'<certrev-badge revalidate><section class="certrev-badge">card</section></certrev-badge>';
-	document.body.appendChild(card);
-
-	let memo: HTMLElement | null = null;
-	if (opts.memo !== false) {
-		memo = document.createElement("div");
-		memo.className = "certrev-memo-wrap";
-		memo.setAttribute("data-certrev-anchor", "bottom");
-		memo.innerHTML = '<section class="certrev-memo">memo</section>';
-		document.body.appendChild(memo);
-	}
-	return { card, memo };
-}
-
-describe("placeCert — @graph relocation", () => {
-	it("moves the marked @graph script into <head>", () => {
-		mountEmbed();
-		expect(
-			document.head.querySelector("script[data-certrev-graph]"),
-		).toBeNull();
-		const res = placeCert(document);
-		expect(res.graph).toBe(true);
-		const inHead = document.head.querySelector(
-			'script[type="application/ld+json"][data-certrev-graph]',
-		);
-		expect(inHead).not.toBeNull();
-		expect(inHead!.textContent).toContain("@graph");
-	});
-
-	it("leaves an unmarked ld+json script alone (only ours moves)", () => {
-		const other = document.createElement("script");
-		other.setAttribute("type", "application/ld+json");
-		other.textContent = '{"@type":"WebSite"}';
-		document.body.appendChild(other);
-		mountEmbed({ graph: false });
-		placeCert(document);
-		expect(document.head.querySelector("script")).toBeNull();
-		expect(
-			document.body.querySelector('script[type="application/ld+json"]'),
-		).toBe(other);
-	});
-});
-
-describe("placeCert — contributors card → TOP of article", () => {
-	it("inserts the card as the first child of a semantic <article> (afterbegin)", () => {
-		const article = document.createElement("article");
-		article.innerHTML = "<p>body</p>";
-		document.body.insertBefore(article, document.body.firstChild);
-		const { card } = mountEmbed();
-
-		const res = placeCert(document);
-		expect(res.card?.tier).toBe("article");
-		expect(res.card?.anchored).toBe(true);
-		expect(article.firstElementChild).toBe(card);
-		expect(card.getAttribute(PLACEMENT_ATTR)).toBe("article");
-	});
-
-	it("prefers the body-content container so the card lands above the article text (theme-class)", () => {
-		// Both a post-level <article> and an inner content container exist; the card should go into
-		// the CONTENT container (TOP_ANCHORS prefers it) so it sits above the body, not above the title.
-		const article = document.createElement("article");
-		const content = document.createElement("div");
-		content.className = "rte";
-		content.innerHTML = "<p>summary</p>";
-		article.appendChild(content);
-		document.body.insertBefore(article, document.body.firstChild);
-		const { card } = mountEmbed();
-
-		const res = placeCert(document);
-		expect(res.card?.tier).toBe("theme-class");
-		expect(content.firstElementChild).toBe(card);
-	});
-});
-
-describe("placeCert — skips hidden drawer/popup anchors (IntelliPure cart-drawer regression)", () => {
-	it("does NOT relocate the card into a closed drawer whose empty-cart message uses .rte", () => {
-		// A closed cart-drawer (hidden) sits BEFORE the article and carries its own `.rte` (empty-cart
-		// message) — exactly the shape that put IntelliPure's card into a `<cart-drawer hidden>` and made
-		// it invisible. The card must skip the hidden `.rte` and anchor to the visible article content.
-		const article = document.createElement("article");
-		const content = document.createElement("div");
-		content.className = "rte";
-		content.innerHTML = "<p>article body</p>";
-		article.appendChild(content);
-		document.body.appendChild(article);
-
-		const drawer = document.createElement("div");
-		drawer.setAttribute("hidden", ""); // closed drawer → display:none
-		drawer.innerHTML = '<div class="rte"><p>Your cart is empty</p></div>';
-		document.body.insertBefore(drawer, document.body.firstChild); // drawer is FIRST in document order
-
-		const { card, memo } = mountEmbed();
-		const res = placeCert(document);
-
-		expect(drawer.contains(card)).toBe(false); // never in the hidden drawer
-		expect(content.contains(card)).toBe(true); // anchored to the VISIBLE article .rte
-		expect(res.card?.tier).toBe("theme-class");
-		expect(drawer.contains(memo!)).toBe(false); // the shared guard protects the memo too
-	});
-
-	it("skips a visibility:hidden anchor in favour of the visible one (card + memo)", () => {
-		const hidden = document.createElement("article");
-		hidden.style.visibility = "hidden";
-		hidden.innerHTML = "<p>hidden</p>";
-		document.body.appendChild(hidden);
-		const visible = document.createElement("article");
-		visible.innerHTML = "<p>visible</p>";
-		document.body.appendChild(visible);
-		const { card, memo } = mountEmbed();
-
-		placeCert(document);
-		expect(hidden.contains(card)).toBe(false);
-		expect(visible.firstElementChild).toBe(card);
-		expect(hidden.contains(memo!)).toBe(false);
-		expect(visible.nextElementSibling).toBe(memo); // memo lands after the VISIBLE article
-	});
-
-	it("memo anchors before #references even when a small hero <article> precedes the content article", () => {
-		// IntelliPure's theme has TWO <article>s — a small hero banner BEFORE the content article — and
-		// #references lives in the CONTENT article. The memo must anchor off #references (bottom), NOT
-		// afterend of the first-matched hero (which stranded it at the TOP, above the card).
-		const hero = document.createElement("article");
-		hero.className = "article banner";
-		hero.innerHTML = "<h1>title</h1>";
-		document.body.appendChild(hero);
-		const content = document.createElement("article");
-		content.className = "article page-width";
-		// #references lives INSIDE the body .rte (as the html-generator emits it) — the card anchors to
-		// the .rte that OWNS #references, the memo to just before #references.
-		content.innerHTML =
-			'<div class="rte"><p>body</p><div id="references"><p>refs</p></div></div>';
-		document.body.appendChild(content);
-		const { card, memo } = mountEmbed();
-
-		const res = placeCert(document);
-		const refs = content.querySelector("#references")!;
-		expect(refs.previousElementSibling).toBe(memo); // memo just before references (bottom of content)
-		expect(hero.contains(memo!)).toBe(false); // NOT stranded at the hero (top)
-		expect(res.memo?.tier).toBe("references");
-		expect(content.querySelector(".rte")!.firstElementChild).toBe(card); // card lands in the .rte that owns #references
-	});
-});
-
-describe("placeCert — skips VISIBLE site-chrome anchors (IntelliPure announcement-bar regression, POR-9809)", () => {
-	it("does NOT land the card in a VISIBLE .rte announcement bar — anchors to the article that owns #references", () => {
-		// IntelliPure's announcement bar is `<div class="announcement__content … rte">` — VISIBLE (so the
-		// isRenderable guard can't reject it) and FIRST in document order. Before the fix the contributors
-		// card was injected there and "wasn't showing". It must anchor to the article `.rte` that owns
-		// #references instead.
-		const announcement = document.createElement("div");
-		announcement.className = "announcement__content flex items-center rte";
-		announcement.innerHTML = "<p>Free shipping over $50</p>";
-		document.body.appendChild(announcement); // FIRST in document order, visible
-
-		const article = document.createElement("article");
-		const content = document.createElement("div");
-		content.className = "rte";
-		content.innerHTML =
-			'<p>article body</p><div id="references"><p>refs</p></div>';
-		article.appendChild(content);
-		document.body.appendChild(article);
-
-		const { card } = mountEmbed();
-		const res = placeCert(document);
-
-		expect(announcement.contains(card)).toBe(false); // never in the announcement bar
-		expect(content.firstElementChild).toBe(card); // anchored to the article body that owns #references
-		expect(res.card?.tier).toBe("theme-class");
-	});
-
-	it("skips a VISIBLE chrome .rte in the fallback scan when no #references exists", () => {
-		// Same announcement-bar shape, but the article has NO references list → the card uses the fallback
-		// anchor scan. The chrome-exclusion must still skip the announcement `.rte` and land in the article.
-		const announcement = document.createElement("div");
-		announcement.className = "announcement-bar rte";
-		announcement.innerHTML = "<p>promo</p>";
-		document.body.appendChild(announcement);
-
-		const article = document.createElement("article");
-		const content = document.createElement("div");
-		content.className = "rte";
-		content.innerHTML = "<p>article body</p>";
-		article.appendChild(content);
-		document.body.appendChild(article);
-
-		const { card } = mountEmbed({ memo: false });
-		const res = placeCert(document);
-
-		expect(announcement.contains(card)).toBe(false);
-		expect(content.firstElementChild).toBe(card);
-		expect(res.card?.tier).toBe("theme-class");
-	});
-});
-
-describe("placeCert — expert memo → BOTTOM of article", () => {
-	it("inserts the memo just after a semantic <article> when no references list exists", () => {
-		const article = document.createElement("article");
-		article.innerHTML = "<p>body</p>";
-		document.body.insertBefore(article, document.body.firstChild);
-		const { memo } = mountEmbed();
-
-		const res = placeCert(document);
-		expect(res.memo?.tier).toBe("article");
-		expect(article.nextElementSibling).toBe(memo);
-		expect(memo!.getAttribute(PLACEMENT_ATTR)).toBe("article");
-	});
-
-	it("inserts the memo just BEFORE the references list (legacy memo → references order)", () => {
-		const article = document.createElement("article");
-		const refs = document.createElement("div");
-		refs.id = "references";
-		article.appendChild(document.createElement("p"));
-		article.appendChild(refs);
-		document.body.insertBefore(article, document.body.firstChild);
-		const { memo } = mountEmbed();
-
-		placeCert(document);
-		expect(refs.previousElementSibling).toBe(memo);
-		expect(memo!.parentElement).toBe(article);
-	});
-});
-
-describe("placeCert — fallbacks + idempotency", () => {
-	it("uses the styled body-bottom fallback for both wraps when nothing matches", () => {
-		const { card, memo } = mountEmbed();
-		const res = placeCert(document);
-		expect(res.card?.tier).toBe("body-fallback");
-		expect(res.card?.anchored).toBe(false);
-		expect(res.memo?.tier).toBe("body-fallback");
-		expect(card.getAttribute(PLACEMENT_ATTR)).toBe("body-fallback");
-		expect(memo!.getAttribute(PLACEMENT_ATTR)).toBe("body-fallback");
-	});
-
-	it("is idempotent — a second pass does not move either wrap again", () => {
-		const article = document.createElement("article");
-		document.body.insertBefore(article, document.body.firstChild);
-		const { card, memo } = mountEmbed();
-		placeCert(document);
-		const cardParent = card.parentElement;
-		const memoNext = memo!.previousElementSibling ?? memo!.nextElementSibling;
-
-		const res2 = placeCert(document);
-		expect(res2.card?.tier).toBe("article");
-		expect(card.parentElement).toBe(cardParent);
-		expect(memo!.previousElementSibling ?? memo!.nextElementSibling).toBe(
-			memoNext,
-		);
-	});
-
-	it("no-ops without throwing when the wraps are absent", () => {
-		expect(() => placeCert(document)).not.toThrow();
-		expect(document.querySelector(CARD_WRAP_SELECTOR)).toBeNull();
-		expect(document.querySelector(MEMO_WRAP_SELECTOR)).toBeNull();
-	});
-
-	it("places the card even when the memo wrap is absent (no memo on this article)", () => {
-		const article = document.createElement("article");
-		document.body.insertBefore(article, document.body.firstChild);
-		const { memo } = mountEmbed({ memo: false });
-		expect(memo).toBeNull();
-		const res = placeCert(document);
-		expect(res.card?.tier).toBe("article");
-		expect(res.memo).toBeNull();
-	});
-});
-
-describe('placeCert — sidebar rail (layout "sidebar")', () => {
-	/** Mount an article that owns #references + a lone rail wrap (the sidebar render's single wrap). */
-	function mountRail(): { wrap: HTMLElement; content: HTMLElement } {
-		const article = document.createElement("article");
-		const content = document.createElement("div");
-		content.className = "rte";
-		content.innerHTML = '<p>body</p><div id="references"><p>refs</p></div>';
-		article.appendChild(content);
-		document.body.appendChild(article);
-		const wrap = document.createElement("div");
-		wrap.className = "certrev-memo-wrap certrev-sidebar-wrap";
-		wrap.setAttribute("data-certrev-anchor", "rail");
-		wrap.innerHTML =
-			'<section class="certrev-badge certrev-memo certrev-sidebar">rail</section>';
-		document.body.appendChild(wrap);
-		return { wrap, content };
-	}
-
-	it("pins the rail (fixed) + sets --certrev-rail-left when the right gutter is wide enough", () => {
-		const { wrap, content } = mountRail();
-		stubRight(content, 600);
-		setInnerWidth(1200); // gutter = 600 ≥ 384
-
-		const res = placeCert(document);
-		expect(res.memo?.tier).toBe("rail");
-		expect(res.memo?.anchored).toBe(true);
-		expect(wrap.getAttribute(PLACEMENT_ATTR)).toBe("rail");
-		expect(wrap.style.getPropertyValue("--certrev-rail-left")).toBe("624px"); // rect.right + RAIL_GAP
-		// The rail is FIXED at the embed point — never moved into the article content.
-		expect(content.contains(wrap)).toBe(false);
-	});
-
-	it("falls back to the in-flow banner-style TOP placement when the gutter is too narrow", () => {
-		const { wrap, content } = mountRail();
-		stubRight(content, 1100);
-		setInnerWidth(1200); // gutter = 100 < 384
-
-		const res = placeCert(document);
-		expect(res.memo?.tier).toBe("theme-class"); // the .rte content container
-		expect(content.firstElementChild).toBe(wrap); // afterbegin, like the banner card
-		expect(wrap.style.getPropertyValue("--certrev-rail-left")).toBe(""); // never pinned
-	});
-
-	it("body-fallback when no article owner exists for the rail", () => {
-		const wrap = document.createElement("div");
-		wrap.className = "certrev-memo-wrap certrev-sidebar-wrap";
-		wrap.setAttribute("data-certrev-anchor", "rail");
-		wrap.innerHTML =
-			'<section class="certrev-badge certrev-memo certrev-sidebar">rail</section>';
-		document.body.appendChild(wrap);
-
-		const res = placeCert(document);
-		expect(res.memo?.tier).toBe("body-fallback");
-		expect(res.memo?.anchored).toBe(false);
-	});
-});
-
-describe('placeCert — floating pill (layout "floating")', () => {
-	it('stamps the pill wrap "pill-fixed" (CSS owns the placement) with no card/memo', () => {
-		const wrap = document.createElement("div");
-		wrap.className = "certrev-pill-wrap";
-		wrap.setAttribute("data-certrev-anchor", "pill");
-		wrap.innerHTML =
-			'<section class="certrev-badge certrev-pill">pill</section>';
-		document.body.appendChild(wrap);
-
-		const res = placeCert(document);
-		expect(wrap.getAttribute(PLACEMENT_ATTR)).toBe("pill-fixed");
-		// A floating render carries neither the card nor the memo wrap.
-		expect(res.card).toBeNull();
-		expect(res.memo).toBeNull();
-	});
-});