Render 0px broken images correctly in quirks mode

third_party/WebKit/LayoutTests/images/rendering-broken-0px-images-quirk.html

Index: third_party/WebKit/LayoutTests/images/rendering-broken-0px-images-quirk.html
diff --git a/third_party/WebKit/LayoutTests/images/rendering-broken-0px-images-quirk.html b/third_party/WebKit/LayoutTests/images/rendering-broken-0px-images-quirk.html
new file mode 100644
index 0000000000000000000000000000000000000000..9c72fc7a3997f7027f7f0acb5bba6befaa2dedbf
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/images/rendering-broken-0px-images-quirk.html
@@ -0,0 +1,59 @@
+<p>crbug.com/644802: Render alt text per html5 spec</p>
+<div style="columns:4; -moz-columns: 4; height: 800px;">
+<div style="break-inside: avoid;">
+<p>Different dimensions</p>
+1.<img src="test.jpg" alt="alt text" style="height:0px; width:0px; background-color: green;"/> <br>
+2.<img src="test.jpg" alt="alt text" style="width:0px; background-color: green;"/><br>
+3.<img src="test.jpg" alt="alt text" style="height:0px; background-color: green;"/><br>
+4.<img src="test.jpg" alt="alt text" style="background-color: green;"/>
+</div>
+
+<div style="break-inside: avoid;">
+<p>Different dimensions, no alt text</p>
+1.<img src="est.jpg" style="height:0px; width:0px; background-color: green;"/><br>
+2.<img src="est.jpg" style="width:0px; background-color: green;"/><br>
+3.<img src="est.jpg" style="height:0px; background-color: green;"/><br>
+4.<img src="est.jpg" />
+</div>
+
+<div style="break-inside: avoid;">
+<p>Different dimensions, no alt text,  src = ""</p>
+1.<img src="" style="height:0px; width:0px; background-color: green;"/><br>
+2.<img src="" style="width:0px; background-color: green;"/><br>
+3.<img src="" style="height:0px; background-color: green;"/><br>
+4.<img src="" /><br>
+</div>
+
+<div style="break-inside: avoid;">
+<p>Different dimensions, no alt text, no src</p>
+1.<img style="height:0px; width:0px; background-color: green;"/> <br>
+2.<img style="width:0px; background-color: green;"/> <br>
+3.<img style="height:0px; background-color: green;"/> <br>
+4.<img />
+</div>
+
+<div style="break-inside: avoid;">
+<p>Different dimensions, alt text,  src = ""</p>
+1.<img src="" alt="alt text" style="height:0px; width:0px; background-color: green;"/> <br>
+2.<img src="" alt="alt text" style="width:0px; background-color: green;"/> <br>
+3.<img src="" alt="alt text" style="height:0px; background-color: green;"/> <br>
+4.<img src="" /> <br>
+</div>
+
+<div style="break-inside: avoid;">
+<p>Different dimensions, alt text, no src</p>
+1.<img alt="alt text" style="height:0px; width:0px; background-color: green;"/> <br>
+2.<img alt="alt text" style="width:0px; background-color: green;"/> <br>
+3.<img alt="alt text" style="height:0px; background-color: green;"/> <br>
+4.<img alt="alt text"/> <br>
+</div>
+
+<div style="break-inside: avoid;">
+<p>Different dimensions, alt text,  src = </p>
+1.<img src alt="alt text" style="height:0px; width:0px; background-color: green;"/> <br>
+2.<img src alt="alt text" style="width:0px; background-color: green;"/> <br>
+3.<img src alt="alt text" style="height:0px; background-color: green;"/> <br>
+4.<img src /> <br>
+</div>
+</div>
+