LayoutTests/css3/flexbox/flexitem.html - Issue 26390004: Rework SVG sizing

Side by Side Diff: LayoutTests/css3/flexbox/flexitem.html

Issue 26390004: Rework SVG sizing (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Fix mishap during rebase in svg.css Created 6 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:

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <link href="resources/flexbox.css" rel="stylesheet">	3 <link href="resources/flexbox.css" rel="stylesheet">

4 <style>	4 <style>

5 .flexbox {	5 .flexbox {

6 width: 600px;	6 width: 600px;

7 background-color: #aaa;	7 background-color: #aaa;

8 position: relative;	8 position: relative;

9 min-height: 10px;	9 min-height: 10px;

10 }	10 }

(...skipping 35 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
46 <img data-expected-display="block" data-expected-width="200" style="flex: 1 0 auto;" src="../images/resources/blue-100.png">	46 <img data-expected-display="block" data-expected-width="200" style="flex: 1 0 auto;" src="../images/resources/blue-100.png">

47 <img data-expected-display="block" data-expected-width="200" data-expected-hei ght="100" style="flex: 2 0 0;" src="doesnotexist.png">	47 <img data-expected-display="block" data-expected-width="200" data-expected-hei ght="100" style="flex: 2 0 0;" src="doesnotexist.png">

48 <img data-expected-display="block" data-expected-width="200" data-expected-hei ght="100" style="flex: 2 0 0;" src="doesnotexist.png" alt="placeholder text">	48 <img data-expected-display="block" data-expected-width="200" data-expected-hei ght="100" style="flex: 2 0 0;" src="doesnotexist.png" alt="placeholder text">

49 </div>	49 </div>

50	50

51 <div class="flexbox">	51 <div class="flexbox">

52 <svg data-expected-display="block" data-expected-width="100" style="flex: 1 0 auto; width: 100px; height: 100px">	52 <svg data-expected-display="block" data-expected-width="100" style="flex: 1 0 auto; width: 100px; height: 100px">

53 <circle cx="50" cy="50" r="50" fill="blue">	53 <circle cx="50" cy="50" r="50" fill="blue">

54 </circle>	54 </circle>

55 </svg>	55 </svg>

56 <svg data-expected-display="block" data-expected-width="500" style="flex: 1 1 auto; height: 100px">	56 <svg data-expected-display="block" data-expected-width="500" style="flex: 1 1 auto; height: 100px; width: 100%">

57 <circle cx="50" cy="50" r="50" fill="green">	57 <circle cx="50" cy="50" r="50" fill="green">

58 </circle>	58 </circle>

59 </svg>	59 </svg>

60 </div>	60 </div>

61	61

62 <div class="flexbox">	62 <div class="flexbox">

63 <span data-expected-display="block" data-expected-width="200" style="flex: 2 0 0"></span>	63 <span data-expected-display="block" data-expected-width="200" style="flex: 2 0 0"></span>

64 <button data-expected-display="block" data-expected-width="100" style="flex: 1 0 0">button</button>	64 <button data-expected-display="block" data-expected-width="100" style="flex: 1 0 0">button</button>

65 <span data-expected-display="block" data-expected-width="300" style="flex: 2 2 100px"></span>	65 <span data-expected-display="block" data-expected-width="300" style="flex: 2 2 100px"></span>

66 </div>	66 </div>

(...skipping 108 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
175 <img data-expected-width="10" style="max-width:-webkit-min-content" src="../ images/resources/green-10.png">	175 <img data-expected-width="10" style="max-width:-webkit-min-content" src="../ images/resources/green-10.png">

176 <img data-expected-width="50" style="max-width:-webkit-max-content" src="../ images/resources/blue-100.png">	176 <img data-expected-width="50" style="max-width:-webkit-max-content" src="../ images/resources/blue-100.png">

177 <img data-expected-width="10" style="max-width:-webkit-max-content" src="../ images/resources/green-10.png">	177 <img data-expected-width="10" style="max-width:-webkit-max-content" src="../ images/resources/green-10.png">

178 <img data-expected-width="50" style="max-width:-webkit-fill-available" src=" ../images/resources/blue-100.png">	178 <img data-expected-width="50" style="max-width:-webkit-fill-available" src=" ../images/resources/blue-100.png">

179 <img data-expected-width="50" style="max-width:-webkit-fill-available" src=" ../images/resources/green-10.png">	179 <img data-expected-width="50" style="max-width:-webkit-fill-available" src=" ../images/resources/green-10.png">

180 <img data-expected-width="50" style="max-width:-webkit-fit-content" src="../ images/resources/blue-100.png">	180 <img data-expected-width="50" style="max-width:-webkit-fit-content" src="../ images/resources/blue-100.png">

181 <img data-expected-width="10" style="max-width:-webkit-fit-content" src="../ images/resources/green-10.png">	181 <img data-expected-width="10" style="max-width:-webkit-fit-content" src="../ images/resources/green-10.png">

182 </div>	182 </div>

183	183

184 </html>	184 </html>

OLD	NEW