Redefine requestAnimationFrame and setImmediate so that the sp3 benchmark captures all the work

julienw · julienw · commit 12875ea99f19 · 2024-02-15T16:33:13.000+01:00
diff --git a/resources/tentative/todomvc-react-18/dist/index.html b/resources/tentative/todomvc-react-18/dist/index.html
@@ -9,5 +9,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.
+            window.setImmediate = (cb) => {
+                Promise.resolve().then(() => cb());
+            };
+        </script>
     </body>
 </html>
diff --git a/resources/tentative/todomvc-react-18/index.html b/resources/tentative/todomvc-react-18/index.html
@@ -7,6 +7,17 @@
     </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.
+            window.setImmediate = (cb) => {
+                Promise.resolve().then(() => cb());
+            };
+        </script>
         <script type="module" src="/src/main.tsx"></script>
     </body>
 </html>
