OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../resources/js-test.js"></script> |
| 3 <p>Test that a table part child of an inline is wrapped inside an inline-table.<
/p> |
| 4 <div id="cell" class="test"> |
| 5 <span class="first">This</span> text |
| 6 <span> |
| 7 should be |
| 8 <div style="display:table-cell;">on</div> |
| 9 one |
| 10 </span> |
| 11 <span class="last">line.</span> |
| 12 </div> |
| 13 <div id="row" class="test"> |
| 14 <span class="first">This</span> text |
| 15 <span> |
| 16 should be |
| 17 <div style="display:table-row;">on</div> |
| 18 one |
| 19 </span> |
| 20 <span class="last">line.</span> |
| 21 </div> |
| 22 <div id="row-group" class="test"> |
| 23 <span class="first">This</span> text |
| 24 <span> |
| 25 should be |
| 26 <div style="display:table-row-group;">on</div> |
| 27 one |
| 28 </span> |
| 29 <span class="last">line.</span> |
| 30 </div> |
| 31 <div id="console"></div> |
| 32 <script> |
| 33 var tests = document.querySelectorAll(".test"); |
| 34 for (var i = 0; i < tests.length; i++) { |
| 35 debug("Testing " + tests[i].id + ":"); |
| 36 var id = "#" + tests[i].id; |
| 37 var firstTop = document.querySelector(id + ' > .first').getClientRects()
[0].top; |
| 38 var lastTop = document.querySelector(id + ' > .last').getClientRects()[0
].top; |
| 39 shouldBe("firstTop", "lastTop"); |
| 40 } |
| 41 </script> |
OLD | NEW |