Merge pull request #2093 from PR0M3TH3AN/fix-known-issues-14860270684878388501

Fix documented known issues in E2E and Visual tests
2026-10-27 07:52:24 +00:00 · 2026-02-04 16:15:56 -05:00
commit 7ff26f7f69
@@ -7,14 +7,6 @@

 ### Visual Regression Tests (`test:visual`)
 - **Artifact Retention**: Visual tests are configured to retain screenshots, traces, and videos on failure to assist with debugging. These artifacts can be found in `artifacts/test-results/`.
- **Kitchen Sink (`tests/visual/kitchen-sink.spec.ts`)**: Minor pixel mismatch (width 1292 vs expected 1280) in snapshot comparison.
-
-### E2E Tests (`test:e2e`)
- **Modals (`tests/e2e/ui-modals.spec.ts`)**:
-    - `application-form` and `profile-modal` fail with 404 errors for requested resources (likely related to how `http-server` serves relative paths or nested components in the test runner).
-    - Several modals (`upload-modal`, `edit-video-modal`, etc.) timeout waiting for close actions or visibility checks. This might be due to the `reducedMotion` application interacting poorly with visibility checks or genuine performance issues in the test runner.
-    - `login-modal` fails to find the `[data-nsec-error]` element (it expects it to be visible but it remains hidden).
- **Popover (`tests/e2e/popover.spec.ts`)**: Fails with `ReferenceError: getPanelWithTriggerMetrics is not defined`. This helper function seems to be missing or not imported correctly in the test file.

 ## CSS / Design System
 - The global CSS (`css/tailwind.source.css`) was updated to fix a linter error by using `calc(theme("screens.md") - var(--breakpoint-edge-offset))` instead of raw pixels.
@@ -0,0 +1,107 @@
+import type { Locator } from "@playwright/test";
+
+export interface PopoverMetrics {
+  rect: {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+  };
+  triggerRect?: {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+  };
+  viewport: { width: number; height: number };
+  placement: string;
+  state: string;
+  popoverMaxWidth: string;
+  tokenMaxWidth: string;
+}
+
+export async function getPanelMetrics(locator: Locator): Promise<PopoverMetrics> {
+  return locator.evaluate((node) => {
+    const rect = node.getBoundingClientRect();
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    const tokenValue = window
+      .getComputedStyle(document.documentElement)
+      .getPropertyValue("--popover-inline-safe-max")
+      .trim();
+    const popoverMaxWidth = window
+      .getComputedStyle(node)
+      .getPropertyValue("--popover-max-width")
+      .trim();
+
+    return {
+      rect: {
+        top: rect.top,
+        left: rect.left,
+        right: rect.right,
+        bottom: rect.bottom,
+        width: rect.width,
+        height: rect.height,
+      },
+      viewport: { width: viewportWidth, height: viewportHeight },
+      placement: (node as HTMLElement).dataset.popoverPlacement || "",
+      state: (node as HTMLElement).dataset.popoverState || "",
+      popoverMaxWidth,
+      tokenMaxWidth: tokenValue,
+    };
+  });
+}
+
+export async function getPanelWithTriggerMetrics(panel: Locator, trigger: Locator): Promise<PopoverMetrics> {
+  const triggerHandle = await trigger.elementHandle();
+  if (!triggerHandle) {
+    throw new Error("Trigger element is not attached");
+  }
+
+  try {
+    return await panel.evaluate((node, triggerElement) => {
+      const rect = node.getBoundingClientRect();
+      const triggerRect = triggerElement.getBoundingClientRect();
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      const tokenValue = window
+        .getComputedStyle(document.documentElement)
+        .getPropertyValue("--popover-inline-safe-max")
+        .trim();
+      const popoverMaxWidth = window
+        .getComputedStyle(node)
+        .getPropertyValue("--popover-max-width")
+        .trim();
+
+      return {
+        rect: {
+          top: rect.top,
+          left: rect.left,
+          right: rect.right,
+          bottom: rect.bottom,
+          width: rect.width,
+          height: rect.height,
+        },
+        triggerRect: {
+          top: triggerRect.top,
+          left: triggerRect.left,
+          right: triggerRect.right,
+          bottom: triggerRect.bottom,
+          width: triggerRect.width,
+          height: triggerRect.height,
+        },
+        viewport: { width: viewportWidth, height: viewportHeight },
+        placement: (node as HTMLElement).dataset.popoverPlacement || "",
+        state: (node as HTMLElement).dataset.popoverState || "",
+        popoverMaxWidth,
+        tokenMaxWidth: tokenValue,
+      };
+    }, triggerHandle);
+  } finally {
+    await triggerHandle.dispose();
+  }
+}
@@ -1,5 +1,14 @@
 import type { Page } from "@playwright/test";

