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

Side by Side 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:

« 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 »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <p>crbug.com/644802: Render alt text per html5 spec</p>

	3 <div style="columns:4; -moz-columns: 4; height: 800px;">

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

	5 <p>Different dimensions, empty alt text</p>

	6 1.<img alt="" src="test.jpg" style="height:25px; width:25px; background-colo r: green;"/><br>

	7 2.<img alt="" src="test.jpg" style="height:50px; width:50px; background-colo r: green;"/><br>

	8 3.<img alt="" src="test.jpg" style="width:50px; background-color: green;"/>< br>

	9 4.<img alt="" src="test.jpg" style="height:50px; background-color: green;"/> <br>

	10 5.<img alt="" src="test.jpg" />

	11 </div>

	12

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

	14 <p>Different dimensions, empty alt text, src = ""</p>

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

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

	17 3.<img alt="" src="" style="width:50px; background-color: green;"/><br>

	18 4.<img alt="" src="" style="height:50px; background-color: green;"/><br>

	19 5.<img alt="" src="" /><br>

	20 </div>

	21

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

	23 <p>Different dimensions, empty alt text, no src</p>

	24 1.<img alt="" style="height:25px; width:25px; background-color: green;"/> <b r>

	25 2.<img alt="" style="height:50px; width:50px; background-color: green;"/> <b r>

	26 3.<img alt="" style="width:50px; background-color: green;"/> <br>

	27 4.<img alt="" style="height:50px; background-color: green;"/> <br>

	28 5.<img alt="" />

	29 </div>

	30

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

	32 <p>Different dimensions, empty alt text, src = </p>

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

	34 2.<img src alt="" style="height:50px; width:50px; background-color: green;"/ > <br>

	35 3.<img src alt="" style="width:50px; background-color: green;"/> <br>

	36 4.<img src alt="" style="height:50px; background-color: green;"/> <br>

	37 5.<img src alt=""/> <br>

	38 </div>

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

	40 <p>Different dimensions, no alt text</p>

	41 1.<img alt src="test.jpg" style="height:25px; width:25px; background-color: green;"/><br>

	42 2.<img alt src="test.jpg" style="height:50px; width:50px; background-color: green;"/><br>

	43 3.<img alt src="test.jpg" style="width:50px; background-color: green;"/><br>

	44 4.<img alt src="test.jpg" style="height:50px; background-color: green;"/><br >

	45 5.<img alt src="test.jpg" />

	46 </div>

	47

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

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

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

	51 2.<img alt src="" style="height:50px; width:50px; background-color: green;"/ ><br>

	52 3.<img alt src="" style="width:50px; background-color: green;"/><br>

	53 4.<img alt src="" style="height:50px; background-color: green;"/><br>

	54 5.<img alt src="" /><br>

	55 </div>

	56

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

	58 <p>Different dimensions, no alt text, no src</p>

	59 1.<img alt style="height:25px; width:25px; background-color: green;"/> <br>

	60 2.<img alt style="height:50px; width:50px; background-color: green;"/> <br>

	61 3.<img alt style="width:50px; background-color: green;"/> <br>

	62 4.<img alt style="height:50px; background-color: green;"/> <br>

	63 5.<img alt />

	64 </div>

	65

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

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

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

	69 2.<img src alt style="height:50px; width:50px; background-color: green;"/> < br>

	70 3.<img src alt style="width:50px; background-color: green;"/> <br>

	71 4.<img src alt style="height:50px; background-color: green;"/> <br>

	72 5.<img src alt/> <br>

	73 </div>

	74 </div>

	75

OLD	NEW