Try to deflake fast/reflections/reflection-masks-outset.html

Ensure the reflection mask image is loaded before ending the test. Will update TestExpectations later if the test will no longer be flaky. Bug: 777259 Change-Id: I2ed912f650c80a12ac51308799173a54ffe35314 Reviewed-on: https://chromium-review.googlesource.com/744288 Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org> Reviewed-by: Philip Rogers <pdr@chromium.org> Cr-Commit-Position: refs/heads/master@{#512872}

Try to deflake fast/reflections/reflection-masks-outset.html
Ensure the reflection mask image is loaded before ending the test. Will update TestExpectations later if the test will no longer be flaky. Bug: 777259 Change-Id: I2ed912f650c80a12ac51308799173a54ffe35314 Reviewed-on: https://chromium-review.googlesource.com/744288 Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org> Reviewed-by: Philip Rogers <pdr@chromium.org> Cr-Commit-Position: refs/heads/master@{#512872}
a536ab7a · Xianzhu Wang · Commit Bot · 3ab9404e · a536ab7a · a536ab7a
Commit a536ab7a authored Oct 31, 2017 by Xianzhu Wang Committed by Commit Bot Oct 31, 2017
2 changed files
--- a/third_party/WebKit/LayoutTests/fast/reflections/reflection-masks-outset-expected.txt
+++ b/third_party/WebKit/LayoutTests/fast/reflections/reflection-masks-outset-expected.txt
 layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
-layer at (0,0) size 800x600
-  LayoutBlockFlow {HTML} at (0,0) size 800x600
-    LayoutBlockFlow {BODY} at (8,8) size 784x584
+layer at (0,0) size 800x357
+  LayoutBlockFlow {HTML} at (0,0) size 800x357
+    LayoutBlockFlow {BODY} at (8,8) size 784x341
      LayoutText {#text} at (0,0) size 0x0
 layer at (28,28) size 335x296
  LayoutImage {IMG} at (20,20) size 335x296
--- a/third_party/WebKit/LayoutTests/fast/reflections/reflection-masks-outset.html
+++ b/third_party/WebKit/LayoutTests/fast/reflections/reflection-masks-outset.html
-<img src="resources/kate.png" style="margin:20px; outline:20px solid green; -webkit-box-reflect:below 2px url(resources/vignette-mask.png) 75 / auto / 25px stretch">
+<!DOCTYPE html>
+<img id="target" src="resources/kate.png"
+    style="margin:20px; outline:20px solid green;
+           -webkit-box-reflect: below 2px url(resources/vignette-mask.png) 75 / auto / 25px stretch">
+<script src="../../resources/run-after-layout-and-paint.js"></script>
+<script>
+if (window.testRunner)
+  testRunner.waitUntilDone();
+// Ensure the reflect mask image is loaded before ending the test.
+var imageLoader = new Image();
+imageLoader.onload = function() {
+  runAfterLayoutAndPaint(function() {}, true);
+};
+imageLoader.src = 'resources/vignette-mask.png';
+</script>