Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(387)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/images/rendering-broken-images-empty-alt.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
Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/images/rendering-broken-images.html ('k') | third_party/WebKit/LayoutTests/images/width-on-broken-data-src.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/images/rendering-broken-images-empty-alt.html
diff --git a/third_party/WebKit/LayoutTests/images/rendering-broken-images-empty-alt.html b/third_party/WebKit/LayoutTests/images/rendering-broken-images-empty-alt.html
new file mode 100644
index 0000000000000000000000000000000000000000..d1b50365211beb2e452fee72d5b16291182bc6ee
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/images/rendering-broken-images-empty-alt.html
@@ -0,0 +1,75 @@
+<!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, empty alt text</p>
+ 1.<img alt="" src="test.jpg" style="height:25px; width:25px; background-color: green;"/><br>
+ 2.<img alt="" src="test.jpg" style="height:50px; width:50px; background-color: green;"/><br>
+ 3.<img alt="" src="test.jpg" style="width:50px; background-color: green;"/><br>
+ 4.<img alt="" src="test.jpg" style="height:50px; background-color: green;"/><br>
+ 5.<img alt="" src="test.jpg" />
+ </div>
+
+ <div style="break-inside: avoid;">
+ <p>Different dimensions, empty alt text, src = ""</p>
+ 1.<img alt="" src="" style="height:25px; width:25px; background-color: green;"/><br>
+ 2.<img alt="" src="" style="height:50px; width:50px; background-color: green;"/><br>
+ 3.<img alt="" src="" style="width:50px; background-color: green;"/><br>
+ 4.<img alt="" src="" style="height:50px; background-color: green;"/><br>
+ 5.<img alt="" src="" /><br>
+ </div>
+
+ <div style="break-inside: avoid;">
+ <p>Different dimensions, empty alt text, no src</p>
+ 1.<img alt="" style="height:25px; width:25px; background-color: green;"/> <br>
+ 2.<img alt="" style="height:50px; width:50px; background-color: green;"/> <br>
+ 3.<img alt="" style="width:50px; background-color: green;"/> <br>
+ 4.<img alt="" style="height:50px; background-color: green;"/> <br>
+ 5.<img alt="" />
+ </div>
+
+ <div style="break-inside: avoid;">
+ <p>Different dimensions, empty alt text, src = </p>
+ 1.<img src alt="" style="height:25px; width:25px; background-color: green;"/> <br>
+ 2.<img src alt="" style="height:50px; width:50px; background-color: green;"/> <br>
+ 3.<img src alt="" style="width:50px; background-color: green;"/> <br>
+ 4.<img src alt="" style="height:50px; background-color: green;"/> <br>
+ 5.<img src alt=""/> <br>
+ </div>
+ <div style="break-inside: avoid;">
+ <p>Different dimensions, no alt text</p>
+ 1.<img alt src="test.jpg" style="height:25px; width:25px; background-color: green;"/><br>
+ 2.<img alt src="test.jpg" style="height:50px; width:50px; background-color: green;"/><br>
+ 3.<img alt src="test.jpg" style="width:50px; background-color: green;"/><br>
+ 4.<img alt src="test.jpg" style="height:50px; background-color: green;"/><br>
+ 5.<img alt src="test.jpg" />
+ </div>
+
+ <div style="break-inside: avoid;">
+ <p>Different dimensions, no alt text, src = ""</p>
+ 1.<img alt src="" style="height:25px; width:25px; background-color: green;"/><br>
+ 2.<img alt src="" style="height:50px; width:50px; background-color: green;"/><br>
+ 3.<img alt src="" style="width:50px; background-color: green;"/><br>
+ 4.<img alt src="" style="height:50px; background-color: green;"/><br>
+ 5.<img alt src="" /><br>
+ </div>
+
+ <div style="break-inside: avoid;">
+ <p>Different dimensions, no alt text, no src</p>
+ 1.<img alt style="height:25px; width:25px; background-color: green;"/> <br>
+ 2.<img alt style="height:50px; width:50px; background-color: green;"/> <br>
+ 3.<img alt style="width:50px; background-color: green;"/> <br>
+ 4.<img alt style="height:50px; background-color: green;"/> <br>
+ 5.<img alt />
+ </div>
+
+ <div style="break-inside: avoid;">
+ <p>Different dimensions, no alt text, src = </p>
+ 1.<img src alt style="height:25px; width:25px; background-color: green;"/> <br>
+ 2.<img src alt style="height:50px; width:50px; background-color: green;"/> <br>
+ 3.<img src alt style="width:50px; background-color: green;"/> <br>
+ 4.<img src alt style="height:50px; background-color: green;"/> <br>
+ 5.<img src alt/> <br>
+ </div>
+</div>
+
« no previous file with comments | « third_party/WebKit/LayoutTests/images/rendering-broken-images.html ('k') | third_party/WebKit/LayoutTests/images/width-on-broken-data-src.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698