Do not composite an animation with an infinite iteration duration

kevers-google · chromium-wpt-export-bot · commit 05ca2a4e6974 · 2025-03-07T10:34:40.000-08:00
Bug: 400741639 Change-Id: Ieb6fca9acfcad0bbd911019c6271795aaa01d91c Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6329728 Reviewed-by: Vladimir Levin <vmpstr@chromium.org> Commit-Queue: Kevin Ellis <kevers@chromium.org> Cr-Commit-Position: refs/heads/main@{#1429581}
diff --git a/web-animations/crashtests/effectively-infinite-timing-parameters.html b/web-animations/crashtests/effectively-infinite-timing-parameters.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html class='test-wait'>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Starting an animation with an effectively infinite timing parameters
+  </title>
+</head>
+<!-- crbug.com/400741639 -->
+<body>
+  <div id="target">test</div>
+</body>
+<script>
+  async function raf(n) {
+    return new Promise(resolve => {
+      const tick = () => {
+        if (--n) {
+          requestAnimationFrame(tick);
+        } else {
+          resolve();
+        }
+      }
+      requestAnimationFrame(tick);
+    });
+  };
+
+  window.onload = async () => {
+    const target = document.getElementById('target');
+    const anim = target.animate([
+        {"transform": "scale(2)"},
+        {"transform": "none"}
+      ], {
+        duration: 95903184853313357582278077554606,
+        iterationStart: 3.165661661777848e+19,
+      });
+    await anim.ready;
+    await raf(5);
+    document.documentElement.classList.remove('test-wait');
+  };
+</script>
+</html>
