Deflake external/wpt/css/css-backgrounds/background-image-first-line.html

Wait another frame before ending the test because blink sometimes needs
another frame to update the background-image of ::first-line.

Bug: 922079
Change-Id: I694f9450b386fb8c50a8becb7ba52ec78e47b910
Reviewed-on: https://chromium-review.googlesource.com/c/1412818
Reviewed-by: Rune Lillesveen <futhark@chromium.org>
Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org>
Cr-Commit-Position: refs/heads/master@{#623055}
diff --git a/css/css-backgrounds/background-image-first-line.html b/css/css-backgrounds/background-image-first-line.html
index c8dee70..206ff68 100644
--- a/css/css-backgrounds/background-image-first-line.html
+++ b/css/css-backgrounds/background-image-first-line.html
@@ -1,6 +1,9 @@
 <!DOCTYPE html>
-<title>CSS Test: background-image applicability to ::first-letter</title>
-<link rel="help" href="http://www.w3.org/TR/css3-background/">
+<html class="reftest-wait">
+<title>CSS Test: background-image applicability to ::first-line</title>
+<link rel="help" href="http://www.w3.org/TR/css3-background/#placement">
+<link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-image">
+<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
 <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo">
 <link rel="match" href="reference/background-image-first-line-ref.html">
 <meta name="flags" content="ahem image">
@@ -17,3 +20,11 @@
 </style>
 <p>Test passes if cat image is visible.</p>
 <div id="content">X</div>
+<script src="/common/reftest-wait.js"></script>
+<script>
+// Some browser may delay one frame to update the background-image in first-line.
+onload = () => {
+  requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
+};
+</script>
+</html>
\ No newline at end of file