41 lines
1.6 KiB
JavaScript
41 lines
1.6 KiB
JavaScript
import assert from "node:assert/strict";
|
|
import { readFileSync } from "node:fs";
|
|
|
|
function read(path) {
|
|
return readFileSync(new URL(`../${path}`, import.meta.url), "utf8");
|
|
}
|
|
|
|
function ruleBlock(source, selector) {
|
|
const escaped = selector.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
|
|
const match = source.match(new RegExp(`${escaped}\\s*\\{[\\s\\S]*?\\n\\}`, "m"));
|
|
assert.ok(match, `Expected to find CSS block for ${selector}`);
|
|
return match[0];
|
|
}
|
|
|
|
function assertNoDeclaration(block, property) {
|
|
assert.ok(!new RegExp(`\\b${property}\\s*:`, "m").test(block), `Unexpected ${property} declaration in:\n${block}`);
|
|
}
|
|
|
|
const mainCss = read("src/styles/main.css");
|
|
const purchaseOrderView = read("src/views/PurchaseOrderView.vue");
|
|
const salesPlanningView = read("src/views/SalesPlanningView.vue");
|
|
const orgMindMap = read("src/components/OrgMindMap.vue");
|
|
|
|
assertNoDeclaration(ruleBlock(mainCss, ".workflow-drawer"), "border-left");
|
|
assertNoDeclaration(ruleBlock(mainCss, "body .login-console-frame"), "border-left");
|
|
assertNoDeclaration(ruleBlock(purchaseOrderView, ".section-title"), "border-left");
|
|
assertNoDeclaration(ruleBlock(salesPlanningView, ".section-title"), "border-left");
|
|
assertNoDeclaration(ruleBlock(purchaseOrderView, ".purchase-decision-section"), "border-right");
|
|
|
|
assert.ok(
|
|
!/transition:[^;]*(?:stroke-width|\br\s+[0-9.]+s)/.test(mainCss),
|
|
"SVG DAG transitions should not animate stroke-width or radius-like r properties"
|
|
);
|
|
|
|
assert.ok(
|
|
!/transition:[^;]*(?:\bwidth\b|\bheight\b)/.test(orgMindMap),
|
|
"Org mind map canvas should not animate width or height"
|
|
);
|
|
|
|
console.log("ui antipattern guard ok");
|