Files

21 lines
1.2 KiB
TypeScript

import type { Page } from "@playwright/test";
/** Visible text off the pixel font's grid: a size other than its 1x or 2x, or added letter spacing; code excepted. */
export function offGridText(page: Page) {
return page.evaluate(() => {
const scale = parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--px"));
const sizes = [12 * scale, 24 * scale];
const odd: string[] = [];
for (const element of document.querySelectorAll<HTMLElement>("body *")) {
const own = [...element.childNodes].some((node) => node.nodeType === Node.TEXT_NODE && node.textContent!.trim() !== "");
if (!own || element.closest("svg, canvas, .sr-only")) continue;
const style = getComputedStyle(element);
if (style.fontFamily.includes("Geist Mono") || element.getClientRects().length === 0) continue;
const size = parseFloat(style.fontSize);
const spaced = style.letterSpacing !== "normal" && parseFloat(style.letterSpacing) !== 0;
if (spaced || !sizes.some((grid) => Math.abs(grid - size) < 0.01)) odd.push(`${element.tagName}.${element.className} ${size}px ${style.letterSpacing} "${element.textContent!.trim().slice(0, 30)}"`);
}
return odd;
});
}