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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001.html

Issue 1157103007: update-w3c-deps import using blink b712b6ce0eb599d90d890aa609f596c7852fb824 (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Skip swfsoures Created 5 years, 6 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 unified diff | Download patch
« no previous file with comments | « LayoutTests/imported/csswg-test/css-writing-modes-3/margin-collapse-vrl-036-expected.xht ('k') | LayoutTests/imported/csswg-test/css-writing-modes-3/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <title>CSS Writing Modes Test: Orthogonal parent shrink-to-fit</title> 2 <title>CSS Writing Modes Test: Shrink-to-fit with orthogonal children</title>
3 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flow s"> 3 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flow s">
4 <meta name="assert" content="Parent's min-content width in orthorgonal flows"> 4 <meta name="assert" content="Shrink-to-fit with orthogonal children">
5 <meta name="flags" content="combo ahem"> 5 <meta name="flags" content="ahem combo">
6 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> 6 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">
7 <script src="../../../resources/testharness.js"></script> 7 <script src="../../../resources/testharness.js"></script>
8 <script src="../../../resources/testharnessreport.js"></script> 8 <script src="../../../resources/testharnessreport.js"></script>
9 <link rel="stylesheet" href="../../../resources/testharness.css"> 9 <link rel="stylesheet" href="../../../resources/testharness.css">
10 <style> 10 <style>
11 .test { 11 .test {
12 border:thin solid; 12 border:thin solid;
13 font:20px/1 Ahem; 13 font:20px/1 Ahem;
14 } 14 }
15 .target { 15 .target {
(...skipping 18 matching lines...) Expand all
34 h3.fail { 34 h3.fail {
35 color:red; 35 color:red;
36 } 36 }
37 table { 37 table {
38 border-spacing:0px; 38 border-spacing:0px;
39 } 39 }
40 td { 40 td {
41 padding:0px; 41 padding:0px;
42 } 42 }
43 </style> 43 </style>
44 <div id="log"></div>
44 <div id="container"> 45 <div id="container">
45 <p>Test passes if the <b>left</b> edge of the orange box <b>touches</b> the <b>r ight</b> edge of the blue box. 46 <p>Test passes if the <b>left</b> edge of the orange box <b>touches</b> the <b>r ight</b> edge of the blue box.
46 There should be no spaces nor overlaps. 47 There should be no spaces nor overlaps.
47 <p>The blue box must be <b>tall</b>, the height should be as twice as the width. 48 <p>The blue box must be <b>tall</b>, the height should be as twice as the width.
48 <p>If script is enabled, there should be one or more PASS and no FAIL. 49 <p>If script is enabled, there should be one or more PASS and no FAIL.
49 <h3>Orthogonal block in inline-block</h3> 50 <h3>1: Shrink-to-fit inline-block with a child of orthogonal block</h3>
50 <div class="test"> 51 <div class="test">
51 <div class="inline-block"><div class="target">XX</div></div><span class="nex t">YY</span> 52 <div class="inline-block"><div class="target">XX</div></div><span class="nex t">YY</span>
52 </div> 53 </div>
53 <h3>Orthogonal inline in inline-block</h3> 54 <h3>2: Shrink-to-fit inline-block with a child of orthogonal inline</h3>
54 <div class="test"> 55 <div class="test">
55 <div class="inline-block"><span class="target">XX</span></div><span class="n ext">YY</span> 56 <div class="inline-block"><span class="target">XX</span></div><span class="n ext">YY</span>
56 </div> 57 </div>
57 <h3>Orthogonal inline in float</h3> 58 <h3>3: Shrink-to-fit inline-block with a child of orthogonal block with borders< /h3>
59 <div class="test">
60 <div class="inline-block"><div class="target border">XXX</div></div><span cl ass="next">YY</span>
61 </div>
62 <h3>4: Shrink-to-fit inline-block with a child of orthogonal inline with borders </h3>
63 <div class="test">
64 <div class="inline-block"><span class="target border">XXX</span></div><span class="next">YY</span>
65 </div>
66 <h3>5: Shrink-to-fit inline-block with a child of orthogonal block in inline-blo ck</h3>
67 <div class="test">
68 <div class="inline-block"><div class="inline-block"><div class="target">XX</ div></div></div><span class="next">YY</span>
69 </div>
70 <h3>6: Shrink-to-fit inline-block with a child of orthogonal inline in inline-bl ock</h3>
71 <div class="test">
72 <div class="inline-block"><div class="inline-block"><span class="target">XX< /span></div></div><span class="next">YY</span>
73 </div>
74 <h3>7: Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block</h3>
75 <div class="test">
76 <div class="inline-block"><div class="inline-block"><div class="target borde r">XXX</div></div></div><span class="next">YY</span>
77 </div>
78 <h3>8: Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block</h3>
79 <div class="test">
80 <div class="inline-block"><div class="inline-block"><span class="target bord er">XXX</span></div></div><span class="next">YY</span>
81 </div>
82 <h3>9: Shrink-to-fit float with a child of orthogonal block</h3>
83 <div class="test">
84 <div class="float"><div class="target">XX</div></div><span class="next">YY</ span>
85 </div>
86 <h3>10: Shrink-to-fit float with a child of orthogonal inline</h3>
58 <div class="test"> 87 <div class="test">
59 <div class="float"><span class="target">XX</span></div><span class="next">YY </span> 88 <div class="float"><span class="target">XX</span></div><span class="next">YY </span>
60 </div> 89 </div>
61 <h3>Orthogonal block in float</h3> 90 <h3>11: Shrink-to-fit float with a child of orthogonal block with borders</h3>
62 <div class="test"> 91 <div class="test">
63 <div class="float"><div class="target">XX</div></div><span class="next">YY</ span> 92 <div class="float"><div class="target border">XXX</div></div><span class="ne xt">YY</span>
64 </div> 93 </div>
65 <h3>Orthogonal block in table-cell</h3> 94 <h3>12: Shrink-to-fit float with a child of orthogonal inline with borders</h3>
95 <div class="test">
96 <div class="float"><span class="target border">XXX</span></div><span class=" next">YY</span>
97 </div>
98 <h3>13: Shrink-to-fit float with a child of orthogonal block in inline-block</h3 >
99 <div class="test">
100 <div class="float"><div class="inline-block"><div class="target">XX</div></d iv></div><span class="next">YY</span>
101 </div>
102 <h3>14: Shrink-to-fit float with a child of orthogonal inline in inline-block</h 3>
103 <div class="test">
104 <div class="float"><div class="inline-block"><span class="target">XX</span>< /div></div><span class="next">YY</span>
105 </div>
106 <h3>15: Shrink-to-fit float with a child of orthogonal block with borders in inl ine-block</h3>
107 <div class="test">
108 <div class="float"><div class="inline-block"><div class="target border">XXX< /div></div></div><span class="next">YY</span>
109 </div>
110 <h3>16: Shrink-to-fit float with a child of orthogonal inline with borders in in line-block</h3>
111 <div class="test">
112 <div class="float"><div class="inline-block"><span class="target border">XXX </span></div></div><span class="next">YY</span>
113 </div>
114 <h3>17: Shrink-to-fit table-cell with a child of orthogonal block</h3>
66 <div class="test"> 115 <div class="test">
67 <table><tr><td><div class="target">XX</div></td><td class="next">YY</td></tr ></table> 116 <table><tr><td><div class="target">XX</div></td><td class="next">YY</td></tr ></table>
68 </div> 117 </div>
69 <h3>Orthogonal inline in table-cell</h3> 118 <h3>18: Shrink-to-fit table-cell with a child of orthogonal inline</h3>
70 <div class="test"> 119 <div class="test">
71 <table><tr><td><span class="target">XX</span></td><td class="next">YY</td></ tr></table> 120 <table><tr><td><span class="target">XX</span></td><td class="next">YY</td></ tr></table>
72 </div> 121 </div>
73 <h3>Orthogonal block with borders in inline-block</h3> 122 <h3>19: Shrink-to-fit table-cell with a child of orthogonal block with borders</ h3>
74 <div class="test">
75 <div class="inline-block"><div class="target border">XXX</div></div><span cl ass="next">YY</span>
76 </div>
77 <h3>Orthogonal inline with borders in inline-block</h3>
78 <div class="test">
79 <div class="inline-block"><span class="target border">XXX</span></div><span class="next">YY</span>
80 </div>
81 <h3>Orthogonal inline with borders in float</h3>
82 <div class="test">
83 <div class="float"><span class="target border">XXX</span></div><span class=" next">YY</span>
84 </div>
85 <h3>Orthogonal block with borders in float</h3>
86 <div class="test">
87 <div class="float"><div class="target border">XXX</div></div><span class="ne xt">YY</span>
88 </div>
89 <h3>Orthogonal block with borders in table-cell</h3>
90 <div class="test"> 123 <div class="test">
91 <table><tr><td><div class="target border">XXX</div></td><td class="next">YY< /td></tr></table> 124 <table><tr><td><div class="target border">XXX</div></td><td class="next">YY< /td></tr></table>
92 </div> 125 </div>
93 <h3>Orthogonal inline with borders in table-cell</h3> 126 <h3>20: Shrink-to-fit table-cell with a child of orthogonal inline with borders< /h3>
94 <div class="test"> 127 <div class="test">
95 <table><tr><td><span class="target border">XXX</span></td><td class="next">Y Y</td></tr></table> 128 <table><tr><td><span class="target border">XXX</span></td><td class="next">Y Y</td></tr></table>
96 </div> 129 </div>
97 <h3>Orthogonal block in inline-block in inline-block</h3> 130 <h3>21: Shrink-to-fit table-cell with a child of orthogonal block in inline-bloc k</h3>
98 <div class="test"> 131 <div class="test">
99 <div class="inline-block"><div class="inline-block"><div class="target">XX</ div></div></div><span class="next">YY</span> 132 <table><tr><td><div class="inline-block"><div class="target">XX</div></div>< /td><td class="next">YY</td></tr></table>
100 </div> 133 </div>
101 <h3>Orthogonal inline in inline-block in inline-block</h3> 134 <h3>22: Shrink-to-fit table-cell with a child of orthogonal inline in inline-blo ck</h3>
102 <div class="test"> 135 <div class="test">
103 <div class="inline-block"><div class="inline-block"><span class="target">XX< /span></div></div><span class="next">YY</span> 136 <table><tr><td><div class="inline-block"><span class="target">XX</span></div ></td><td class="next">YY</td></tr></table>
104 </div> 137 </div>
105 138 <h3>23: Shrink-to-fit table-cell with a child of orthogonal block with borders i n inline-block</h3>
139 <div class="test">
140 <table><tr><td><div class="inline-block"><div class="target border">XXX</div ></div></td><td class="next">YY</td></tr></table>
141 </div>
142 <h3>24: Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block</h3>
143 <div class="test">
144 <table><tr><td><div class="inline-block"><span class="target border">XXX</sp an></div></td><td class="next">YY</td></tr></table>
145 </div>
106 </div> 146 </div>
107 <script> 147 <script>
108 if (window.location.search == "?wait") { 148 if (window.location.search == "?wait") {
109 console.log("Sleeping 5 secs for debug"); 149 console.log("Sleeping 5 secs for debug");
110 setup({explicit_done:true}); 150 setup({explicit_done:true});
111 window.setTimeout(run, 5000); 151 window.setTimeout(run, 5000);
112 } else { 152 } else {
113 run(); 153 run();
114 } 154 }
115 155
(...skipping 12 matching lines...) Expand all
128 node.previousElementSibling.classList.add("fail"); 168 node.previousElementSibling.classList.add("fail");
129 throw e; 169 throw e;
130 } 170 }
131 }, title); 171 }, title);
132 }); 172 });
133 if (window.testRunner) 173 if (window.testRunner)
134 container.style.display = "none"; 174 container.style.display = "none";
135 done(); 175 done();
136 } 176 }
137 </script> 177 </script>
OLDNEW
« no previous file with comments | « LayoutTests/imported/csswg-test/css-writing-modes-3/margin-collapse-vrl-036-expected.xht ('k') | LayoutTests/imported/csswg-test/css-writing-modes-3/support/embedded-doc-abs-pos-non-replaced-icb-vlr-007.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698