view-transitions: Deflake massive-element-* WPTs.

Delay the screenshot for the reference file to deflake WPTs. This change is limited to only one WPT of this category. Subsequent tests will follow if this change sticks. R=vmpstr@chromium.org Bug: 1409713 Change-Id: I88857421cff36fbb36ffe94ec12e12c089eb3bf3 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4389463 Commit-Queue: Khushal Sagar <khushalsagar@chromium.org> Auto-Submit: Khushal Sagar <khushalsagar@chromium.org> Reviewed-by: Vladimir Levin <vmpstr@chromium.org> Cr-Commit-Position: refs/heads/main@{#1124860}
web-platform-tests · Mar 31, 2023 · 720672c · 720672c
1 parent 848941f
commit 720672c
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/css/css-view-transitions/massive-element-on-top-of-viewport-offscreen-ref.html b/css/css-view-transitions/massive-element-on-top-of-viewport-offscreen-ref.html
@@ -1,7 +1,11 @@
 <!DOCTYPE html>
+<html class=reftest-wait>
 <title>View transitions: massive element on top of viewport and completely offscreen (ref)</title>
 <link rel="help" href="https://github.com/WICG/view-transitions">
 <link rel="author" href="mailto:khushalsagar@chromium.org">
+<script src="/common/rendering-utils.js"></script>
+<script src="/common/reftest-wait.js"></script>
+
 <style>
 .target_at_bottom_edge {
   position: fixed;
@@ -13,7 +17,6 @@
   contain: paint;
   inline-size: 100px;
   block-size: 40000px;
-  view-transition-name: target;
 }
 
 .top {
@@ -41,3 +44,14 @@
   <div id="scrollblue" class="bottom">This text is at the bottom of the box</div>
 </div>
 </body>
+<script>
+  async function delayScreenshot() {
+    let frames = 4;
+    for (let i = 0; i < frames; i++)
+      await waitForAtLeastOneFrame();
+    takeScreenshot();
+  }
+
+  onload = delayScreenshot();
+</script>
+</html>