test: add preview regression gate

packages/producer/tests/parity/fixtures/minimal-wysiwyg.html

@@ -4,7 +4,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Parity Fixture</title>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
     <script data-hyperframes-preview-runtime="1" src="hyperframe.runtime.iife.js"></script>
     <style>
       html,
@@ -31,6 +30,24 @@
         height: 200px;
         border-radius: 0px;
         background: linear-gradient(135deg, #06b6d4, #6366f1);
+        animation: parity-card 2s linear both paused;
+      }
+
+      @keyframes parity-card {
+        0% {
+          border-radius: 0px;
+          transform: translateX(0);
+        }
+
+        50% {
+          border-radius: 48px;
+          transform: translateX(50px);
+        }
+
+        100% {
+          border-radius: 12px;
+          transform: translateX(0);
+        }
       }
     </style>
   </head>
@@ -45,24 +62,5 @@
     >
       <div id="animated-card" data-start="0"></div>
     </div>
-    <script>
-      (function () {
-        const tl = gsap.timeline({ paused: true });
-        tl.to("#animated-card", {
-          borderRadius: "48px",
-          x: 50,
-          duration: 1,
-          ease: "none",
-        });
-        tl.to("#animated-card", {
-          borderRadius: "12px",
-          x: 0,
-          duration: 1,
-          ease: "none",
-        });
-        window.__timelines = window.__timelines || {};
-        window.__timelines["main-video"] = tl;
-      })();
-    </script>
   </body>
 </html>