@specific.dev/spectest 0.24.0 → 0.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@specific.dev/spectest",
-  "version": "0.24.0",
+  "version": "0.26.0",
   "description": "Spectest SDK for defining test environments in TypeScript.",
   "type": "module",
   "main": "./src/index.ts",

package/src/browser.ts

@@ -403,6 +403,12 @@ function deviceContextOptions(d: DevicePreset) {
     isMobile: d.isMobile,
     hasTouch: d.hasTouch,
     userAgent: d.userAgent,
+    // Emulate `prefers-reduced-motion: reduce` for replay fidelity — an app
+    // that honors it skips entrance animations/transitions, so rrweb's
+    // per-op FullSnapshot captures the settled DOM instead of a mid-fade
+    // (opacity 0) frame that a paused seek would freeze on. Applied at every
+    // newContext site below so all sessions record the same way.
+    reducedMotion: "reduce" as const,
   };
 }
 
@@ -411,6 +417,8 @@ async function ensureDesktopContext(): Promise<BrowserContext> {
   if (DESKTOP_CTX) return DESKTOP_CTX;
   DESKTOP_CTX = await browser.newContext({
     viewport: { width: 1280, height: 720 },
+    // Reduced-motion for replay fidelity — see deviceContextOptions.
+    reducedMotion: "reduce",
   });
   DESKTOP_CTX.setDefaultTimeout(DEFAULT_ACTION_TIMEOUT_MS);
   DESKTOP_CTX.setDefaultNavigationTimeout(NAVIGATION_TIMEOUT_MS);
@@ -1031,7 +1039,11 @@ async function contextFor(
     return { context: await ensureDesktopContext(), ownsContext: false };
   }
   const browser = await ensurePlaywrightBrowser();
-  const context = await browser.newContext({ viewport: { width, height } });
+  const context = await browser.newContext({
+    viewport: { width, height },
+    // Reduced-motion for replay fidelity — see deviceContextOptions.
+    reducedMotion: "reduce",
+  });
   context.setDefaultTimeout(DEFAULT_ACTION_TIMEOUT_MS);
   context.setDefaultNavigationTimeout(NAVIGATION_TIMEOUT_MS);
   return { context, ownsContext: true };