test_bug803677.html (1357B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=803677 5 --> 6 <head> 7 <meta charset="utf-8"> 8 <title>Test for Bug 803677</title> 9 <script src="/tests/SimpleTest/SimpleTest.js"></script> 10 <script src="reflect.js"></script> 11 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 12 <style> 13 .base { border:1px solid gray; } 14 .bad-table { display:table-cell; border:1px solid red; } 15 </style> 16 </head> 17 <body> 18 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=803677">Mozilla Bug 803677</a> 19 <p id="display"></p> 20 <div id="content"> 21 <p class="base">1</p> 22 <p class="base">2</p> 23 <p class="base">3</p> 24 <p class="base bad-table">4</p> 25 <p class="base">7</p> 26 <p class="base">8</p> 27 <p class="base">9</p> 28 </div> 29 <pre id="test"> 30 <script type="application/javascript"> 31 var p = document.querySelectorAll(".base"); 32 var parent = document.querySelector("body"); 33 var prevOffset = 0; 34 for (var i = 0; i < p.length; i++) { 35 var t = 0, e = p[i]; 36 is(e.offsetParent, parent, "Offset parent of all paragraphs should be the body."); 37 while (e) { 38 t += e.offsetTop; 39 e = e.offsetParent; 40 } 41 p[i].innerHTML = t; 42 43 ok(t > prevOffset, "Offset should increase down the page"); 44 prevOffset = t; 45 } 46 </script> 47 </pre> 48 </body> 49 </html>