Redefine requestAnimationFrame and setImmediate so that the sp3 bench…

…mark captures all the work
WebKit · Feb 15, 2024 · 1fb190e · 1fb190e
1 parent 00651bc
commit 1fb190e
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/resources/tentative/todomvc-react-18/dist/index.html b/resources/tentative/todomvc-react-18/dist/index.html
@@ -9,5 +9,15 @@
     </head>
     <body>
         <div id="root"></div>
+        <script>
+            // Because the benchmark runner can't easily capture work happening in
+            // a rAF, let's mock it as a setTimeout instead.
+            window.requestAnimationFrame = (cb) => window.setTimeout(cb, 0);
+            // We also define a setImmediate to use a microtask, so that some
+            // work that wouldn't be captured by our benchmark runner is
+            // now properly captured. This isn't a perfect polyfill but good
+            // enough for this workload.
+            window.setImmediate = window.queueMicrotask;
+        </script>
     </body>
 </html>
diff --git a/resources/tentative/todomvc-react-18/index.html b/resources/tentative/todomvc-react-18/index.html
@@ -7,6 +7,16 @@
     </head>
     <body>
         <div id="root"></div>
+        <script>
+            // Because the benchmark runner can't easily capture work happening in
+            // a rAF, let's mock it as a setTimeout instead.
+            window.requestAnimationFrame = (cb) => window.setTimeout(cb, 0);
+            // We also define a setImmediate to use a microtask, so that some
+            // work that wouldn't be captured by our benchmark runner is
+            // now properly captured. This isn't a perfect polyfill but good
+            // enough for this workload.
+            window.setImmediate = window.queueMicrotask;
+        </script>
         <script type="module" src="/src/main.tsx"></script>
     </body>
 </html>