@manufac/general-tests 0.5.0 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manufac/general-tests",
-  "version": "0.5.0",
+  "version": "0.9.0",
   "description": "A library for general tests for landing pages",
   "repository": {
     "type": "git",

package/dist/specs/desktop-only/browser-zoom.spec.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const utils_1 = require("../utils");
-const test_1 = require("@playwright/test");
-(0, fixtures_1.test)("RS-07 Browser zoom (desktop) at 200%", async ({ page, targetPage }) => {
-    // Real browser zoom shrinks the effective CSS layout viewport, which is what makes responsive
-    // breakpoints react to it — the non-standard CSS `zoom` property only scales rendered output
-    // and leaves window.innerWidth/matchMedia untouched, so it doesn't reproduce that behavior.
-    // Dividing the viewport by the zoom factor reproduces the actual layout effect directly.
-    await page.setViewportSize({
-        width: Math.round(utils_1.ResponsiveConfig.ViewPortWidth / utils_1.ResponsiveConfig.ZoomFactor),
-        height: Math.round(utils_1.ResponsiveConfig.ViewPortHeight / utils_1.ResponsiveConfig.ZoomFactor),
-    });
-    await page.goto(targetPage);
-    await page.waitForTimeout(utils_1.ResponsiveConfig.ZoomSettleDelayMs);
-    await (0, utils_1.scrollThroughPage)(page);
-    // Some layouts transition position (e.g. a header offset tied to scroll state) on a short
-    // CSS transition; without this, checks below can catch a mid-transition frame instead of
-    // the actual settled layout.
-    await page.waitForTimeout(utils_1.ResponsiveConfig.ZoomSettleDelayMs);
-    const brokenText = await (0, utils_1.findTruncatedOrOverflowingText)(page);
-    (0, test_1.expect)(brokenText, `Text overlapping/clipped at 200% zoom:\n${brokenText.join("\n")}`).toEqual([]);
-    const overlappingTargets = await (0, utils_1.findOverlappingElements)(page, utils_1.TappableElementsSelector);
-    (0, test_1.expect)(overlappingTargets, `Interactive elements unreachable (overlapping) at 200% zoom:\n${overlappingTargets.join("\n")}`).toEqual([]);
-});

package/dist/specs/mobile-only/ios-safari-toolbar.spec.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const sticky_utils_1 = require("../sticky-utils");
-const utils_1 = require("../utils");
-const test_1 = require("@playwright/test");
-// Safari toolbar height change is typically around 50px on modern iOS devices
-const ToolbarHeightDeltaPX = 50;
-fixtures_1.test.describe("Cross-Browser - iOS Safari Toolbar", () => {
-    (0, fixtures_1.test)("XB-03 Page adapts to iOS Safari toolbar size changes smoothly", async ({ page, targetPage, browserName }) => {
-        fixtures_1.test.slow(); // This test does two full scroll passes (40+ evaluates) and needs more than 30s
-        const initialViewport = page.viewportSize();
-        // true when the viewport width is below 768px (a mobile-sized device, not a desktop viewport)
-        const isMobileViewport = initialViewport !== null && initialViewport.width < 768;
-        if (browserName !== "webkit" || !isMobileViewport) {
-            // test.skip aborts execution internally, so no return or else block is needed
-            fixtures_1.test.skip(true, "Safari toolbar behavior test is only relevant for mobile viewports on iOS (WebKit)");
-        }
-        if (initialViewport === null) {
-            throw new Error("Viewport size is required but was null");
-        }
-        await page.goto(targetPage);
-        // Initial check - ensure no cut-off elements before we even start
-        const initialCutoffElements = await (0, utils_1.findElementsCutoffAtViewportEdge)(page);
-        (0, test_1.expect)(initialCutoffElements, `Elements were already cut off before resizing the viewport:\n${initialCutoffElements.join("\n")}`).toEqual([]);
-        const initialInnerHeight = await page.evaluate(() => {
-            return window.innerHeight;
-        });
-        // 1. Simulate scrolling down (toolbar shrinks -> viewport height INCREASES)
-        const expandedHeight = initialViewport.height + ToolbarHeightDeltaPX;
-        await page.setViewportSize({ width: initialViewport.width, height: expandedHeight });
-        await page.waitForFunction((prevHeight) => {
-            // Avoid strict equality (===) as mobile viewports can have fractional/scaled innerHeights
-            return window.innerHeight > prevHeight;
-        }, initialInnerHeight);
-        const cutoffAfterExpand = await (0, utils_1.findElementsCutoffAtViewportEdge)(page);
-        (0, test_1.expect)(cutoffAfterExpand, `Elements were cut off when the viewport expanded (simulating toolbar shrinking):\n${cutoffAfterExpand.join("\n")}`).toEqual([]);
-        // Check sticky elements don't break after expansion
-        const stickyIssuesAfterExpand = await (0, sticky_utils_1.checkStickyElements)(page);
-        if (stickyIssuesAfterExpand.stickyElementCount > 0) {
-            (0, test_1.expect)(stickyIssuesAfterExpand.flicker, `Sticky elements flickered/detached when viewport expanded:\n${stickyIssuesAfterExpand.flicker.join("\n")}`).toEqual([]);
-            (0, test_1.expect)(stickyIssuesAfterExpand.coversContent, `Sticky elements covered content when viewport expanded:\n${stickyIssuesAfterExpand.coversContent.join("\n")}`).toEqual([]);
-        }
-        const afterExpandHeight = await page.evaluate(() => {
-            return window.innerHeight;
-        });
-        // 2. Simulate scrolling up (toolbar expands -> viewport height DECREASES)
-        const shrunkHeight = initialViewport.height - ToolbarHeightDeltaPX;
-        await page.setViewportSize({ width: initialViewport.width, height: shrunkHeight });
-        await page.waitForFunction((prevHeight) => {
-            return window.innerHeight < prevHeight;
-        }, afterExpandHeight);
-        const cutoffAfterShrink = await (0, utils_1.findElementsCutoffAtViewportEdge)(page);
-        (0, test_1.expect)(cutoffAfterShrink, `Elements were cut off when the viewport shrank (simulating toolbar expanding):\n${cutoffAfterShrink.join("\n")}`).toEqual([]);
-        // Check sticky elements don't break after shrinking
-        const stickyIssuesAfterShrink = await (0, sticky_utils_1.checkStickyElements)(page);
-        if (stickyIssuesAfterShrink.stickyElementCount > 0) {
-            (0, test_1.expect)(stickyIssuesAfterShrink.flicker, `Sticky elements flickered/detached when viewport shrank:\n${stickyIssuesAfterShrink.flicker.join("\n")}`).toEqual([]);
-            (0, test_1.expect)(stickyIssuesAfterShrink.coversContent, `Sticky elements covered content when viewport shrank:\n${stickyIssuesAfterShrink.coversContent.join("\n")}`).toEqual([]);
-        }
-    });
-});

package/dist/specs/mobile-only/ios-safe-areas.spec.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const utils_1 = require("../utils");
-const test_1 = require("@playwright/test");
-fixtures_1.test.describe("Cross-Browser - iOS Safe Areas", () => {
-    (0, fixtures_1.test)("XB-02 Content respects iOS safe areas in portrait and landscape", async ({ page, targetPage, browserName }) => {
-        fixtures_1.test.skip(browserName !== "webkit", "Safe area test is only relevant for iOS (WebKit)");
-        const viewportInfo = page.viewportSize();
-        const isMobileViewport = viewportInfo !== null && viewportInfo.width < 768;
-        if (!isMobileViewport) {
-            fixtures_1.test.skip(true, "Safe area test is only relevant for mobile viewports");
-        }
-        await page.goto(targetPage);
-        // Check Portrait
-        const portraitOverlaps = await (0, utils_1.findSafeAreaOverlaps)(page);
-        const portraitDescriptions = portraitOverlaps.map((overlap) => {
-            return `${(0, utils_1.describeElement)(overlap)} overlaps ${overlap.overlapZone} safe area: "${overlap.text}"`;
-        });
-        (0, test_1.expect)(portraitOverlaps, `Elements should not overlap portrait safe areas:\n${portraitDescriptions.join("\n")}`).toEqual([]);
-        // Check Landscape
-        if (viewportInfo !== null) {
-            // Rotate to landscape
-            await page.setViewportSize({ width: viewportInfo.height, height: viewportInfo.width });
-            await page.waitForFunction((expectedWidth) => {
-                const isMatch = window.innerWidth === expectedWidth;
-                return isMatch;
-            }, viewportInfo.height);
-            const landscapeOverlaps = await (0, utils_1.findSafeAreaOverlaps)(page);
-            const landscapeDescriptions = landscapeOverlaps.map((overlap) => {
-                return `${(0, utils_1.describeElement)(overlap)} overlaps ${overlap.overlapZone} safe area: "${overlap.text}"`;
-            });
-            (0, test_1.expect)(landscapeOverlaps, `Elements should not overlap landscape safe areas:\n${landscapeDescriptions.join("\n")}`).toEqual([]);
-        }
-    });
-});

package/dist/specs/mobile-only/navigation.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/specs/mobile-only/navigation.spec.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const test_1 = require("@playwright/test");
-fixtures_1.test.describe("Mobile Navigation", () => {
-    (0, fixtures_1.test)("CT-05: Hamburger/mobile nav", async ({ page, targetPage }) => {
-        await page.goto(targetPage);
-        const hamburger = page
-            .getByRole("button", { name: /menu|navigation|hamburger/i })
-            .or(page.locator(".hamburger, .menu-toggle"))
-            .or(page.getByRole("banner").getByRole("button"))
-            .first();
-        const count = await hamburger.count();
-        if (count === 0) {
-            fixtures_1.test.skip(true, "No hamburger menu button found on the page");
-        }
-        const isVisible = await hamburger.isVisible();
-        if (!isVisible) {
-            fixtures_1.test.skip(true, "Hamburger menu button is not visible");
-        }
-        await hamburger.click();
-        await page.waitForTimeout(500); // Wait for transition
-        const isScrollLocked = await page.evaluate(() => {
-            const { body } = document;
-            const html = document.documentElement;
-            const bodyOverflow = window.getComputedStyle(body).overflow;
-            const htmlOverflow = window.getComputedStyle(html).overflow;
-            const hasOverflowHidden = ["hidden", "clip"].includes(bodyOverflow) || ["hidden", "clip"].includes(htmlOverflow);
-            const hasLockAttribute = body.hasAttribute("data-scroll-locked") || html.hasAttribute("data-scroll-locked");
-            // Some libraries like react-remove-scroll (when removeScrollBar=false) lock scroll via JS events without CSS
-            const wheelEvent = new WheelEvent("wheel", { deltaY: 100, bubbles: true, cancelable: true });
-            document.body.dispatchEvent(wheelEvent);
-            const touchEvent = new TouchEvent("touchmove", { bubbles: true, cancelable: true });
-            document.body.dispatchEvent(touchEvent);
-            const isLocked = hasOverflowHidden || hasLockAttribute || wheelEvent.defaultPrevented || touchEvent.defaultPrevented;
-            return isLocked;
-        });
-        (0, test_1.expect)(isScrollLocked, "Page behind the open mobile menu should not be scrollable").toBe(true);
-    });
-});

package/dist/specs/mobile-only/orientation.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/specs/mobile-only/orientation.spec.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const utils_1 = require("../utils");
-const test_1 = require("@playwright/test");
-(0, fixtures_1.test)("RS-02 Orientation change (mobile) reflows without overlap and preserves scroll section", async ({ page, targetPage, }) => {
-    await page.goto(targetPage);
-    const portraitViewport = page.viewportSize();
-    if (portraitViewport === null) {
-        throw new Error("Viewport size must be set before running orientation test");
-    }
-    const { width, height } = portraitViewport;
-    const { scrollHeight, clientHeight } = await (0, utils_1.getScrollMetrics)(page);
-    const isScrollable = scrollHeight > clientHeight;
-    const scrollTarget = isScrollable ? Math.floor(scrollHeight / 2) : 0;
-    if (isScrollable) {
-        await page.evaluate((y) => {
-            window.scrollTo(0, y);
-        }, scrollTarget);
-        // scroll-behavior: smooth animates the scroll; wait for it to actually
-        // land near the target before treating it as the baseline position.
-        await page.waitForFunction((target) => {
-            return Math.abs(window.scrollY - target) < 5;
-        }, scrollTarget, { timeout: 2000 });
-    }
-    const baselineMetrics = await (0, utils_1.getScrollMetrics)(page);
-    const scrollRatioBefore = isScrollable ? baselineMetrics.scrollY / baselineMetrics.scrollHeight : 0;
-    const phases = [
-        { name: "landscape", viewport: { width: height, height: width } },
-        { name: "portrait", viewport: { width, height } },
-    ];
-    for (const phase of phases) {
-        await page.setViewportSize(phase.viewport);
-        // Allow any smooth-scroll/reflow triggered by the viewport change to settle.
-        await page.waitForTimeout(300);
-        const cutoffElements = await (0, utils_1.findElementsCutoffAtViewportEdge)(page);
-        (0, test_1.expect)(cutoffElements, `Found element(s) cut off at the viewport edge after rotating to ${phase.name}:\n${cutoffElements.join("\n")}`).toEqual([]);
-        const overlappingElements = await (0, utils_1.findOverlappingElements)(page, utils_1.ContentOverlapSelector);
-        (0, test_1.expect)(overlappingElements, `Found overlapping element(s) after rotating to ${phase.name}:\n${overlappingElements.join("\n")}`).toEqual([]);
-        if (isScrollable) {
-            const currentMetrics = await (0, utils_1.getScrollMetrics)(page);
-            const scrollRatioAfter = currentMetrics.scrollY / currentMetrics.scrollHeight;
-            (0, test_1.expect)(Math.abs(scrollRatioAfter - scrollRatioBefore), `Scroll position jumped away from the original section after rotating to ${phase.name}`).toBeLessThan(utils_1.ResponsiveConfig.ScrollDriftTolerance);
-        }
-    }
-});

package/dist/specs/mobile-only/readability.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/specs/mobile-only/readability.spec.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const utils_1 = require("../utils");
-const test_1 = require("@playwright/test");
-(0, fixtures_1.test)("RS-04 Text readability at 320px", async ({ page, targetPage }) => {
-    await page.goto(targetPage);
-    const undersizedText = await (0, utils_1.findUndersizedBodyText)(page);
-    (0, test_1.expect)(undersizedText, `Found ${String(undersizedText.length)} body text element(s) below ${String(utils_1.ResponsiveConfig.MinBodyTextFontSizePX)}px at 320px width:\n${undersizedText.join("\n")}`).toEqual([]);
-    const brokenText = await (0, utils_1.findTruncatedOrOverflowingText)(page);
-    (0, test_1.expect)(brokenText, `Truncated or overflowing text at 320px width:\n${brokenText.join("\n")}`).toEqual([]);
-    const isScrollable = await (0, utils_1.hasHorizontalScrollbar)(page);
-    (0, test_1.expect)(isScrollable, "Horizontal scrollbar present at 320px — text requires horizontal scrolling to read").toBe(false);
-});

package/dist/specs/mobile-only/soft-keyboard.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/specs/mobile-only/soft-keyboard.spec.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const utils_1 = require("../utils");
-const test_1 = require("@playwright/test");
-fixtures_1.test.describe("Forms - Soft Keyboard", () => {
-    utils_1.KeyboardFields.forEach((keyboardField) => {
-        (0, fixtures_1.test)(`FM-05 ${keyboardField.label.source} field opens the correct soft keyboard`, async ({ page, targetPage }) => {
-            await page.goto(targetPage);
-            const field = page.getByLabel(keyboardField.label);
-            const fieldCount = await field.count();
-            if (fieldCount === 0) {
-                fixtures_1.test.skip(true, `No ${keyboardField.label.source} field present on this page`);
-            }
-            const viewport = page.viewportSize();
-            if (viewport === null) {
-                throw new Error("Viewport size must be set before running the soft keyboard test");
-            }
-            await field.click();
-            // NOTE: Playwright cannot render a real device's on-screen keyboard, so the
-            // originally-specified check ("email field opens the @ keyboard, phone field
-            // opens the number pad") is verified indirectly via the input's inputmode/type
-            // attribute, which is what drives the OS keyboard choice on a real device.
-            const [inputMode, inputType] = await Promise.all([field.getAttribute("inputmode"), field.getAttribute("type")]);
-            const hasCorrectKeyboardHint = keyboardField.expectedInputMode.test(inputMode ?? "") || keyboardField.expectedInputMode.test(inputType ?? "");
-            (0, test_1.expect)(hasCorrectKeyboardHint, `${keyboardField.label.source} field should have an inputmode/type that opens the correct soft keyboard`).toBe(true);
-            // Note: A real on-screen keyboard typically covers roughly the bottom 40% of a mobile viewport.
-            // Playwright can't render an actual OS keyboard, so this is approximated by shrinking the
-            // viewport after focusing the field, turning "field shouldn't be hidden behind the keyboard"
-            // into a real geometry check instead of one that trivially always passes.
-            //
-            // Limitation (FM-05): This is a best-effort regression guard, not a substitute for real-device testing.
-            // The 40% occlusion is a rough estimate and page.setViewportSize() doesn't replicate the
-            // native viewport repositioning/scrolling behavior of real mobile browsers when keyboards open.
-            // Manual verification on a real device remains the source of truth for FM-05.
-            const visibleHeight = Math.round(viewport.height * (1 - utils_1.ResponsiveConfig.KeyboardOcclusionRatio));
-            await page.setViewportSize({ width: viewport.width, height: visibleHeight });
-            const fieldBox = await field.boundingBox();
-            const isAboveKeyboard = fieldBox !== null && fieldBox.y >= 0 && fieldBox.y + fieldBox.height <= visibleHeight;
-            (0, test_1.expect)(isAboveKeyboard, `${keyboardField.label.source} field should never be hidden behind the keyboard; the page should scroll it into view`).toBe(true);
-        });
-    });
-});

package/dist/specs/mobile-only/touch-targets.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/specs/mobile-only/touch-targets.spec.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const utils_1 = require("../utils");
-const test_1 = require("@playwright/test");
-(0, fixtures_1.test)("RS-05 Touch targets (mobile) are at least 44x44px and do not overlap", async ({ page, targetPage }) => {
-    await page.goto(targetPage);
-    const undersizedTargets = await (0, utils_1.findUndersizedTouchTargets)(page, utils_1.TouchTargetSizeSelector);
-    (0, test_1.expect)(undersizedTargets, `Touch targets below ${String(utils_1.ResponsiveConfig.MinTouchTargetSizePX)}x${String(utils_1.ResponsiveConfig.MinTouchTargetSizePX)}px:\n${undersizedTargets.join("\n")}`).toEqual([]);
-    const overlappingTargets = await (0, utils_1.findOverlappingElements)(page, utils_1.TappableElementsSelector);
-    (0, test_1.expect)(overlappingTargets, `Overlapping tap targets risk triggering the wrong element:\n${overlappingTargets.join("\n")}`).toEqual([]);
-});

package/dist/specs/shared/cta.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/specs/shared/cta.spec.js

@@ -1,199 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../fixtures");
-const test_1 = require("@playwright/test");
-fixtures_1.test.describe("Landing Page - CTAs, Links & Navigation", () => {
-    (0, fixtures_1.test)("CT-01: All CTAs functional", async ({ page, targetPage }) => {
-        await page.goto(targetPage);
-        // Look for elements with button role or common CTA link names using smart locators
-        const ctas = page
-            .getByRole("button", { name: /submit|send|join|subscribe|sign|start|contact|book|request|try/i })
-            .or(page.getByRole("link", { name: /submit|send|join|subscribe|sign|start|contact|book|request|try/i }));
-        const ctaCount = await ctas.count();
-        (0, test_1.expect)(ctaCount, "Page should have at least some CTAs").toBeGreaterThan(0);
-        for (let index = 0; index < ctaCount; index++) {
-            const cta = ctas.nth(index);
-            const tagName = await cta.evaluate((element) => {
-                return element.tagName.toLowerCase();
-            });
-            switch (tagName) {
-                case "a": {
-                    const href = await cta.getAttribute("href");
-                    (0, test_1.expect)(typeof href === "string", "CTA link must have an href").toBe(true);
-                    if (typeof href === "string") {
-                        (0, test_1.expect)(href.length > 0, "CTA href must not be empty").toBe(true);
-                    }
-                    const target = await cta.getAttribute("target");
-                    if (target !== null) {
-                        (0, test_1.expect)(target, "CTA target attribute should be _blank if present").toBe("_blank");
-                    }
-                    break;
-                }
-                case "button": {
-                    await (0, test_1.expect)(cta, "CTA button should be visible").toBeVisible();
-                    break;
-                }
-            }
-        }
-    });
-    (0, fixtures_1.test)("CT-02: All links valid", async ({ page, request, targetPage }) => {
-        await page.goto(targetPage);
-        const links = page.getByRole("link");
-        const linkCount = await links.count();
-        (0, test_1.expect)(linkCount, "Page should have at least some links").toBeGreaterThan(0);
-        let linkURLs = [];
-        for (let index = 0; index < linkCount; index++) {
-            const href = await links.nth(index).getAttribute("href");
-            if (typeof href === "string") {
-                // We only check internal links to avoid flaky tests due to external anti-bot protections
-                if (href.startsWith("/")) {
-                    const isIncluded = linkURLs.includes(href);
-                    if (!isIncluded) {
-                        linkURLs = [...linkURLs, href];
-                    }
-                }
-            }
-        }
-        for (const linkURL of linkURLs) {
-            const requestURL = new URL(linkURL, page.url()).toString();
-            const response = await request.get(requestURL);
-            const isResponseOK = response.ok();
-            (0, test_1.expect)(isResponseOK, `Link ${linkURL} returned status ${response.status().toString()}`).toBe(true);
-        }
-    });
-    (0, fixtures_1.test)("CT-03: Anchor scroll on mobile", async ({ page, targetPage }) => {
-        await page.goto(targetPage);
-        const links = page.getByRole("link");
-        const count = await links.count();
-        if (count === 0) {
-            fixtures_1.test.skip(true, "No links found on the page");
-        }
-        let hasClicked = false;
-        for (let index = 0; index < count; index++) {
-            const href = await links.nth(index).getAttribute("href");
-            if (typeof href === "string" && href.startsWith("#") && href.length > 1) {
-                const targetID = href.substring(1);
-                const targetElement = page.locator(`id=${targetID}`);
-                const targetCount = await targetElement.count();
-                if (targetCount > 0) {
-                    await links.nth(index).click();
-                    await (0, test_1.expect)(targetElement).toBeInViewport();
-                    hasClicked = true;
-                    break;
-                }
-            }
-        }
-        if (!hasClicked) {
-            fixtures_1.test.skip(true, "No valid anchor links with existing targets found on the page");
-        }
-    });
-    (0, fixtures_1.test)("CT-04: Phone/email links", async ({ page, targetPage }) => {
-        await page.goto(targetPage);
-        const links = page.getByRole("link");
-        const count = await links.count();
-        if (count === 0) {
-            fixtures_1.test.skip(true, "No links found on the page to check for phone/email");
-        }
-        for (let index = 0; index < count; index++) {
-            const href = await links.nth(index).getAttribute("href");
-            if (typeof href === "string") {
-                if (href.startsWith("tel:")) {
-                    const phoneRegex = /^tel:[+\d\-\s()]+$/;
-                    const isValid = phoneRegex.test(href);
-                    (0, test_1.expect)(isValid, `Phone link format should be valid: ${href}`).toBe(true);
-                }
-                else if (href.startsWith("mailto:")) {
-                    // Simple email validation for mailto format
-                    const emailRegex = /^mailto:[^@\s]+@[^@\s]+\.[^@\s]+.*$/;
-                    const isValid = emailRegex.test(href);
-                    (0, test_1.expect)(isValid, `Email link format should be valid: ${href}`).toBe(true);
-                }
-            }
-        }
-    });
-    (0, fixtures_1.test)("CT-06: Hover vs touch states", async ({ page, isMobile, targetPage }) => {
-        await page.goto(targetPage);
-        const interactables = page.getByRole("button").or(page.getByRole("link"));
-        const count = await interactables.count();
-        if (count === 0) {
-            fixtures_1.test.skip(true, "No buttons or links found to test interaction states");
-        }
-        const interactablesAll = await interactables.all();
-        await Promise.all(interactablesAll.map(async (element, index) => {
-            const isVisible = await element.isVisible();
-            if (isVisible) {
-                // Prevent navigation or unwanted side effects during interaction testing
-                await element.evaluate((node) => {
-                    node.addEventListener("click", (event) => {
-                        event.preventDefault();
-                        event.stopPropagation();
-                    }, { once: true });
-                });
-                if (!isMobile) {
-                    const initialStyle = await element.evaluate((node) => {
-                        const style = window.getComputedStyle(node);
-                        return {
-                            bg: style.backgroundColor,
-                            color: style.color,
-                            opacity: style.opacity,
-                            border: style.borderColor,
-                            shadow: style.boxShadow,
-                            transform: style.transform,
-                        };
-                    });
-                    await element.hover();
-                    const hoverStyle = await element.evaluate((node) => {
-                        const style = window.getComputedStyle(node);
-                        return {
-                            bg: style.backgroundColor,
-                            color: style.color,
-                            opacity: style.opacity,
-                            border: style.borderColor,
-                            shadow: style.boxShadow,
-                            transform: style.transform,
-                        };
-                    });
-                    const isStyleChanged = initialStyle.bg !== hoverStyle.bg ||
-                        initialStyle.color !== hoverStyle.color ||
-                        initialStyle.opacity !== hoverStyle.opacity ||
-                        initialStyle.border !== hoverStyle.border ||
-                        initialStyle.shadow !== hoverStyle.shadow ||
-                        initialStyle.transform !== hoverStyle.transform;
-                    (0, test_1.expect)(isStyleChanged, `Hovering should change styling for element at index ${index.toString()}`).toBe(true);
-                }
-                else {
-                    const initialStyle = await element.evaluate((node) => {
-                        const style = window.getComputedStyle(node);
-                        return {
-                            bg: style.backgroundColor,
-                            color: style.color,
-                            opacity: style.opacity,
-                            border: style.borderColor,
-                            shadow: style.boxShadow,
-                            transform: style.transform,
-                        };
-                    });
-                    await element.tap();
-                    const finalStyle = await element.evaluate((node) => {
-                        const style = window.getComputedStyle(node);
-                        return {
-                            bg: style.backgroundColor,
-                            color: style.color,
-                            opacity: style.opacity,
-                            border: style.borderColor,
-                            shadow: style.boxShadow,
-                            transform: style.transform,
-                        };
-                    });
-                    const isStyleChanged = initialStyle.bg !== finalStyle.bg ||
-                        initialStyle.color !== finalStyle.color ||
-                        initialStyle.opacity !== finalStyle.opacity ||
-                        initialStyle.border !== finalStyle.border ||
-                        initialStyle.shadow !== finalStyle.shadow ||
-                        initialStyle.transform !== finalStyle.transform;
-                    (0, test_1.expect)(isStyleChanged, `Element at index ${index.toString()} should change styling after tap on mobile`).toBe(true);
-                }
-            }
-        }));
-    });
-});

package/dist/specs/shared/forms/autofill.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/specs/shared/forms/autofill.spec.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../../fixtures");
-const utils_1 = require("../../utils");
-const test_1 = require("@playwright/test");
-fixtures_1.test.describe("Forms - Autofill", () => {
-    (0, fixtures_1.test)("FM-06 Form fields expose autocomplete hints for autofill compatibility", async ({ page, targetPage }) => {
-        await page.goto(targetPage);
-        const form = page.locator("form");
-        if ((await form.count()) === 0) {
-            fixtures_1.test.skip(true, "No form present on this page");
-        }
-        await form.scrollIntoViewIfNeeded();
-        const fieldEntries = await Promise.all(utils_1.AutofillFields.map(async (autofillField) => {
-            const field = form.getByLabel(autofillField.label);
-            const isVisible = (await field.count()) > 0 && (await field.isVisible());
-            return { autofillField, field, isVisible };
-        }));
-        const visibleFieldEntries = fieldEntries.filter((entry) => {
-            return entry.isVisible;
-        });
-        for (const { autofillField, field } of visibleFieldEntries) {
-            const autocompleteValue = await field.getAttribute("autocomplete");
-            const hasCorrectAutocomplete = autofillField.expectedAutocomplete.test(autocompleteValue ?? "");
-            (0, test_1.expect)(hasCorrectAutocomplete, `${autofillField.label.source} field should have an autocomplete attribute matching ${autofillField.expectedAutocomplete.source} so browser autofill puts the value in the correct field`).toBe(true);
-        }
-    });
-});

package/dist/specs/shared/forms/double-submit.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/specs/shared/forms/double-submit.spec.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../../fixtures");
-const utils_1 = require("../../utils");
-const test_1 = require("@playwright/test");
-fixtures_1.test.describe("Forms - Double Submit", () => {
-    (0, fixtures_1.test)("FM-04 Double-submit protection allows only one submission", async ({ page, targetPage }) => {
-        await page.goto(targetPage);
-        const submitButton = page.locator('button[type="submit"], input[type="submit"]');
-        const submitButtonCount = await submitButton.count();
-        if (submitButtonCount === 0) {
-            fixtures_1.test.skip(true, "No submit button present on this page");
-        }
-        await (0, utils_1.fillFormFields)(page);
-        const targetSubmitButton = submitButton.first();
-        const firstClick = targetSubmitButton.click();
-        await targetSubmitButton.click({ force: true });
-        await firstClick;
-        const isEnabled = !(await targetSubmitButton.isDisabled());
-        const ariaBusy = await targetSubmitButton.getAttribute("aria-busy");
-        const isBusy = ariaBusy === "true";
-        const hasDoubleSubmitProtection = !isEnabled || isBusy;
-        (0, test_1.expect)(hasDoubleSubmitProtection, "Submit button should visibly disable or show a loading state after the first click").toBe(true);
-    });
-});

package/dist/specs/shared/forms/input-edge.spec.d.ts

@@ -1 +0,0 @@
-export {};