@7365admin1/layer-common 3.2.2-staging.122 → 3.2.2-staging.123

package/tools/render-harness/render-check.selftest.mjs

@@ -1,129 +0,0 @@
-// Proves each detector in probe.mjs FAILS the scenario it was written for, and
-// passes the corrected version of that same scenario.
-//
-// Against a hand-built page rather than a product screen, on purpose: which
-// screen happens to contain a disabled control or an undefined token changes
-// week to week, and a guard nobody can demonstrate failing is not a guard.
-//
-//   node render-check.selftest.mjs
-import { chromium } from "playwright";
-import probe from "./probe.mjs";
-
-let failed = 0;
-const check = (name, cond, got) => {
-  console.log(`${cond ? "  ok  " : "FAIL  "}${name}${cond ? "" : `   got: ${JSON.stringify(got)}`}`);
-  if (!cond) failed++;
-};
-
-const page = await (await chromium.launch()).newPage({ viewport: { width: 1200, height: 900 } });
-const run = async (html, opts = { probeEnabled: true }) => {
-  await page.setContent(`<div class="app-content">${html}</div>`, { waitUntil: "load" });
-  return page.evaluate(probe, opts);
-};
-
-// --- empty state -----------------------------------------------------------
-// The HID access-logs panel scored 8/8 dark-clean while drawing this string.
-check(
-  "empty state: 'No access logs found' is detected",
-  (await run(`<p>No access logs found</p>`)).emptyText.length === 1,
-);
-check(
-  "empty state: real content is not",
-  (await run(`<p>Lobby ANPR</p><p>Carpark Exit</p>`)).emptyText.length === 0,
-);
-
-// --- table shape -----------------------------------------------------------
-// CameraMain: computedHeaders returned undefined, so the table drew no columns
-// at all and the header/cell rules under review were never on the glass.
-const noCols = await run(`<table><thead><tr></tr></thead><tbody><tr><td>x</td></tr></tbody></table>`);
-check("table: zero header columns is detected", noCols.tables[0].cols === 0, noCols.tables);
-const ok = await run(
-  `<table><thead><tr><th>URL</th><th>Type</th></tr></thead><tbody><tr><td>a</td><td>b</td></tr></tbody></table>`,
-);
-check("table: a drawn table reports its columns and rows", ok.tables[0].cols === 2 && ok.tables[0].rows === 1, ok.tables);
-const noRows = await run(
-  `<table><thead><tr><th>URL</th></tr></thead><tbody><tr><td>No data available</td></tr></tbody></table>`,
-);
-check("table: the no-data row is not counted as a row", noRows.tables[0].rows === 0, noRows.tables);
-
-// --- blank screen ----------------------------------------------------------
-// OvernightParkingAvailability once rendered blank with zero page errors and
-// six elements, and a counter read that as a pass.
-check("blank: no painted text reports textChars 0", (await run(`<div><span></span><span></span></div>`)).textChars === 0);
-const painted = await run(`<p>Seventh Condominium</p>`);
-check("blank: painted text is counted", painted.textChars === 19, painted.textChars);
-
-// --- empty form ------------------------------------------------------------
-// The other shape of the same fixture bug: 1112 elements, nothing blank, and
-// not one control holding a value - which is what left Save disabled and put
-// its disabled ink into an AA ledger as a real defect.
-const blankForm = await run(
-  `<form>${'<input type="text" value="">'.repeat(3)}<input type="checkbox"><input type="checkbox"></form>`,
-);
-check("empty form: no control holds a value is detected", blankForm.emptyForm === true, blankForm);
-const oneValue = await run(
-  `<form><input type="text" value="22:00">${'<input type="text" value="">'.repeat(2)}<input type="checkbox" checked><input type="checkbox"></form>`,
-);
-check("empty form: one saved value clears it", oneValue.emptyForm === false, oneValue);
-
-// --- undefined custom property ---------------------------------------------
-// `var(--success)` where the token is `--ok`. The declaration is invalid, the
-// element inherits, and nothing anywhere reports a problem.
-const badVar = await run(
-  `<style>:root{--ok:#0e7c58}.day-tick--on{color:var(--success)}</style><p class="day-tick--on">on</p>`,
-);
-check(
-  "undefined var: var(--success) with no such token is detected",
-  badVar.undefinedVars.length === 1 && badVar.undefinedVars[0].name === "--success",
-  badVar.undefinedVars,
-);
-const goodVar = await run(
-  `<style>:root{--ok:#0e7c58}.day-tick--on{color:var(--ok)}</style><p class="day-tick--on">on</p>`,
-);
-check("undefined var: the correct token is not flagged", goodVar.undefinedVars.length === 0, goodVar.undefinedVars);
-// The 2026-08-14 bug survived a full 8-shot render because the element never
-// drew. Catching it only when it draws would not have caught it.
-const unrendered = await run(
-  `<style>:root{--ok:#0e7c58}.day-tick--on{color:var(--success)}</style><p>no tick on this screen</p>`,
-);
-check(
-  "undefined var: caught even when nothing on the screen uses the rule",
-  unrendered.undefinedVars.length === 1,
-  unrendered.undefinedVars,
-);
-// A name that IS declared elsewhere must not be flagged, or every scoped
-// component variable becomes an invented defect.
-const scoped = await run(
-  `<style>.card{--pad:8px}.other{padding:var(--pad)}</style><p class="other">x</p>`,
-);
-check("undefined var: a property declared elsewhere is left alone", scoped.undefinedVars.length === 0, scoped.undefinedVars);
-
-// --- disabled classification + enabled re-probe ------------------------------
-// Disabled controls are WCAG-1.4.3-exempt. Logging them as failures put
-// fictional entries in an AA ledger; hiding them entirely would let a real
-// failure escape behind the exemption. Both, separately.
-const dis = await run(
-  `<style>button{background:#ffffff;color:#c9c9c9;font-size:14px}</style><button disabled>Save</button>`,
-);
-check("disabled: the reading is captured", dis.fails.length === 1, dis.fails);
-check("disabled: and classified exempt, not counted as AA", dis.fails[0]?.disabled === true, dis.fails[0]);
-check(
-  "disabled: the ENABLED state is probed separately and still fails",
-  dis.enabledFails.length === 1,
-  dis.enabledFails,
-);
-const enabled = await run(
-  `<style>button{background:#ffffff;color:#c9c9c9;font-size:14px}</style><button>Save</button>`,
-);
-check("disabled: an enabled control is not marked exempt", enabled.fails[0]?.disabled === false, enabled.fails[0]);
-const contrasty = await run(
-  `<style>button{background:#ffffff;color:#1b1d21;font-size:14px}</style><button disabled>Save</button>`,
-);
-check(
-  "disabled: a disabled control that also passes enabled reports nothing",
-  contrasty.fails.length === 0 && contrasty.enabledFails.length === 0,
-  contrasty.fails,
-);
-
-console.log(failed ? `\n${failed} FAILED` : "\nall detectors fire");
-process.exit(failed ? 1 : 0);