@validate.qa/runner 1.0.101 → 1.0.102

package/dist/{chunk-FQUH2PU2.mjs → chunk-CBVHPYVJ.mjs}

@@ -1,7 +1,7 @@
 import {
   dist_exports,
   init_dist
-} from "./chunk-IGXGSDE3.mjs";
+} from "./chunk-3JM6XTSZ.mjs";
 import {
   __commonJS,
   __esm,
@@ -67455,23 +67455,41 @@ var require_harness_init_script = __commonJS({
     exports.isHarnessInitConsoleLine = isHarnessInitConsoleLine;
     exports.stripHarnessConsoleEntries = stripHarnessConsoleEntries;
     var node_crypto_1 = __require("crypto");
+    var shared_1 = (init_dist(), __toCommonJS(dist_exports));
     exports.HARNESS_INIT_SOURCE_URL = `vqa-harness-init-${(0, node_crypto_1.randomBytes)(4).toString("hex")}.js`;
+    var TRANSITION_LOOP_LIMIT = 8;
+    var TRANSITION_LOOP_WINDOW_MS = 1e3;
     function withHarnessSourceUrl(content) {
       return `${content}
 //# sourceURL=${exports.HARNESS_INIT_SOURCE_URL}`;
     }
     function buildAnimationDisablingSource(opts) {
+      const finishTransitions = opts.finishTransitions ?? (0, shared_1.parseBoolFlag)(process.env.HARNESS_FINISH_CSS_TRANSITIONS);
+      const css = finishTransitions ? "*, *::before, *::after { animation-duration: 0s !important; animation-delay: 0s !important; }" : "*, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; transition-delay: 0s !important; animation-delay: 0s !important; }";
       return withHarnessSourceUrl(`(() => {
   // Layer 1: CSS transitions and animations - instant, not removed
   // (duration 0s preserves final state; 'none' would prevent keyframes from completing)
+  // The rule goes in a constructed stylesheet on document.adoptedStyleSheets, which adds no node to the DOM:
+  // a <style> element changed what the test sees (locator('style') and 'head > *' counts, document.styleSheets,
+  // an iframe's empty head), so a spec stock Playwright passes failed. The <style> is the fallback for a
+  // browser with no constructable stylesheets.
+  let adopted = false;
   try {
+    if (typeof CSSStyleSheet === 'function' && typeof Document === 'function' && 'adoptedStyleSheets' in Document.prototype) {
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(${JSON.stringify(css)});
+      document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+      adopted = true;
+    }
+  } catch (e) {}
+  if (!adopted) try {
     let applied = false;
     const apply = () => {
       if (applied) return true;
       const root = document.head || document.documentElement;
       if (!root) return false;
       const style = document.createElement('style');
-      style.textContent = '*, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; transition-delay: 0s !important; animation-delay: 0s !important; }';
+      style.textContent = ${JSON.stringify(css)};
       root.appendChild(style);
       applied = true;
       return true;
@@ -67493,6 +67511,48 @@ ${opts.hideWebdriver ? `
   try {
     Object.defineProperty(navigator, 'webdriver', { get: () => undefined });
   } catch (e) {}
+` : ""}
+${finishTransitions ? `
+  // Layer 1b: CSS transitions run, and are finished as they start, so transitionend fires.
+  // - finish() is deferred to a task: called inside the transitionrun dispatch (or a microtask of it) after a
+  //   real input event, Chromium finishes the transition but never fires its transitionstart/transitionend.
+  // - setTimeout and performance.now are the ones present when this script runs, before the page's own
+  //   scripts: fake timers the page installs later cannot hold a finish back.
+  // - The subtree is walked only for a pseudo-element's transition (its animations hang off the element).
+  // - An element whose same transition restarts more than ${TRANSITION_LOOP_LIMIT} times within ${TRANSITION_LOOP_WINDOW_MS} ms (an app that starts it again on
+  //   each transitionend: carousel, pulse) is left to run at its own pace from then on, instead of cycling at
+  //   frame rate for the rest of the run.
+  try {
+    const st = setTimeout;
+    const perf = typeof performance === 'object' && performance && typeof performance.now === 'function' ? performance : null;
+    const now = perf ? perf.now.bind(perf) : Date.now;
+    const seen = new WeakMap();
+    const looping = (el, key) => {
+      let byKey = seen.get(el);
+      if (!byKey) { byKey = new Map(); seen.set(el, byKey); }
+      const t = now();
+      let s = byKey.get(key);
+      if (s && s.loop) return true;
+      if (!s || t - s.since > ${TRANSITION_LOOP_WINDOW_MS}) { s = { n: 0, since: t, loop: false }; byKey.set(key, s); }
+      s.n += 1;
+      if (s.n > ${TRANSITION_LOOP_LIMIT}) s.loop = true;
+      return s.loop;
+    };
+    window.addEventListener('transitionrun', (ev) => {
+      try {
+        const el = ev && ev.target;
+        if (!el || typeof el.getAnimations !== 'function' || typeof CSSTransition !== 'function') return;
+        const pseudo = ev.pseudoElement || '';
+        if (looping(el, ev.propertyName + '|' + pseudo)) return;
+        for (const a of (pseudo ? el.getAnimations({ subtree: true }) : el.getAnimations())) {
+          if (a instanceof CSSTransition && a.transitionProperty === ev.propertyName && a.effect
+            && a.effect.target === el && (a.effect.pseudoElement || '') === pseudo) {
+            st(() => { try { a.finish(); } catch (e) {} }, 0);
+          }
+        }
+      } catch (e) {}
+    }, true);
+  } catch (e) {}
 ` : ""}
   // Layer 2: Web Animations API - make instant instead of no-op
   // (preserves animation completion callbacks that app code may depend on)