Ensure cell's replaced content doesn't get the wrong width

third_party/WebKit/LayoutTests/fast/table/percent-height-replaced-content-in-cell.html

Index: third_party/WebKit/LayoutTests/fast/table/percent-height-replaced-content-in-cell.html
diff --git a/third_party/WebKit/LayoutTests/fast/table/percent-height-replaced-content-in-cell.html b/third_party/WebKit/LayoutTests/fast/table/percent-height-replaced-content-in-cell.html
index dcaeb472b96f0f55b92a75b71e300f7618f0e244..96af436072262e804b1d611ea92368d1a0081bdd 100644
--- a/third_party/WebKit/LayoutTests/fast/table/percent-height-replaced-content-in-cell.html
+++ b/third_party/WebKit/LayoutTests/fast/table/percent-height-replaced-content-in-cell.html
@@ -9,13 +9,18 @@ img {
 </style>
 <table class="test" data-expected-height=100 data-expected-width=82>
     <tr>
-        <td class="test" data-expected-height=96 data-expected-width=78><img src="../../images/resources/border-image-srgb-color-profile.png"></td>
+        <td class="test" data-expected-height=96 data-expected-width=78><img class="test" data-expected-height=94 data-expected-width=94 id="img"></td>
     </tr>
 </table>
 <script src="../../resources/check-layout.js"></script>
-<p> crbug.com/637811: Percent height replaced content in a cell should flex the height of the cell. </p>
+<p> crbug.com/637811: Percent height replaced content in a cell should not flex the height or width of the cell. </p>
 <div id="output"></div>
 <script>
-document.body.offsetTop;
-checkLayout('.test', output);
+img.addEventListener("load", onImageLoaded, false);

[mstensho (USE GERRIT), 2017/05/03 16:21:50]

No need for a forced layout before this? (document.offsetTop)

+img.src = "../../images/resources/border-image-srgb-color-profile.png";
+function onImageLoaded()
+{
+    document.body.offsetTop;
+      checkLayout('.test', output);
+}
 </script>