54 lines
1.6 KiB
JavaScript
54 lines
1.6 KiB
JavaScript
const assert = require("assert");
|
|
const fs = require("fs");
|
|
const path = require("path");
|
|
|
|
const stylesheet = fs.readFileSync(
|
|
path.join(__dirname, "..", "scss", "westgate", "_wiki-prose.scss"),
|
|
"utf8"
|
|
);
|
|
|
|
function ruleHasDeclaration(selector, declaration) {
|
|
const rulePattern = /([^{}]+)\{([^{}]*)\}/g;
|
|
let match;
|
|
while ((match = rulePattern.exec(stylesheet)) !== null) {
|
|
const selectors = match[1].split(",").map(value => value.trim());
|
|
const body = match[2];
|
|
if (selectors.includes(selector) && body.includes(declaration)) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function matchingRuleHasDeclaration(selectorPattern, declaration) {
|
|
const rulePattern = /([^{}]+)\{([^{}]*)\}/g;
|
|
let match;
|
|
while ((match = rulePattern.exec(stylesheet)) !== null) {
|
|
const selectors = match[1].split(",").map(value => value.trim());
|
|
const body = match[2];
|
|
if (selectors.some(selector => selectorPattern.test(selector)) && body.includes(declaration)) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
[
|
|
".westgate-wiki .wiki-article-prose .wiki-infobox",
|
|
".westgate-wiki-compose .wiki-editor__content .wiki-infobox",
|
|
].forEach(selector => {
|
|
assert(
|
|
ruleHasDeclaration(selector, "position: relative"),
|
|
`${selector} should establish a positioned layer above overlapping prose headings`
|
|
);
|
|
assert(
|
|
ruleHasDeclaration(selector, "z-index: var(--wiki-infobox-layer, 1)"),
|
|
`${selector} should stay selectable when a positioned heading's full block box overlaps it`
|
|
);
|
|
});
|
|
|
|
assert(
|
|
!matchingRuleHasDeclaration(/\bh[1-6]\b/, "pointer-events: none"),
|
|
"Infobox/heading selection should not be fixed by disabling pointer events on prose content"
|
|
);
|