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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1548053002: Import csswg-test@c8f03606f92d6f386f99dae6d11eed99114a9ea2 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 12 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 | « third_party/WebKit/LayoutTests/imported/csswg-test/css-flexbox-1/support/flexbox.css ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001a.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 <meta charset="utf-8">
2 <title>CSS Writing Modes Test: Shrink-to-fit with orthogonal children</title> 3 <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"> 4 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flow s" title="7.3. Orthogonal Flows">
4 <meta name="assert" content="Shrink-to-fit with orthogonal children"> 5 <meta name="assert" content="Shrink-to-fit with orthogonal children">
5 <meta name="flags" content="ahem combo"> 6 <meta name="flags" content="ahem dom combo">
6 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> 7 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">
8 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserB ugsSection/css21testsuite/"> <!-- 2015-12-23 -->
7 <script src="../../../resources/testharness.js"></script> 9 <script src="../../../resources/testharness.js"></script>
8 <script src="../../../resources/testharnessreport.js"></script> 10 <script src="../../../resources/testharnessreport.js"></script>
9 <link rel="stylesheet" href="../../../resources/testharness.css"> 11 <link rel="stylesheet" href="../../../resources/testharness.css">
10 <style> 12 <style>
11 .test { 13 .test {
12 border:thin solid; 14 border:thin solid;
13 font:20px/1 Ahem; 15 font:20px/1 Ahem;
14 } 16 }
15 .target { 17 .target {
16 color:blue; 18 color:blue;
17 height:3em; 19 height:3em; /* height: 3em is not required. IE11 and Edge12 compute height t o ICB height if
20 not set. We want the test to focus exclusively on shrink-to-fit algorithm. * /
18 writing-mode:vertical-rl; 21 writing-mode:vertical-rl;
19 } 22 }
20 .border { 23 .border {
21 border-right:blue solid .5em; 24 border-right:blue solid .5em;
22 } 25 }
23 .next { 26 .next {
24 color:orange; 27 color:orange;
25 } 28 }
26 .inline-block { 29 .inline-block {
27 display:inline-block; 30 display:inline-block;
(...skipping 13 matching lines...) Expand all
41 td { 44 td {
42 padding:0px; 45 padding:0px;
43 } 46 }
44 </style> 47 </style>
45 <div id="log"></div> 48 <div id="log"></div>
46 <div id="container"> 49 <div id="container">
47 <p>Test passes if the X-position of the <b>left</b> edge of the orange box and t he <b>right</b> edge of the blue box are the same. 50 <p>Test passes if the X-position of the <b>left</b> edge of the orange box and t he <b>right</b> edge of the blue box are the same.
48 <p>If script is enabled, there should be one or more PASS and no FAIL. 51 <p>If script is enabled, there should be one or more PASS and no FAIL.
49 <h3>1: Shrink-to-fit inline-block with a child of orthogonal block</h3> 52 <h3>1: Shrink-to-fit inline-block with a child of orthogonal block</h3>
50 <div class="test"> 53 <div class="test">
51 <div class="inline-block"><div class="target">XX</div></div><span class="nex t">YY</span> 54 <div class="inline-block"><div class="target">HH</div></div><span class="nex t">ZZ</span>
52 </div> 55 </div>
53 <h3>2: Shrink-to-fit inline-block with a child of orthogonal inline</h3> 56 <h3>2: Shrink-to-fit inline-block with a child of orthogonal inline</h3>
54 <div class="test"> 57 <div class="test">
55 <div class="inline-block"><span class="target">XX</span></div><span class="n ext">YY</span> 58 <div class="inline-block"><span class="target">HH</span></div><span class="n ext">ZZ</span>
56 </div> 59 </div>
57 <h3>3: Shrink-to-fit inline-block with a child of orthogonal block with borders< /h3> 60 <h3>3: Shrink-to-fit inline-block with a child of orthogonal block with borders< /h3>
58 <div class="test"> 61 <div class="test">
59 <div class="inline-block"><div class="target border">XXX</div></div><span cl ass="next">YY</span> 62 <div class="inline-block"><div class="target border">HHH</div></div><span cl ass="next">ZZ</span>
60 </div> 63 </div>
61 <h3>4: Shrink-to-fit inline-block with a child of orthogonal inline with borders </h3> 64 <h3>4: Shrink-to-fit inline-block with a child of orthogonal inline with borders </h3>
62 <div class="test"> 65 <div class="test">
63 <div class="inline-block"><span class="target border">XXX</span></div><span class="next">YY</span> 66 <div class="inline-block"><span class="target border">HHH</span></div><span class="next">ZZ</span>
64 </div> 67 </div>
65 <h3>5: Shrink-to-fit inline-block with a child of orthogonal block in inline-blo ck</h3> 68 <h3>5: Shrink-to-fit inline-block with a child of orthogonal block in inline-blo ck</h3>
66 <div class="test"> 69 <div class="test">
67 <div class="inline-block"><div class="inline-block"><div class="target">XX</ div></div></div><span class="next">YY</span> 70 <div class="inline-block"><div class="inline-block"><div class="target">HH</ div></div></div><span class="next">ZZ</span>
68 </div> 71 </div>
69 <h3>6: Shrink-to-fit inline-block with a child of orthogonal inline in inline-bl ock</h3> 72 <h3>6: Shrink-to-fit inline-block with a child of orthogonal inline in inline-bl ock</h3>
70 <div class="test"> 73 <div class="test">
71 <div class="inline-block"><div class="inline-block"><span class="target">XX< /span></div></div><span class="next">YY</span> 74 <div class="inline-block"><div class="inline-block"><span class="target">HH< /span></div></div><span class="next">ZZ</span>
72 </div> 75 </div>
73 <h3>7: Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block</h3> 76 <h3>7: Shrink-to-fit inline-block with a child of orthogonal block with borders in inline-block</h3>
74 <div class="test"> 77 <div class="test">
75 <div class="inline-block"><div class="inline-block"><div class="target borde r">XXX</div></div></div><span class="next">YY</span> 78 <div class="inline-block"><div class="inline-block"><div class="target borde r">HHH</div></div></div><span class="next">ZZ</span>
76 </div> 79 </div>
77 <h3>8: Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block</h3> 80 <h3>8: Shrink-to-fit inline-block with a child of orthogonal inline with borders in inline-block</h3>
78 <div class="test"> 81 <div class="test">
79 <div class="inline-block"><div class="inline-block"><span class="target bord er">XXX</span></div></div><span class="next">YY</span> 82 <div class="inline-block"><div class="inline-block"><span class="target bord er">HHH</span></div></div><span class="next">ZZ</span>
80 </div> 83 </div>
81 <h3>9: Shrink-to-fit float with a child of orthogonal block</h3> 84 <h3>9: Shrink-to-fit float with a child of orthogonal block</h3>
82 <div class="test"> 85 <div class="test">
83 <div class="float"><div class="target">XX</div></div><span class="next">YY</ span> 86 <div class="float"><div class="target">HH</div></div><span class="next">ZZ</ span>
84 </div> 87 </div>
85 <h3>10: Shrink-to-fit float with a child of orthogonal inline</h3> 88 <h3>10: Shrink-to-fit float with a child of orthogonal inline</h3>
86 <div class="test"> 89 <div class="test">
87 <div class="float"><span class="target">XX</span></div><span class="next">YY </span> 90 <div class="float"><span class="target">HH</span></div><span class="next">ZZ </span>
88 </div> 91 </div>
89 <h3>11: Shrink-to-fit float with a child of orthogonal block with borders</h3> 92 <h3>11: Shrink-to-fit float with a child of orthogonal block with borders</h3>
90 <div class="test"> 93 <div class="test">
91 <div class="float"><div class="target border">XXX</div></div><span class="ne xt">YY</span> 94 <div class="float"><div class="target border">HHH</div></div><span class="ne xt">ZZ</span>
92 </div> 95 </div>
93 <h3>12: Shrink-to-fit float with a child of orthogonal inline with borders</h3> 96 <h3>12: Shrink-to-fit float with a child of orthogonal inline with borders</h3>
94 <div class="test"> 97 <div class="test">
95 <div class="float"><span class="target border">XXX</span></div><span class=" next">YY</span> 98 <div class="float"><span class="target border">HHH</span></div><span class=" next">ZZ</span>
96 </div> 99 </div>
97 <h3>13: Shrink-to-fit float with a child of orthogonal block in inline-block</h3 > 100 <h3>13: Shrink-to-fit float with a child of orthogonal block in inline-block</h3 >
98 <div class="test"> 101 <div class="test">
99 <div class="float"><div class="inline-block"><div class="target">XX</div></d iv></div><span class="next">YY</span> 102 <div class="float"><div class="inline-block"><div class="target">HH</div></d iv></div><span class="next">ZZ</span>
100 </div> 103 </div>
101 <h3>14: Shrink-to-fit float with a child of orthogonal inline in inline-block</h 3> 104 <h3>14: Shrink-to-fit float with a child of orthogonal inline in inline-block</h 3>
102 <div class="test"> 105 <div class="test">
103 <div class="float"><div class="inline-block"><span class="target">XX</span>< /div></div><span class="next">YY</span> 106 <div class="float"><div class="inline-block"><span class="target">HH</span>< /div></div><span class="next">ZZ</span>
104 </div> 107 </div>
105 <h3>15: Shrink-to-fit float with a child of orthogonal block with borders in inl ine-block</h3> 108 <h3>15: Shrink-to-fit float with a child of orthogonal block with borders in inl ine-block</h3>
106 <div class="test"> 109 <div class="test">
107 <div class="float"><div class="inline-block"><div class="target border">XXX< /div></div></div><span class="next">YY</span> 110 <div class="float"><div class="inline-block"><div class="target border">HHH< /div></div></div><span class="next">ZZ</span>
108 </div> 111 </div>
109 <h3>16: Shrink-to-fit float with a child of orthogonal inline with borders in in line-block</h3> 112 <h3>16: Shrink-to-fit float with a child of orthogonal inline with borders in in line-block</h3>
110 <div class="test"> 113 <div class="test">
111 <div class="float"><div class="inline-block"><span class="target border">XXX </span></div></div><span class="next">YY</span> 114 <div class="float"><div class="inline-block"><span class="target border">HHH </span></div></div><span class="next">ZZ</span>
112 </div> 115 </div>
113 <h3>17: Shrink-to-fit table-cell with a child of orthogonal block</h3> 116 <h3>17: Shrink-to-fit table-cell with a child of orthogonal block</h3>
114 <div class="test"> 117 <div class="test">
115 <table><tr><td><div class="target">XX</div></td><td class="next">YY</td></tr ></table> 118 <table><tr><td><div class="target">HH</div></td><td class="next">ZZ</td></tr ></table>
116 </div> 119 </div>
117 <h3>18: Shrink-to-fit table-cell with a child of orthogonal inline</h3> 120 <h3>18: Shrink-to-fit table-cell with a child of orthogonal inline</h3>
118 <div class="test"> 121 <div class="test">
119 <table><tr><td><span class="target">XX</span></td><td class="next">YY</td></ tr></table> 122 <table><tr><td><span class="target">HH</span></td><td class="next">ZZ</td></ tr></table>
120 </div> 123 </div>
121 <h3>19: Shrink-to-fit table-cell with a child of orthogonal block with borders</ h3> 124 <h3>19: Shrink-to-fit table-cell with a child of orthogonal block with borders</ h3>
122 <div class="test"> 125 <div class="test">
123 <table><tr><td><div class="target border">XXX</div></td><td class="next">YY< /td></tr></table> 126 <table><tr><td><div class="target border">HHH</div></td><td class="next">ZZ< /td></tr></table>
124 </div> 127 </div>
125 <h3>20: Shrink-to-fit table-cell with a child of orthogonal inline with borders< /h3> 128 <h3>20: Shrink-to-fit table-cell with a child of orthogonal inline with borders< /h3>
126 <div class="test"> 129 <div class="test">
127 <table><tr><td><span class="target border">XXX</span></td><td class="next">Y Y</td></tr></table> 130 <table><tr><td><span class="target border">HHH</span></td><td class="next">Z Z</td></tr></table>
128 </div> 131 </div>
129 <h3>21: Shrink-to-fit table-cell with a child of orthogonal block in inline-bloc k</h3> 132 <h3>21: Shrink-to-fit table-cell with a child of orthogonal block in inline-bloc k</h3>
130 <div class="test"> 133 <div class="test">
131 <table><tr><td><div class="inline-block"><div class="target">XX</div></div>< /td><td class="next">YY</td></tr></table> 134 <table><tr><td><div class="inline-block"><div class="target">HH</div></div>< /td><td class="next">ZZ</td></tr></table>
132 </div> 135 </div>
133 <h3>22: Shrink-to-fit table-cell with a child of orthogonal inline in inline-blo ck</h3> 136 <h3>22: Shrink-to-fit table-cell with a child of orthogonal inline in inline-blo ck</h3>
134 <div class="test"> 137 <div class="test">
135 <table><tr><td><div class="inline-block"><span class="target">XX</span></div ></td><td class="next">YY</td></tr></table> 138 <table><tr><td><div class="inline-block"><span class="target">HH</span></div ></td><td class="next">ZZ</td></tr></table>
136 </div> 139 </div>
137 <h3>23: Shrink-to-fit table-cell with a child of orthogonal block with borders i n inline-block</h3> 140 <h3>23: Shrink-to-fit table-cell with a child of orthogonal block with borders i n inline-block</h3>
138 <div class="test"> 141 <div class="test">
139 <table><tr><td><div class="inline-block"><div class="target border">XXX</div ></div></td><td class="next">YY</td></tr></table> 142 <table><tr><td><div class="inline-block"><div class="target border">HHH</div ></div></td><td class="next">ZZ</td></tr></table>
140 </div> 143 </div>
141 <h3>24: Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block</h3> 144 <h3>24: Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block</h3>
142 <div class="test"> 145 <div class="test">
143 <table><tr><td><div class="inline-block"><span class="target border">XXX</sp an></div></td><td class="next">YY</td></tr></table> 146 <table><tr><td><div class="inline-block"><span class="target border">HHH</sp an></div></td><td class="next">ZZ</td></tr></table>
144 </div> 147 </div>
145 </div> 148 </div>
146 <script> 149 <script>
147 if (window.location.search == "?wait") { 150 if (window.location.search == "?wait") {
148 console.log("Sleeping 5 secs for debug"); 151 console.log("Sleeping 5 secs for debug");
149 setup({explicit_done:true}); 152 setup({explicit_done:true});
150 window.setTimeout(run, 5000); 153 window.setTimeout(run, 5000);
151 } else { 154 } else {
152 run(); 155 run();
153 } 156 }
(...skipping 14 matching lines...) Expand all
168 node.previousElementSibling.classList.add("fail"); 171 node.previousElementSibling.classList.add("fail");
169 throw e; 172 throw e;
170 } 173 }
171 }, title); 174 }, title);
172 }); 175 });
173 if (window.testRunner) 176 if (window.testRunner)
174 container.style.display = "none"; 177 container.style.display = "none";
175 done(); 178 done();
176 } 179 }
177 </script> 180 </script>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-flexbox-1/support/flexbox.css ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/orthogonal-parent-shrink-to-fit-001a.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698