+export async function ensureTestAssets(page: Page): Promise<void> {
+  const cssResponse = await page.request.head("/css/tailwind.generated.css");
+  if (!cssResponse.ok()) {
+    throw new Error(
+      "Test asset check failed: css/tailwind.generated.css is missing (404). Run `npm run build:css` before testing.",
+    );
+  }
+}
+
 export async function applyReducedMotion(page: Page): Promise<void> {
  await page.emulateMedia({ reducedMotion: "reduce" });
  await page.addStyleTag({
@@ -1,93 +1,15 @@
 import { expect, test } from "@playwright/test";
-import type { Locator } from "@playwright/test";
+import {
+  getPanelMetrics,
+  getPanelWithTriggerMetrics,
+} from "./helpers/popoverUtils";
 import {
  applyReducedMotion,
+  ensureTestAssets,
  failOnConsoleErrors,
  waitForRAF,
 } from "./helpers/uiTestUtils";

-async function getPanelMetrics(locator: Locator) {
-  return locator.evaluate((node) => {
-    const rect = node.getBoundingClientRect();
-    const viewportWidth = window.innerWidth;
-    const viewportHeight = window.innerHeight;
-    const tokenValue = window
-      .getComputedStyle(document.documentElement)
-      .getPropertyValue("--popover-inline-safe-max")
-      .trim();
-    const popoverMaxWidth = window
-      .getComputedStyle(node)
-      .getPropertyValue("--popover-max-width")
-      .trim();
-
-    return {
-      rect: {
-        top: rect.top,
-        left: rect.left,
-        right: rect.right,
-        bottom: rect.bottom,
-        width: rect.width,
-        height: rect.height,
-      },
-      viewport: { width: viewportWidth, height: viewportHeight },
-      placement: node.dataset.popoverPlacement || "",
-      state: node.dataset.popoverState || "",
-      popoverMaxWidth,
-      tokenMaxWidth: tokenValue,
-    };
-  });
-}
-
-async function getPanelWithTriggerMetrics(panel: Locator, trigger: Locator) {
-  const triggerHandle = await trigger.elementHandle();
-  if (!triggerHandle) {
-    throw new Error("Trigger element is not attached");
-  }
-
-  try {
-    return await panel.evaluate((node, triggerElement) => {
-      const rect = node.getBoundingClientRect();
-      const triggerRect = triggerElement.getBoundingClientRect();
-      const viewportWidth = window.innerWidth;
-      const viewportHeight = window.innerHeight;
-      const tokenValue = window
-        .getComputedStyle(document.documentElement)
-        .getPropertyValue("--popover-inline-safe-max")
-        .trim();
-      const popoverMaxWidth = window
-        .getComputedStyle(node)
-        .getPropertyValue("--popover-max-width")
-        .trim();
-
-      return {
-        rect: {
-          top: rect.top,
-          left: rect.left,
-          right: rect.right,
-          bottom: rect.bottom,
-          width: rect.width,
-          height: rect.height,
-        },
-        triggerRect: {
-          top: triggerRect.top,
-          left: triggerRect.left,
-          right: triggerRect.right,
-          bottom: triggerRect.bottom,
-          width: triggerRect.width,
-          height: triggerRect.height,
-        },
-        viewport: { width: viewportWidth, height: viewportHeight },
-        placement: node.dataset.popoverPlacement || "",
-        state: node.dataset.popoverState || "",
-        popoverMaxWidth,
-        tokenMaxWidth: tokenValue,
-      };
-    }, triggerHandle);
-  } finally {
-    await triggerHandle.dispose();
-  }
-}
-
 function assertWithinViewport(metrics: {
  rect: { top: number; left: number; right: number; bottom: number };
  viewport: { width: number; height: number };
@@ -101,6 +23,7 @@ function assertWithinViewport(metrics: {

 test.describe("popover layout scenarios", () => {
  test.beforeEach(async ({ page }) => {
+    await ensureTestAssets(page);
    await applyReducedMotion(page);
    failOnConsoleErrors(page);
    await page.goto("/docs/popover-scenarios.html", { waitUntil: "networkidle" });
@@ -198,6 +121,7 @@ test.describe("popover layout scenarios", () => {

 test.describe("popover demo alignments", () => {
  test.beforeEach(async ({ page }) => {
+    await ensureTestAssets(page);
    await applyReducedMotion(page);
    failOnConsoleErrors(page);
    await page.goto("/views/dev/popover-demo.html", { waitUntil: "networkidle" });
@@ -1,6 +1,7 @@
 import { expect, test } from "@playwright/test";
 import {
  applyReducedMotion,
+  ensureTestAssets,
  failOnConsoleErrors,
  forceOpenModal,
 } from "./helpers/uiTestUtils";
@@ -19,6 +20,7 @@ test.describe("login modal flows", () => {
  });

  test.beforeEach(async ({ page }) => {
+    await ensureTestAssets(page);
    await applyReducedMotion(page);
    failOnConsoleErrors(page);
    await page.goto("/components/login-modal.html", { waitUntil: "networkidle" });
@@ -202,6 +204,7 @@ test.describe("component modal pages", () => {

  for (const pageName of modalPages) {
    test(`closes ${pageName} modal`, async ({ page }) => {
+      await ensureTestAssets(page);
      await applyReducedMotion(page);
      failOnConsoleErrors(page);
      await page.goto(`/components/${pageName}.html`, {
@@ -2,5 +2,5 @@
  "contrast": "iVBORw0KGgoAAAANSUhEUgAABQwAAAXVCAIAAADPSQWyAAAQAElEQVR4nOy9ibbkOo4dCtbK///E566udrvb9vI82734MmOUSAwbICgp4nDXrTwSCQ7iAGITlOJXrZUWFhZgYFOGl2pDm/v3LXOlBT0uuogmXPqrFrKt5K6+xsOIYd+O2yMPPfZ4DjeUP/8vFEK5/Q8VjpYiFs2jMldaPrt/HBUQHocN7wO7EEAEztyKCEgNJ9PllVgtIVCJyOPlDtXDUW//s8V4tdtp7H1u+2hxbeLvZV3vWwOEDmqCt7fC9fuSueIihcu2bGg2k2OkffiQXFj4avyihYWFhXGs3baFFPw23PdWY+kEfjx+845lWi8sLCwsLEzEX2hhYWFhYeGqOJwUJxe4SP3CwqWwpuTCwgKCRZIXFr4OYROgDkUvXAtjh7YdKf8cqEwdG3Xz3ytgHzIRUhF5rw6sibTwU7DG+sLCwsdikeSFhR+PCgUtAEh6nTgLYfJ6pUcIcuP6enx34jX681BDUQs/FesrOQsLC5fBIskLCx+BiOmQYm4ImbS2zDJtknAZmu364M5luz+4TZDxDSJX9sKXlgjPISYzH0szLODwj5Y1vhYWFmZhkeSFhQ/DsFGAfB7VCqxAgp/3aevB560zGPJRvVDTD11nod7q9qgeVkP8SfrWPay9c2SyUi38bFRHaFbuCwsLC1OxSPLCggcVNbLxUGfWOCr/t7bxUCYZUl+GG6fd/OdhYWxu9z/5uDPEaEKXP/miPPmOdxPHf0aHyzUgwf1aGmFJobjPwKI+CyGsgbOwsHAEFkleWLgyICN5oskwwJFHPh9Wr24H1R3hGq1unciQ32WMdIhD9uo8+f4fHen3XjtNbtTQ3sOCC2On+S+IAxzX4JsSeFXWMF5YuC4WSV5Y+HQgR59JWYxfnmaVdVfxtLXfB8bKv7Bxzb7uL4mcaj2PWM9/yOCJaC/vfchffJcDeC5u3FXgfHVFpySAGo4cwPceuP70JxuofuqTX78ZK3O1sLCw4MIiyQsLCw0sqwJ6HZIc0A/11heDvojBk/b5pikvIRtlhqiyN8H7APq1EfJ7p/g4zX0oIK/saZiQbnZeC9eEuQN7CayRuLCw4MIiyQsLR6HCsbHFvPK3lY3FcoxuxzvYkYdKPf3LdCYG2nObyXEOZKH46jty/P72laugI081h6Dy5IqR2alDsg7R5O91Ci/kYlShpcF9BonmYs2ghYUfi0WSFxY+FODaXVGB/rB1RXJhz6QShMEPSr3PYx+J8ZeH61XOI9ctW0aTuBu8bl4E/jiD0/vqgiQw9MG/McSOYDjkJ03ARe8/Hym7vWJYBqA1TkqxsLDw5VgkeWEhH4cut9H3H32vmToSqtbtDHJ73NvL46ejM2uY14AvRzGawPuW8pOQ0xWNTMOZDObhTOY6bEGj+ErLPtQuX8+9a3hnJxvhAhcPXVhYuAR+0cLCwifB/TapEFAtAczWqkb8Jny+eXrjYI9SSimUiAR+F3oBts9kd9nlN/bUv/uo0J//AZX48zCIcFvCM/0jZWovhVHlivyuMdOoXYJWrBWo0KMKUmLiPx0GdPl9YrimRHXK66VP6mW+b6xEVxl0TlznxYXz6/GpfbiwsPBRWJ7khYWFP5BPXfNyQqzAhOvhDpxMx/IgQ3796hANor58svvLzX9vj3qwNNeB6pGnqtc5d/4HykOzLxT4T1x3Ase79q7CshY+G+bYvgdmDrdZY7c6Ql1ZLCwsfD4WSV5YSEfkhGZlry3GKmZnSuVYAeirlueYEePO38enwjLsoGEvdG2IsSo93OT4yeuxJ9v+2tf7veXmOWs3P5BWCNRFiqiIuFUbqLb+rSnPloYP9aR5u3A1nLHDaUgI19eBQ4MuLCxcFIskLyx8JpwmeQ1m08qIzP52n7Atn4vHV6MiKZNeoc3J5PWPu+hogY60WZ+wrmy5dRfNjOuaRphl21yr1yY56dmbAdPh/RgAJhx+jsXCPwTVHTm7Z90nOSYWtbCw8KVY7yQvLGQDdAbFll7R0K6SACRdu+S85aNxZP5nXk+3g28ktYpvsBXavd72rG5OrcfPaY8wkFsO4RdLbz2Hpr67uVNeYm34KPs6sJRynyr0znPF3wqueu79W71dAiYHR/lKSV+BL32sj8dJmz3IC+h1vau8sLCQh0WSFxauhhSTA3QkB7LyFHEdT5FUkbLhoamVHXhdN5WoP3cpYnSjVg/1Bb/75asBRXAzlt//eBJW4QEy7O8BlpyK6vjg1eImH4YL6NyELzDUSkdvkCSP4jUpFhY+Huu49cICjq85HYi5nTsZ1Y9MH4nU47r3HHM+05XdnvHf3PrQV1Pvh7efPwTtaFDHS77W6ZCQz606QuWq+EsYwbcoxoUPxxqICwsLeVgkeWHhGGDHoCdln5PNF3LkWTjriLWVd5S74wxzgI3Pw5Mtw9sh6LEIKy/7zck1cRYWOOAz49g5VIGQhYWFr8AiyQsLF8AApzLusUz8qaCz1st4cKEeQJliXzJze8aTPuWVjQr6loXa249kuo7n9fD3Tbb1QnIIq9EWFhYWUrBI8sLCR2LIIYh8+kiPRDgyDeEzbf4RP3B9/DP7yWNV9H3v+uVSvm43hs4v255hGkfovLW7kEv0zCJ0C9fH2uxdWPihWCR5YeEQmC4mO2KouKkZZBkRzQvCP8o2GWDXkcIiRQVI7+7Hna+E+qqbJgIEAQUNCqSVdD0sjnwgVmMvLCwsuLC+br2w8ANwgv3sLZI/nP0n7PYjTR9h4X0STamPn8Uq7o8/1xL8XvS9eX6arV4XPZmGkFr41N4ofz7FXwGx5flcWFhYyMDyJC8swMBsj2WhBLBeXz4Bj/PdzravU/ypX4NPedIDt52CJa2thSCKI/TCWP2/sLBwMhZJXli4GJZt8LH4MV3nPnRNV347+Utw5uibULadZcyPvPQrD61d9o0G9Ez2r6UfguKOWFhY+G4skrywsHA+lulaaBlj34BiBmRl7Iyfifyyl0LgMNYqjqHpKmdKX3kyLeylO+3CwsLCHoskLyz8AJxgCXiLfBlF5eaI+PPfA59kMJcBrlte/xyJj2reD0QZFsCK8WTj+m0lQLYMxMax/MgSZj9llz9T3un7JkurLSwsjGKR5IWFb8SwheBzJVAGNpy4/Egbpwxx7Eh5B6W873vQ5yPhGUpQ5Kzmm1nuSN4/6ptdb4Dz6AoPOjDlgV2cpBevF5VeWFiQsUjywsIFIL3y5T8PBzl1REdAARJzgsUQ/0l4OMHD/uSDePJ7O8KV6v5s/tKav6ejWC9OltCgNn1sU05jw13y3Idy5Dws49dhCH6sGxnuaXKjiDemwi/8ZBk5U6MHFksczncsy4WFhW/GAT8BVff/GNgYiEtNLSyYKCnf0y2b3+fBsmsEfxtJ3UeSf1vj9dpfreaoW939Gcn7biMGmuDFk+usH0+OO3n86S74EZ9b+xZVoGBHSE3STH4BgCJsI0A6tFlaMXlvAqXc5FQl5kX+FouiwLZUdUkAKh3PLJbJKysuI0tkGowNgoWFha+FiyQ/fzCEJmJjFFoKfr1Jt/DJ2BsVw1y3zUDP8BmLFPuW2Vk8UIE5FD4Dz603lLU8/ozT1NtWQTCTCWzZ5IdqdVwJL6eiH8QXqRVgpxPgFjYdbgUohZfTpHkxb284sg5lEouKkZSvMhfiu48D+rihuz37DfFhtiQ7TPJ5s5eo7124diZdWFj4Ivy6uKdHgVTzRZ4XPh0hU6blvT4S7ncld0YRaySVW+ipSmZII2zZxSDXHSG64zncs6GgU9eb8ApauOz/wdMJdQdsdysjkzNLOcZbM+p1RVMZFDlKhFPxhTYBxEg7XW4F+G4xUlzGVJaUp3ADJvNt9tHCwsIPxQHHrY8Ga5Ev5rxwMmCW6s3Hd/iuo9JPS0fJd2MN7Q2jzpnMezjSXAxejHhNuezGmGoOVa7lcaLHk46G2sHFkGccru7zq7xMMZLZBYmVL6xwE+JkjAUpRs3XfMTJDFk/s26caJ+Pb173c7Yfdf+w4T0u0Okln/ovwtvN4p3gAA4S4oWFhYUNvpAks9gsJosvL1wevbUBhAgmimDIiMkNn/IuFD33dzhNnjjLb89yz/0Mqrw9Mmy9+5LRCGcx5NL85WNJlfIVqFBR5Ah0UY+EEnJYW/j8kVIv0uH90RzfJ72GGl1n1zSIH7LK3x+zEv4SXLHUjuVMLtuy+l1SEnwUGJ33HOJgogIcmZUrIgvn7hcWFr4XP4Ukb7D48sI1UII0ycpHN3M6H7JMtre+5LeV01g83Rk83r/xmmuJZ69P+yLU81nehVfsQwr7HAoNvmw88fHd56szKvOm/3S0LaqZ4ZzDl/EKFzVVMXPwUuRUN7JvLwRYOC0nsxZJesZkF04DOMAsOOYFFGyBMYhuexs8EPWg8+Jzq+MP7A+LI7OBbhQoaGFh4SvwA0nyBm+VvejywmxEzQtRrhD2gtnjr+jNLaILeceNN5k33mTXF1y6qYYajIUwA/kUbGmzizC/2PIL075ojeBgbuz4ktZMyOq/gAyZ4cy+e7QkK2InQyDwXsQWSkNqgD/PxIFGAFKUxz/sK7rRuJ26Lvouq5oWUf47BWePvFKYPPo4/nKbkEK46pKzsLBwAH42SX7juWwssrwwDSXCkjm3bhtkvSrWhItG0fv95M1LyNybye2ryYylpPsNetnT0LE0p0+YyXFDmB95eXhvT5u9OYDlDPDb0bR0FdvT+KlkjLeanLlL098nM2TfwWm4MxIYMlkEmgZSP4XoR0FeWJrT0WgGLZHeb4p2R4c60m28LM0pOElU330qYv6v9GyokYFdxMLCws/AIsl7bM+U0sJCBAWlM51toiYEsi3850d7Vr3/iJfqQ2YJc2sb3aZLZxjxoYfDyeg6ivtG1Lnz4L2PxOfkcM+GQJoh1cKddrDEbBTQQJd+J7nYHmCAIauGvyBjRTgkWvksyeG6ARmQLine truncated
  "default": "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 truncated
  "light": "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 truncated
-  "video-modal-mobile": "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 truncated
+  "video-modal-mobile": "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 truncated
 }
@@ -45,7 +45,7 @@ test.describe("design system kitchen sink", () => {

      await page.addStyleTag({
        content:
-          "*, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; animation-delay: 0s !important; caret-color: transparent !important; } ::-webkit-scrollbar { display: none; } body { -ms-overflow-style: none; scrollbar-width: none; }"
+          "*, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; animation-delay: 0s !important; caret-color: transparent !important; } ::-webkit-scrollbar { display: none; } body { -ms-overflow-style: none; scrollbar-width: none; width: 1280px; max-width: 1280px; overflow-x: hidden; margin: 0; }"
      });

      await page.evaluate((value) => {
@@ -131,7 +131,7 @@ test.describe("video modal mobile regression", () => {

      await page.addStyleTag({
        content:
-          "*, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; animation-delay: 0s !important; caret-color: transparent !important; } ::-webkit-scrollbar { display: none; } body { -ms-overflow-style: none; scrollbar-width: none; }"
+          "*, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; animation-delay: 0s !important; caret-color: transparent !important; } ::-webkit-scrollbar { display: none; } body { -ms-overflow-style: none; scrollbar-width: none; width: 390px; max-width: 390px; overflow-x: hidden; margin: 0; }"
      });

      await page.evaluate(() => {