| 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 |