| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogon
al block in inline-block</title> | 2 <title>CSS Writing Modes Test: Shrink-to-fit table-cell with a child of orthogon
al block in inline-block</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="Shrink-to-fit table-cell with a child of orthogonal
block in inline-block"> | 4 <meta name="assert" content="Shrink-to-fit table-cell with a child of orthogonal
block in inline-block"> |
| 5 <meta name="flags" content="ahem"> | 5 <meta name="flags" content="ahem"> |
| 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> |
| (...skipping 26 matching lines...) Expand all Loading... |
| 37 } | 37 } |
| 38 table { | 38 table { |
| 39 border-spacing:0px; | 39 border-spacing:0px; |
| 40 } | 40 } |
| 41 td { | 41 td { |
| 42 padding:0px; | 42 padding:0px; |
| 43 } | 43 } |
| 44 </style> | 44 </style> |
| 45 <div id="log"></div> | 45 <div id="log"></div> |
| 46 <div id="container"> | 46 <div id="container"> |
| 47 <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. | 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. |
| 48 There should be no spaces nor overlaps. | |
| 49 <p>The blue box must be <b>tall</b>, the height should be as twice as the width. | |
| 50 <p>If script is enabled, there should be one or more PASS and no FAIL. | 48 <p>If script is enabled, there should be one or more PASS and no FAIL. |
| 51 <h3>21: Shrink-to-fit table-cell with a child of orthogonal block in inline-bloc
k</h3> | 49 <h3>21: Shrink-to-fit table-cell with a child of orthogonal block in inline-bloc
k</h3> |
| 52 <div class="test"> | 50 <div class="test"> |
| 53 <table><tr><td><div class="inline-block"><div class="target">XX</div></div><
/td><td class="next">YY</td></tr></table> | 51 <table><tr><td><div class="inline-block"><div class="target">XX</div></div><
/td><td class="next">YY</td></tr></table> |
| 54 </div> | 52 </div> |
| 55 </div> | 53 </div> |
| 56 <script> | 54 <script> |
| 57 if (window.location.search == "?wait") { | 55 if (window.location.search == "?wait") { |
| 58 console.log("Sleeping 5 secs for debug"); | 56 console.log("Sleeping 5 secs for debug"); |
| 59 setup({explicit_done:true}); | 57 setup({explicit_done:true}); |
| (...skipping 18 matching lines...) Expand all Loading... |
| 78 node.previousElementSibling.classList.add("fail"); | 76 node.previousElementSibling.classList.add("fail"); |
| 79 throw e; | 77 throw e; |
| 80 } | 78 } |
| 81 }, title); | 79 }, title); |
| 82 }); | 80 }); |
| 83 if (window.testRunner) | 81 if (window.testRunner) |
| 84 container.style.display = "none"; | 82 container.style.display = "none"; |
| 85 done(); | 83 done(); |
| 86 } | 84 } |
| 87 </script> | 85 </script> |
| OLD | NEW |