third_party/WebKit/LayoutTests/images/rendering-broken-16px-images.html - Issue 2593263003: Use a non-replaced inline container for image alt text

Unified Diff: third_party/WebKit/LayoutTests/images/rendering-broken-16px-images.html

Issue 2593263003: Use a non-replaced inline container for image alt text (Closed)

Patch Set: Use a non-replaced inline container for image alt text Created 3 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

« no previous file with comments | « third_party/WebKit/LayoutTests/images/rendering-broken-10px-images.html ('k') | third_party/WebKit/LayoutTests/images/rendering-broken-1px-images.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/images/rendering-broken-16px-images.html

diff --git a/third_party/WebKit/LayoutTests/images/rendering-broken-16px-images.html b/third_party/WebKit/LayoutTests/images/rendering-broken-16px-images.html

new file mode 100644

index 0000000000000000000000000000000000000000..8ebdb553c3e09963c494ec1d5556fecef2fa7791

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/images/rendering-broken-16px-images.html

@@ -0,0 +1,60 @@

+<!DOCTYPE html>

+<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:16px; width:16px; background-color: green;"/> <br>

+2.<img src="test.jpg" alt="alt text" style="width:16px; background-color: green;"/><br>

+3.<img src="test.jpg" alt="alt text" style="height:16px; 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="test.jpg" style="height:16px; width:16px; background-color: green;"/><br>

+2.<img src="test.jpg" style="width:16px; background-color: green;"/><br>

+3.<img src="test.jpg" style="height:16px; background-color: green;"/><br>

+4.<img src="test.jpg" />

+</div>

+<div style="break-inside: avoid;">

+<p>Different dimensions, no alt text, src = ""</p>

+1.<img src="" style="height:16px; width:16px; background-color: green;"/><br>

+2.<img src="" style="width:16px; background-color: green;"/><br>

+3.<img src="" style="height:16px; 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:16px; width:16px; background-color: green;"/> <br>

+2.<img style="width:16px; background-color: green;"/> <br>

+3.<img style="height:16px; 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:16px; width:16px; background-color: green;"/> <br>

+2.<img src="" alt="alt text" style="width:16px; background-color: green;"/> <br>

+3.<img src="" alt="alt text" style="height:16px; 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:16px; width:16px; background-color: green;"/> <br>

+2.<img alt="alt text" style="width:16px; background-color: green;"/> <br>

+3.<img alt="alt text" style="height:16px; 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:16px; width:16px; background-color: green;"/> <br>

+2.<img src alt="alt text" style="width:16px; background-color: green;"/> <br>

+3.<img src alt="alt text" style="height:16px; background-color: green;"/> <br>

+4.<img src /> <br>

+</div>