test_bug410229.html (4553B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=410229 5 --> 6 <head> 7 <title>Test for Bug 410229</title> 8 <script src="/tests/SimpleTest/SimpleTest.js"></script> 9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> 10 </head> 11 <body> 12 13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=410229">Mozilla Bug 410229</a> 14 <p id="display"></p> 15 16 <span id="s"><span id="inner">Hello</span> 17 <div>My</div> 18 Kitty</span> 19 20 <br> 21 <span id="s2">Hello<div>My</div><span id="inner2">Kitty</span></span> 22 23 <br> 24 <span id="s3"><div id="inner3block">My</div><span id="inner3">Kitty</span></span> 25 26 <br> 27 <span id="s4"><div id="inner4block">My</div></span> 28 29 <div id="content" style="display: none"> 30 31 </div> 32 <pre id="test"> 33 <script class="testbody" type="text/javascript"> 34 35 var s = document.getElementById("s"); 36 var inner = document.getElementById("inner"); 37 var rects = s.getClientRects(); 38 is(s.getBoundingClientRect().top, inner.getBoundingClientRect().top, 39 "'"+s.id+"' "+"IB-split span should start where its first line starts"); 40 is(s.getClientRects().length, 3, 41 "'"+s.id+"' "+"IB-split span should have three CSS boxes"); 42 ok(rects[0].left < rects[0].right && rects[0].top < rects[0].bottom, 43 "'"+s.id+"' "+"IB-split span should have a non-zero width first rect"); 44 ok(rects[1].left < rects[1].right && rects[1].top < rects[1].bottom, 45 "'"+s.id+"' "+"IB-split span should have a non-zero width second rect"); 46 ok(rects[2].left < rects[2].right && rects[2].top < rects[2].bottom, 47 "'"+s.id+"' "+"IB-split span should have a non-zero width second rect"); 48 is(s.getBoundingClientRect().top, rects[0].top, 49 "'"+s.id+"' "+"IB-split span should start where its first rect starts"); 50 is(s.getBoundingClientRect().bottom, rects[2].bottom, 51 "'"+s.id+"' "+"IB-split span should end where its last rect ends"); 52 53 s = document.getElementById("s2"); 54 inner = document.getElementById("inner2"); 55 rects = s.getClientRects(); 56 is(s.getBoundingClientRect().bottom, inner.getBoundingClientRect().bottom, 57 "'"+s.id+"' "+"IB-split span should end where its last line ends"); 58 is(s.getClientRects().length, 3, 59 "'"+s.id+"' "+"IB-split span should have three CSS boxes"); 60 is(s.getBoundingClientRect().bottom, rects[2].bottom, 61 "'"+s.id+"' "+"IB-split span should end where its last rect ends"); 62 63 s = document.getElementById("s3"); 64 inner = document.getElementById("inner3"); 65 var block = document.getElementById("inner3block"); 66 rects = s.getClientRects(); 67 is(s.getBoundingClientRect().top, block.getBoundingClientRect().top, 68 "'"+s.id+"' "+"IB-split span should start where its first line starts"); 69 is(s.getBoundingClientRect().bottom, inner.getBoundingClientRect().bottom, 70 "'"+s.id+"' "+"IB-split span should end where its last line ends"); 71 is(s.getClientRects().length, 3, 72 "'"+s.id+"' "+"IB-split span should have three CSS boxes"); 73 is(rects[0].left, rects[0].right, 74 "'"+s.id+"' "+"IB-split span should have a zero width first rect"); 75 is(s.getBoundingClientRect().top, rects[1].top, 76 "'"+s.id+"' "+"IB-split span should start where its second rect starts"); 77 78 s = document.getElementById("s4"); 79 block = document.getElementById("inner4block"); 80 rects = s.getClientRects(); 81 is(s.getBoundingClientRect().top, block.getBoundingClientRect().top, 82 "'"+s.id+"' "+"IB-split span should start where its first line starts"); 83 is(s.getBoundingClientRect().bottom, block.getBoundingClientRect().bottom, 84 "'"+s.id+"' "+"IB-split span should end where its last line ends"); 85 is(s.getClientRects().length, 3, 86 "'"+s.id+"' "+"IB-split span should have three CSS boxes"); 87 is(rects[0].left, rects[0].right, 88 "'"+s.id+"' "+"IB-split span should have a zero width first rect"); 89 is(s.getBoundingClientRect().bottom, rects[1].bottom, 90 "'"+s.id+"' "+"IB-split span should end where its block rect ends"); 91 /* 92 ok(rects[2].left == rects[2].right, 93 "'"+s.id+"' "+"IB-split span should have a zero width last rect"); 94 */ 95 96 /* 97 alert("'"+s.id+"' bounding rect:\n"+ 98 ' left='+s.getBoundingClientRect().left+' right='+s.getBoundingClientRect().right+' top='+s.getBoundingClientRect().top+' bottom='+s.getBoundingClientRect().bottom + '\nclient rects:\n' + 99 ' left='+rects[0].left+' right='+rects[0].right+' top='+rects[0].top+' bottom='+rects[0].bottom + '\n' + 100 ' left='+rects[1].left+' right='+rects[1].right+' top='+rects[1].top+' bottom='+rects[1].bottom + '\n' + 101 ' left='+rects[2].left+' right='+rects[2].right+' top='+rects[2].top+' bottom='+rects[2].bottom + '\n'); 102 */ 103 104 </script> 105 </pre> 106 </body> 107 108 </html>