wehub-resource-sync
59 lines
2.5 KiB
TypeScript
59 lines
2.5 KiB
TypeScript
import test from "node:test";
|
|
import assert from "node:assert/strict";
|
|
import { existsSync, readFileSync } from "node:fs";
|
|
import { resolve, join } from "node:path";
|
|
|
|
// Regression guard for #3695: the dashboard icons turned into their literal
|
|
// text names ("smart_toy", "visibility", ...) and the layout broke for users
|
|
// on networks where the Google Fonts CDN (fonts.googleapis.com / fonts.gstatic.com)
|
|
// is unreachable — e.g. mainland China. Root cause: the Material Symbols icon
|
|
// font (the sole source of the .material-symbols-outlined @font-face) was loaded
|
|
// only from that CDN in src/app/layout.tsx. The fix self-hosts the font via the
|
|
// `material-symbols` npm package imported in globals.css. These assertions fail
|
|
// on the pre-fix tree and stay green afterwards, preventing re-introduction of a
|
|
// runtime CDN dependency for icons.
|
|
|
|
const cwd = process.cwd();
|
|
const layoutPath = resolve(join(cwd, "src/app/layout.tsx"));
|
|
const globalsPath = resolve(join(cwd, "src/app/globals.css"));
|
|
|
|
test("layout.tsx does not load the Material Symbols icon font from the Google Fonts CDN", () => {
|
|
const layout = readFileSync(layoutPath, "utf8");
|
|
assert.ok(
|
|
!/fonts\.googleapis\.com[^"'\s]*Material\+Symbols/i.test(layout),
|
|
"layout.tsx must not load Material Symbols from fonts.googleapis.com (blocked in some regions)"
|
|
);
|
|
assert.ok(
|
|
!/fonts\.gstatic\.com/.test(layout),
|
|
"layout.tsx must not preconnect to the Google Fonts CDN for the icon font"
|
|
);
|
|
});
|
|
|
|
test("globals.css imports the self-hosted Material Symbols font", () => {
|
|
const globals = readFileSync(globalsPath, "utf8");
|
|
assert.match(
|
|
globals,
|
|
/@import\s+["']material-symbols\/outlined\.css["']/,
|
|
"globals.css must @import the self-hosted material-symbols/outlined.css"
|
|
);
|
|
});
|
|
|
|
test("the self-hosted material-symbols package is declared and resolvable", () => {
|
|
const pkg = JSON.parse(readFileSync(resolve(join(cwd, "package.json")), "utf8")) as {
|
|
dependencies?: Record<string, string>;
|
|
};
|
|
assert.ok(
|
|
pkg.dependencies?.["material-symbols"],
|
|
"package.json must declare the material-symbols dependency"
|
|
);
|
|
// The bundled CSS that supplies the @font-face + woff2 must exist on disk so the
|
|
// build can inline it (only enforced when node_modules is installed).
|
|
const cssPath = resolve(join(cwd, "node_modules/material-symbols/outlined.css"));
|
|
if (existsSync(resolve(join(cwd, "node_modules/material-symbols")))) {
|
|
assert.ok(
|
|
existsSync(cssPath),
|
|
"material-symbols/outlined.css must exist in the installed package"
|
|
);
|
|
}
|
|
});
|