Notify the HTMLDocumentParser on document element available

third_party/WebKit/LayoutTests/fast/images/width-on-broken-data-src.html

Index: third_party/WebKit/LayoutTests/fast/images/width-on-broken-data-src.html
diff --git a/third_party/WebKit/LayoutTests/fast/images/width-on-broken-data-src.html b/third_party/WebKit/LayoutTests/fast/images/width-on-broken-data-src.html
index 9c78289efe9f9e51dce5d0035799767673c7b905..5290ec81971cd62f50560bd3e241342de4cc8575 100644
--- a/third_party/WebKit/LayoutTests/fast/images/width-on-broken-data-src.html
+++ b/third_party/WebKit/LayoutTests/fast/images/width-on-broken-data-src.html
@@ -3,7 +3,9 @@
 <script src="../../resources/check-layout.js"></script>
 <p>crbug.com/522673: Return the correct width for images with broken data: uri's.</p>
 <script>
-    checkLayout("img");
+    window.onload = function() {
+        checkLayout("img");

[kouhei (in TOK), 2016/06/08 05:09:11]

Would you explain this change?

[Charlie Harrison, 2016/06/08 22:25:50]

This is a timing related issue. I think the problem is that we're querying the
image state before the image is fully loaded (or processed). Moving the check to
onload fixes it. You can also observe the problem if you navigate to:

data:text/html;charset=utf-8,<img id='a' src='data:dsa'><script>
console.log(document.getElementById('a').width)</script>

and

data:text/html;charset=utf-8,<img id='a' src='data:dsa'><script>window.onload =
function () { console.log(document.getElementById('a').width)}</script>

The first one reports 0 width and the second reports 20.

+    }
 </script>