@futdevpro/dynamo-e2e 1.18.38 → 1.18.40

package/CHANGELOG.md

@@ -3,6 +3,55 @@
 Minden release a `dynamo-e2e-foundation` HYPERPLAN MP-N ütemezést követi.
 Verzióformátum: `MM.mm.p` (két-számjegyes major-minor, Dynamo-konvenció).
 
+## [01.18.40] — 2026-11-04 — `/visual-gate`: the look — neutral grey, text, production font sizes (BFR-FUTDEVPRO-081)
+
+- **Why** (owner, 2026-11-02 21:43: "we are going backwards while we prepare for the release"; futdevpro
+  `BFR-FUTDEVPRO-081`): four defects the user saw reached the futdevpro TEST with no test failing — blue / green frames
+  instead of the neutral grey, a page "not found", tiles fallen apart, an admin list in one line. futdevpro's own gate
+  (`e2e/tests/ui-check/visual-regression-gate-feature.spec.ts`, 20 red on TEST 839, green on the fixed build) is now a
+  shared, parameterised tool: one call per product, its key pages, its content area, its reference URL, its waivers.
+- **`DyE2E_VisualGateLook_Util`** (`DyE2E_VisualGate_Util.inspect` runs it): ① `not-found` (the product's "not found"
+  screen, `notFoundSelector`) and `content-empty` (the content area missing or lower than 150 px, `contentSelector`);
+  ③ `loud-color` — a box of the content area with a saturated (> 0.35) frame, background or gradient in the green …
+  blue range (80–260°), in any colour space (Tailwind 4 reports `oklch`: judged by its rendered sRGB pixel); red and
+  amber carry meaning and stay; buttons, fields, icons, Material and media are the shared
+  components and are skipped (`neutralSkipSelector`), a product's own decoration can be allowed
+  (`gradientAllowSelector`); ⑤ `text-off-screen` (a visible text beyond the screen edge even when an `overflow:
+  hidden` parent hides the scroll; a honeypot far off the screen is not), ⑥ `raw-icon-word` (a `mat-icon` showing
+  its ligature word), ⑦ `placeholder-text` ("coming soon", "hamarosan", "lorem ipsum", `TODO`, `TBD`). Every check can
+  be turned off or tuned; the defaults are futdevpro's measured values.
+- **④ the production font sizes**: `assertPage(page, gateCase, { referenceUrl })` opens the page marked
+  `isOnReference` on production (read only, same screen size and language) and fails when a heading or paragraph size
+  of production is gone (`compareFontSizes`; a new size only on TEST is not a finding).
+- **The report**: with `testInfo`, the full-page screenshot of the page (and of the reference) is attached before the
+  verdict, so a human sees it even when the case is red. `isScreenshotComparisonSkipped` turns the pixel comparison
+  off (a baseline taken on a developer machine renders the fonts differently; futdevpro's choice).
+- Compatible: without the new options a 01.18.39 call checks the same, plus the neutral look and the text on the whole
+  page.
+- 6 specs (4 on a real Chromium, fixture pages with each defect beside its fixed twin), 4 mutants killed; 626 / 0.
+
+## [01.18.39] — 2026-11-02 — `/visual-gate`: the visual regression gate, first slice (R1-72 d)
+
+- **Why** (owner, 2026-11-02 21:39: the credit service's login "badly out of shape", "a review tool is needed";
+  `IN-2026-11-02-R1-72` (d)): the key pages, HU + EN, 1440 + 390, red in the CI when a page falls apart, disappears
+  or changes. The products wire it in.
+- **`DyE2E_BlockingOverlays_Util`**: closes the two overlays of a TEST deployment through the app's own buttons
+  (the ngx-dynamo storage service writes a control record and may encrypt, so a hand-made `localStorage` value is
+  not reliably valid): the TEST warning by its panel class (`.dynx-test-ribbon-warning-dialog`; every "do not show
+  again" box ticked, so the ribbon is not in the screenshot either), the cookie bar by its test id (necessary
+  only). Language-neutral hooks. `prepareStorageState({ browser, baseUrl, locale })` returns the state to start
+  every case from, once per language; it fails loudly when an overlay is still visible after closing it.
+  Nothing to close (production) is not an error.
+- **`DyE2E_VisualGate_Util`**: `cases({ pages })` (page × language × viewport, ids `<page>-<lang>-<viewport>`,
+  duplicate names refused); `inspect(page)` — an overlay still covering the page, `page-empty` (fewer than 20
+  visible characters or 5 visible elements), `horizontal-overflow` (the widest element named); `assertPage(page,
+  case)` — those first, with their reason, then `toHaveScreenshot(<id>.png)` (full page, animations off, masks,
+  2 % tolerance).
+- **Measured live** on the credit TEST `/login` (the real ngx-dynamo dialog + cookie bar): 4 / 4 cases closed both
+  overlays (the ribbon hidden too), HU and EN by the locale, no finding. ⚠️ A layout like the credit login before
+  ngx-fdp-templates 20.20.292 (a form across the whole page) is caught only by the baseline comparison, not by
+  the cheap checks.
+- 7 specs (4 on a real Chromium, fixture pages), 4 mutants killed; 620 / 0.
 ## [01.18.38] — 2026-11-01 — `/ui-check`: `error-destination`, a press that lands on an error (BFR-FLEET-012 ②)
 
 - **`error-destination`** (`press-leads-to-error`; owner, 2026-10-26, `IN-2026-10-26-ORC-02`: "…ha valamire

package/README.md

@@ -84,6 +84,36 @@ const report = await DyE2E_UICheckRunner_Util.run(page, { url: page.url(), accou
 DyE2E_UICheckRunner_Util.assertClean(report); // throws with every finding's measurement
 ```
 
+- `@futdevpro/dynamo-e2e/visual-gate` — the visual regression gate: closes the TEST warning and the cookie bar through
+  the app (`DyE2E_BlockingOverlays_Util.prepareStorageState`, once per language), then checks each key page in
+  HU + EN at 1440 + 390 (`DyE2E_VisualGate_Util.cases`): red when an overlay still covers it, it shows (almost)
+  nothing, it is wider than the screen, or it differs from the committed baseline (`toHaveScreenshot`). The look
+  (`DyE2E_VisualGateLook_Util`, BFR-FUTDEVPRO-081): the "not found" screen, an empty content area, green / cyan / blue
+  instead of the neutral grey, a text off the screen, a raw icon word, a placeholder; with a `referenceUrl`, the
+  heading and paragraph sizes of production on the pages marked `isOnReference`. With `testInfo`, the screenshots
+  (TEST and production) go into the report.
+
+```ts
+import { DyE2E_BlockingOverlays_Util, DyE2E_VisualGate_Util } from '@futdevpro/dynamo-e2e/visual-gate';
+
+for (const gateCase of DyE2E_VisualGate_Util.cases({ pages: [ { name: 'login', path: '/login' } ] })) {
+  test(`| visual: ${gateCase.id}`, async ({ browser }) => {
+    const { storageState } = await DyE2E_BlockingOverlays_Util.prepareStorageState({
+      browser, baseUrl: BASE_URL, locale: gateCase.language.locale,
+    });
+    const context = await browser.newContext({ storageState, locale: gateCase.language.locale,
+      viewport: { width: gateCase.viewport.width, height: gateCase.viewport.height } });
+    const page = await context.newPage();
+
+    await page.goto(BASE_URL + gateCase.page.path);
+    await DyE2E_VisualGate_Util.assertPage(page, gateCase, {
+      contentSelector: 'main', notFoundSelector: 'app-a-block-message-screen',
+      referenceUrl: 'https://example.hu', testInfo: test.info(),
+    }); // layout + look first, then the production font sizes, then the screenshot comparison
+  });
+}
+```
+
 ## Playwright preset — CI timeouts and the failure budget
 
 ```ts

package/build/_modules/visual-gate/_collections/blocking-overlays.util.d.ts

@@ -0,0 +1,63 @@
+import { Browser, BrowserContext, Page } from '@playwright/test';
+/** What `DyE2E_BlockingOverlays_Util.acknowledge` closed. */
+export interface DyE2E_BlockingOverlaysResult_Interface {
+    /** The TEST-environment warning was there and is acknowledged (every "do not show again" box ticked). */
+    isTestWarningAcknowledged: boolean;
+    /** The cookie bar was there and is decided (necessary cookies only). */
+    isCookieConsentDecided: boolean;
+}
+/** The browser state after the overlays are closed: reuse it as `storageState` of every visual-gate context. */
+export type DyE2E_BlockingOverlaysState_Type = Awaited<ReturnType<BrowserContext['storageState']>>;
+/**
+ * Closes the two overlays that cover every page of a TEST deployment before an automated check (R1-72 d): the
+ * TEST-environment warning (`dynamo-test-ribbon` of ngx-dynamo) and the cookie bar (`dynamo-cookie-consent`).
+ *
+ * @description Through the app itself, by its buttons — not by writing `localStorage` by hand: the ngx-dynamo storage
+ * service writes its own control record (`dynamo-control`) and may encrypt, so a hand-made value is not reliably
+ * valid (measured in futdevpro's `test-warning.global-setup.ts`). The hooks do not depend on the language: the
+ * warning dialog's own panel class, the cookie bar's `data-testid` (a test id built from a button caption changed
+ * when the caption was localised and silently broke a harness; FAM, adventor 2026-09-21).
+ */
+export declare class DyE2E_BlockingOverlays_Util {
+    /** The TEST-warning dialog (its `panelClass`). */
+    static readonly testWarningSelector: string;
+    /** The cookie bar. */
+    static readonly cookieConsentSelector: string;
+    /** The cookie bar's "necessary only" button (the summary view and the details view both carry it). */
+    static readonly cookieRejectSelector: string;
+    /** How often the page is looked at while waiting for an overlay, ms. */
+    static readonly lookIntervalMs: number;
+    /**
+     * Closes the TEST warning and the cookie bar on this page, in the order they cover each other (the warning first).
+     *
+     * @description Waits up to `timeoutMs` for both: either may render late (the cookie bar waits for the language
+     * map). On production neither exists — that is not an error, the result says so.
+     */
+    static acknowledge(page: Page, timeoutMs?: number): Promise<DyE2E_BlockingOverlaysResult_Interface>;
+    /**
+     * The overlays that still cover the page (empty when the page is free).
+     *
+     * @returns the names: `test-warning`, `cookie-consent`
+     */
+    static findVisible(page: Page): Promise<string[]>;
+    /**
+     * Opens the app once in a fresh context, closes both overlays, and returns the browser state to start every
+     * visual-gate context from (`browser.newContext({ storageState })`).
+     *
+     * @description Call it once per language with that language's `locale`: an app that stores the language it
+     * picked would otherwise carry the first language into every case. Fails loudly when an overlay is still visible
+     * after closing it (a silent "nothing to close" hid a broken harness before; FAM, adventor 2026-09-21).
+     */
+    static prepareStorageState(set: {
+        browser: Browser;
+        baseUrl: string;
+        locale?: string;
+        timeoutMs?: number;
+    }): Promise<{
+        storageState: DyE2E_BlockingOverlaysState_Type;
+        result: DyE2E_BlockingOverlaysResult_Interface;
+    }>;
+    /** Ticks every "do not show again" box of the warning (the ribbon too, so it is not in the screenshot), confirms. */
+    private static acknowledgeTestWarning;
+}
+//# sourceMappingURL=blocking-overlays.util.d.ts.map

package/build/_modules/visual-gate/_collections/blocking-overlays.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocking-overlays.util.d.ts","sourceRoot":"","sources":["../../../../src/_modules/visual-gate/_collections/blocking-overlays.util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAW,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAI1E,6DAA6D;AAC7D,MAAM,WAAW,sCAAsC;IACrD,yGAAyG;IACzG,yBAAyB,EAAE,OAAO,CAAC;IACnC,wEAAwE;IACxE,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAED,gHAAgH;AAChH,MAAM,MAAM,gCAAgC,GAAG,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAEnG;;;;;;;;;GASG;AACH,qBAAa,2BAA2B;IAEtC,kDAAkD;IAClD,MAAM,CAAC,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAsC;IAEjF,sBAAsB;IACtB,MAAM,CAAC,QAAQ,CAAC,qBAAqB,EAAE,MAAM,CAAoC;IAEjF,sGAAsG;IACtG,MAAM,CAAC,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAA2C;IAEvF,wEAAwE;IACxE,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAO;IAE7C;;;;;OAKG;WACU,WAAW,CACtB,IAAI,EAAE,IAAI,EACV,SAAS,GAAE,MAAwD,GAClE,OAAO,CAAC,sCAAsC,CAAC;IAyBlD;;;;OAIG;WACU,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAavD;;;;;;;OAOG;WACU,mBAAmB,CAAC,GAAG,EAAE;QACpC,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC;QAAE,YAAY,EAAE,gCAAgC,CAAC;QAAC,MAAM,EAAE,sCAAsC,CAAA;KAAE,CAAC;IAsB/G,qHAAqH;mBAChG,sBAAsB;CAU5C"}

package/build/_modules/visual-gate/_collections/blocking-overlays.util.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DyE2E_BlockingOverlays_Util = void 0;
+const visual_gate_defaults_const_1 = require("./visual-gate-defaults.const");
+/**
+ * Closes the two overlays that cover every page of a TEST deployment before an automated check (R1-72 d): the
+ * TEST-environment warning (`dynamo-test-ribbon` of ngx-dynamo) and the cookie bar (`dynamo-cookie-consent`).
+ *
+ * @description Through the app itself, by its buttons — not by writing `localStorage` by hand: the ngx-dynamo storage
+ * service writes its own control record (`dynamo-control`) and may encrypt, so a hand-made value is not reliably
+ * valid (measured in futdevpro's `test-warning.global-setup.ts`). The hooks do not depend on the language: the
+ * warning dialog's own panel class, the cookie bar's `data-testid` (a test id built from a button caption changed
+ * when the caption was localised and silently broke a harness; FAM, adventor 2026-09-21).
+ */
+class DyE2E_BlockingOverlays_Util {
+    /** The TEST-warning dialog (its `panelClass`). */
+    static testWarningSelector = '.dynx-test-ribbon-warning-dialog';
+    /** The cookie bar. */
+    static cookieConsentSelector = '[data-testid="cookie-consent"]';
+    /** The cookie bar's "necessary only" button (the summary view and the details view both carry it). */
+    static cookieRejectSelector = '[data-testid="cookie-consent-reject"]';
+    /** How often the page is looked at while waiting for an overlay, ms. */
+    static lookIntervalMs = 250;
+    /**
+     * Closes the TEST warning and the cookie bar on this page, in the order they cover each other (the warning first).
+     *
+     * @description Waits up to `timeoutMs` for both: either may render late (the cookie bar waits for the language
+     * map). On production neither exists — that is not an error, the result says so.
+     */
+    static async acknowledge(page, timeoutMs = visual_gate_defaults_const_1.DyE2E_VisualGateDefaults_Const.overlayTimeoutMs) {
+        const result = {
+            isTestWarningAcknowledged: false, isCookieConsentDecided: false,
+        };
+        const deadline = Date.now() + timeoutMs;
+        while (Date.now() < deadline && !(result.isTestWarningAcknowledged && result.isCookieConsentDecided)) {
+            const warning = page.locator(this.testWarningSelector).first();
+            const reject = page.locator(`${this.cookieRejectSelector}:visible`).first();
+            if (!result.isTestWarningAcknowledged && await warning.isVisible()) {
+                await this.acknowledgeTestWarning(warning);
+                result.isTestWarningAcknowledged = true;
+            }
+            else if (!result.isCookieConsentDecided && await reject.isVisible()) {
+                await reject.click();
+                await page.locator(this.cookieConsentSelector).first().waitFor({ state: 'hidden', timeout: 5_000 });
+                result.isCookieConsentDecided = true;
+            }
+            else {
+                await page.waitForTimeout(this.lookIntervalMs);
+            }
+        }
+        return result;
+    }
+    /**
+     * The overlays that still cover the page (empty when the page is free).
+     *
+     * @returns the names: `test-warning`, `cookie-consent`
+     */
+    static async findVisible(page) {
+        const visible = [];
+        if (await page.locator(this.testWarningSelector).first().isVisible()) {
+            visible.push('test-warning');
+        }
+        if (await page.locator(this.cookieConsentSelector).first().isVisible()) {
+            visible.push('cookie-consent');
+        }
+        return visible;
+    }
+    /**
+     * Opens the app once in a fresh context, closes both overlays, and returns the browser state to start every
+     * visual-gate context from (`browser.newContext({ storageState })`).
+     *
+     * @description Call it once per language with that language's `locale`: an app that stores the language it
+     * picked would otherwise carry the first language into every case. Fails loudly when an overlay is still visible
+     * after closing it (a silent "nothing to close" hid a broken harness before; FAM, adventor 2026-09-21).
+     */
+    static async prepareStorageState(set) {
+        const context = await set.browser.newContext({ locale: set.locale, ignoreHTTPSErrors: true });
+        try {
+            const page = await context.newPage();
+            await page.goto(set.baseUrl, { waitUntil: 'domcontentloaded' });
+            const result = await this.acknowledge(page, set.timeoutMs);
+            const stillVisible = await this.findVisible(page);
+            if (stillVisible.length) {
+                throw new Error(`[dynamo-e2e visual-gate] still covering the page after closing: ${stillVisible.join(', ')} (${set.baseUrl})`);
+            }
+            return { storageState: await context.storageState(), result: result };
+        }
+        finally {
+            await context.close();
+        }
+    }
+    /** Ticks every "do not show again" box of the warning (the ribbon too, so it is not in the screenshot), confirms. */
+    static async acknowledgeTestWarning(warning) {
+        const boxes = warning.locator('input[type="checkbox"]');
+        const count = await boxes.count();
+        for (let i = 0; i < count; i++) {
+            await boxes.nth(i).check();
+        }
+        await warning.locator('button').last().click();
+        await warning.waitFor({ state: 'hidden', timeout: 5_000 });
+    }
+}
+exports.DyE2E_BlockingOverlays_Util = DyE2E_BlockingOverlays_Util;
+//# sourceMappingURL=blocking-overlays.util.js.map

package/build/_modules/visual-gate/_collections/blocking-overlays.util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocking-overlays.util.js","sourceRoot":"","sources":["../../../../src/_modules/visual-gate/_collections/blocking-overlays.util.ts"],"names":[],"mappings":";;;AAEA,6EAA8E;AAa9E;;;;;;;;;GASG;AACH,MAAa,2BAA2B;IAEtC,kDAAkD;IAClD,MAAM,CAAU,mBAAmB,GAAW,kCAAkC,CAAC;IAEjF,sBAAsB;IACtB,MAAM,CAAU,qBAAqB,GAAW,gCAAgC,CAAC;IAEjF,sGAAsG;IACtG,MAAM,CAAU,oBAAoB,GAAW,uCAAuC,CAAC;IAEvF,wEAAwE;IACxE,MAAM,CAAU,cAAc,GAAW,GAAG,CAAC;IAE7C;;;;;OAKG;IACH,MAAM,CAAC,KAAK,CAAC,WAAW,CACtB,IAAU,EACV,YAAoB,2DAA8B,CAAC,gBAAgB;QAEnE,MAAM,MAAM,GAA2C;YACrD,yBAAyB,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK;SAChE,CAAC;QACF,MAAM,QAAQ,GAAW,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC;QAEhD,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,yBAAyB,IAAI,MAAM,CAAC,sBAAsB,CAAC,EAAE,CAAC;YACrG,MAAM,OAAO,GAAY,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,CAAC;YACxE,MAAM,MAAM,GAAY,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,oBAAoB,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;YAErF,IAAI,CAAC,MAAM,CAAC,yBAAyB,IAAI,MAAM,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;gBACnE,MAAM,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;gBAC3C,MAAM,CAAC,yBAAyB,GAAG,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,MAAM,CAAC,sBAAsB,IAAI,MAAM,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC;gBACtE,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;gBACrB,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;gBACpG,MAAM,CAAC,sBAAsB,GAAG,IAAI,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACjD,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,IAAU;QACjC,MAAM,OAAO,GAAa,EAAE,CAAC;QAE7B,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC;YACrE,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/B,CAAC;QACD,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC;YACvE,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACjC,CAAC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAED;;;;;;;OAOG;IACH,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,GAKhC;QACC,MAAM,OAAO,GAAmB,MAAM,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC;QAE9G,IAAI,CAAC;YACH,MAAM,IAAI,GAAS,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;YAE3C,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC;YAChE,MAAM,MAAM,GAA2C,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;YACnG,MAAM,YAAY,GAAa,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAE5D,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;gBACxB,MAAM,IAAI,KAAK,CACb,mEAAmE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,OAAO,GAAG,CAC9G,CAAC;YACJ,CAAC;YAED,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QACxE,CAAC;gBAAS,CAAC;YACT,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAED,qHAAqH;IAC7G,MAAM,CAAC,KAAK,CAAC,sBAAsB,CAAC,OAAgB;QAC1D,MAAM,KAAK,GAAY,OAAO,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;QACjE,MAAM,KAAK,GAAW,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;QAE1C,KAAK,IAAI,CAAC,GAAW,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7B,CAAC;QACD,MAAM,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;QAC/C,MAAM,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7D,CAAC;;AA/GH,kEAgHC"}

package/build/_modules/visual-gate/_collections/visual-gate-defaults.const.d.ts

@@ -0,0 +1,23 @@
+import { DyE2E_VisualGateLanguage_Interface } from '../_models/visual-gate-language.interface';
+import { DyE2E_VisualGateViewport_Interface } from '../_models/visual-gate-viewport.interface';
+/** The defaults of the visual gate (R1-72 d: "HU + EN, 1440 + 390"). */
+export declare const DyE2E_VisualGateDefaults_Const: {
+    viewports: DyE2E_VisualGateViewport_Interface[];
+    languages: DyE2E_VisualGateLanguage_Interface[];
+    minVisibleTextLength: number;
+    minVisibleElementCount: number;
+    overflowTolerancePx: number;
+    maxDiffPixelRatio: number;
+    overlayTimeoutMs: number;
+    contentSelector: string;
+    minContentHeightPx: number;
+    neutralSkipSelector: string;
+    loudHueFrom: number;
+    loudHueTo: number;
+    loudMinSaturation: number;
+    loudMinAlpha: number;
+    placeholderPattern: string;
+    fontSizeTags: string[];
+    maxFindingsPerCheck: number;
+};
+//# sourceMappingURL=visual-gate-defaults.const.d.ts.map

package/build/_modules/visual-gate/_collections/visual-gate-defaults.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-gate-defaults.const.d.ts","sourceRoot":"","sources":["../../../../src/_modules/visual-gate/_collections/visual-gate-defaults.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAC/F,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAE/F,wEAAwE;AACxE,eAAO,MAAM,8BAA8B,EAAE;IAC3C,SAAS,EAAE,kCAAkC,EAAE,CAAC;IAChD,SAAS,EAAE,kCAAkC,EAAE,CAAC;IAChD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;CA4C7B,CAAC"}

package/build/_modules/visual-gate/_collections/visual-gate-defaults.const.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DyE2E_VisualGateDefaults_Const = void 0;
+/** The defaults of the visual gate (R1-72 d: "HU + EN, 1440 + 390"). */
+exports.DyE2E_VisualGateDefaults_Const = {
+    viewports: [
+        { name: 'desktop', width: 1440, height: 900 },
+        { name: 'mobile', width: 390, height: 844 },
+    ],
+    languages: [
+        { code: 'hu', locale: 'hu-HU' },
+        { code: 'en', locale: 'en-US' },
+    ],
+    /** Fewer visible characters than this ⇒ the page disappeared (a heading and a button already give more). */
+    minVisibleTextLength: 20,
+    /** Fewer visible elements than this ⇒ the page disappeared. */
+    minVisibleElementCount: 5,
+    /** Sub-pixel rounding: a document at most this much wider than the viewport is not a sideways scroll. */
+    overflowTolerancePx: 1,
+    /** The share of differing pixels the screenshot comparison tolerates (antialiasing, a moved caret). */
+    maxDiffPixelRatio: 0.02,
+    /**
+     * How long the setup waits for the TEST warning and the cookie bar. Measured (FAM, futdevpro 2026-09-21): the bar
+     * renders behind the app's language map or a 4 s fail-open, so a slow runner needs well over 4 s.
+     */
+    overlayTimeoutMs: 15_000,
+    /** The content area when the product names none: the whole page. */
+    contentSelector: 'body',
+    /** A content area lower than this is empty (futdevpro's gate, BFR-FUTDEVPRO-081). */
+    minContentHeightPx: 150,
+    /**
+     * The shared components (their colours are the shared design's): buttons, fields, icons, Material, the notification
+     * area, media (futdevpro's gate, BFR-FUTDEVPRO-081).
+     */
+    neutralSkipSelector: 'button, dynamo-button-new, input, select, textarea, mat-icon, [class*="mat-"], '
+        + '[class*="mdc-"], dynamo-notifications-area, img, svg, video, canvas',
+    /** Green (80°) … blue (260°): the systems are neutral grey; red (an error) and amber (a to-do) carry meaning. */
+    loudHueFrom: 80,
+    loudHueTo: 260,
+    loudMinSaturation: 0.35,
+    loudMinAlpha: 0.15,
+    /** A finished page shows none of these (owner, 2026-11-02 22:27: "placeholders … as closed, finished items"). */
+    placeholderPattern: '(coming soon|hamarosan|lorem ipsum|\\bTODO\\b|\\bTBD\\b)',
+    /** The tags whose font sizes are compared with the reference. */
+    fontSizeTags: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p'],
+    /** At most this many findings of one check are listed (the rest is the same defect). */
+    maxFindingsPerCheck: 12,
+};
+//# sourceMappingURL=visual-gate-defaults.const.js.map

package/build/_modules/visual-gate/_collections/visual-gate-defaults.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-gate-defaults.const.js","sourceRoot":"","sources":["../../../../src/_modules/visual-gate/_collections/visual-gate-defaults.const.ts"],"names":[],"mappings":";;;AAGA,wEAAwE;AAC3D,QAAA,8BAA8B,GAkBvC;IACF,SAAS,EAAE;QACT,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;QAC7C,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;KAC5C;IACD,SAAS,EAAE;QACT,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE;QAC/B,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE;KAChC;IACD,4GAA4G;IAC5G,oBAAoB,EAAE,EAAE;IACxB,+DAA+D;IAC/D,sBAAsB,EAAE,CAAC;IACzB,yGAAyG;IACzG,mBAAmB,EAAE,CAAC;IACtB,uGAAuG;IACvG,iBAAiB,EAAE,IAAI;IACvB;;;OAGG;IACH,gBAAgB,EAAE,MAAM;IACxB,oEAAoE;IACpE,eAAe,EAAE,MAAM;IACvB,qFAAqF;IACrF,kBAAkB,EAAE,GAAG;IACvB;;;OAGG;IACH,mBAAmB,EAAE,iFAAiF;UAClG,qEAAqE;IACzE,iHAAiH;IACjH,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,GAAG;IACd,iBAAiB,EAAE,IAAI;IACvB,YAAY,EAAE,IAAI;IAClB,iHAAiH;IACjH,kBAAkB,EAAE,0DAA0D;IAC9E,iEAAiE;IACjE,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAE;IACzD,wFAAwF;IACxF,mBAAmB,EAAE,EAAE;CACxB,CAAC"}

package/build/_modules/visual-gate/_collections/visual-gate-look.util.d.ts

@@ -0,0 +1,51 @@
+import { Page } from '@playwright/test';
+import { DyE2E_VisualGateFinding_Interface } from '../_models/visual-gate-finding.interface';
+import { DyE2E_VisualGateLookOptions_Interface } from '../_models/visual-gate-look-options.interface';
+/** The font sizes per tag (`h1` … `p`), sorted and distinct, as computed (`16px`). */
+export type DyE2E_VisualGateFontSizes_Type = Record<string, string[]>;
+/**
+ * The look checks of the visual gate (BFR-FUTDEVPRO-081, owner 2026-11-02 21:43: "we are going backwards while we
+ * prepare for the release"): four defects reached the futdevpro TEST that no functional test noticed — blue / green
+ * frames instead of the neutral grey, a page "not found", tiles fallen apart, an admin list in one line.
+ *
+ * @description Ported from futdevpro's own gate (`e2e/tests/ui-check/visual-regression-gate-feature.spec.ts`, 20 red
+ * on TEST 839, green on the fixed build), parameterised: the content area, the "not found" screen, the shared
+ * components skipped and the loud hue range are options with futdevpro's values as defaults. Every check is a
+ * browser-side script (DOM APIs only), so it measures the rendered page, not the source.
+ */
+export declare class DyE2E_VisualGateLook_Util {
+    /**
+     * ① the content area: `{ isNotFound, isContentMissing, contentHeight }`. Argument: `{ contentSelector,
+     * notFoundSelector }`.
+     */
+    static readonly contentScript: string;
+    /**
+     * ③ the neutral look: the boxes of the content area with a saturated frame, background or gradient in the loud
+     * hue range. Argument: the resolved look options. Returns `<tag.class> frame|background|gradient <colour>` lines.
+     */
+    static readonly loudColorsScript: string;
+    /**
+     * ⑤ ⑥ ⑦ on the whole page: a visible text off the screen, an icon showing its ligature word, a placeholder text.
+     * Argument: `{ placeholderPattern, maxFindings }`. Returns `{ kind, message }` findings.
+     */
+    static readonly textProblemsScript: string;
+    /** ④ the font sizes of the headings and paragraphs of the content area. Argument: `{ contentSelector, tags }`. */
+    static readonly fontSizesScript: string;
+    /** The options with every default filled in. */
+    static resolve(options?: DyE2E_VisualGateLookOptions_Interface): Required<DyE2E_VisualGateLookOptions_Interface>;
+    /**
+     * The look checks of one page: ① the "not found" screen and the content area (when the product names them),
+     * ③ the neutral look, ⑤ ⑥ ⑦ the text.
+     *
+     * @returns the findings; empty when the page looks as it should
+     */
+    static inspect(page: Page, options?: DyE2E_VisualGateLookOptions_Interface): Promise<DyE2E_VisualGateFinding_Interface[]>;
+    /** ④ the font sizes of the headings and paragraphs in the content area (after the fonts are loaded). */
+    static measureFontSizes(page: Page, contentSelector?: string): Promise<DyE2E_VisualGateFontSizes_Type>;
+    /**
+     * ④ judges the font sizes against the reference: a size the reference uses for a tag, missing here, is a finding
+     * ("the old font size dropped"). A size only here is not (a new heading may have its own).
+     */
+    static compareFontSizes(ours: DyE2E_VisualGateFontSizes_Type, reference: DyE2E_VisualGateFontSizes_Type): DyE2E_VisualGateFinding_Interface[];
+}
+//# sourceMappingURL=visual-gate-look.util.d.ts.map

package/build/_modules/visual-gate/_collections/visual-gate-look.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-gate-look.util.d.ts","sourceRoot":"","sources":["../../../../src/_modules/visual-gate/_collections/visual-gate-look.util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,iCAAiC,EAAE,MAAM,0CAA0C,CAAC;AAC7F,OAAO,EAAE,qCAAqC,EAAE,MAAM,+CAA+C,CAAC;AAGtG,sFAAsF;AACtF,MAAM,MAAM,8BAA8B,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AAEtE;;;;;;;;;GASG;AACH,qBAAa,yBAAyB;IAEpC;;;OAGG;IACH,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAQlC;IAEH;;;OAGG;IACH,MAAM,CAAC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAuErC;IAEH;;;OAGG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAuCvC;IAEH,kHAAkH;IAClH,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAUpC;IAEH,gDAAgD;IAChD,MAAM,CAAC,OAAO,CAAC,OAAO,GAAE,qCAA0C,GAAG,QAAQ,CAAC,qCAAqC,CAAC;IAkBpH;;;;;OAKG;WACU,OAAO,CAClB,IAAI,EAAE,IAAI,EACV,OAAO,GAAE,qCAA0C,GAClD,OAAO,CAAC,iCAAiC,EAAE,CAAC;IAqC/C,wGAAwG;WAC3F,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,8BAA8B,CAAC;IAS5G;;;OAGG;IACH,MAAM,CAAC,gBAAgB,CACrB,IAAI,EAAE,8BAA8B,EACpC,SAAS,EAAE,8BAA8B,GACxC,iCAAiC,EAAE;CAiBvC"}