Bug 1924012 [wpt PR 48575] - css-shapes: Fix flakiness of shape-image-029.html, a=testonly

tkent-google · moz-wptsync-bot · commit d801f8fbdbad · 2024-10-14T09:15:10.000Z
Automatic update from web-platform-tests css-shapes: Fix flakiness of shape-image-029.html Wait until 'support/left-half-rectangle.png' loaded. Bug: 372252514, 372756068 Change-Id: I106ab5e4de34be91f4365129011aec58f19c936a Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5923354 Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Auto-Submit: Kent Tamura <tkent@chromium.org> Commit-Queue: Kent Tamura <tkent@chromium.org> Cr-Commit-Position: refs/heads/main@{#1367293} -- wpt-commits: 4630a18e4df986614b1a68b277e70caba40dd66b wpt-pr: 48575
diff --git a/testing/web-platform/tests/css/css-shapes/shape-outside/shape-image/shape-image-029.html b/testing/web-platform/tests/css/css-shapes/shape-outside/shape-image/shape-image-029.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<html class="reftest-wait">
 <link rel="help" href="https://drafts.csswg.org/css-shapes-2/#shapes-from-image"/>
 <link rel="help" href="https://drafts.csswg.org/css-shapes-2/#shape-outside-property"/>
 <meta name="flags" content="ahem"/>
@@ -42,3 +43,20 @@
 XXXXXX
 XXXXXX
 </div>
+
+<script>
+// A workaround of an issue of Chromium content_shell.  It finishes a test
+// without waiting images linked from url().  crbug.com/372756068
+const image = new Image();
+image.src = 'support/left-half-rectangle.png';
+image.addEventListener('load', () => {
+  image.remove();
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      document.documentElement.classList.remove('reftest-wait');
+    });
+  });
+});
+document.body.appendChild(image);
+</script>
+</html>
