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 |