| OLD | NEW |
| (Empty) |
| 1 <html> | |
| 2 <body style="-webkit-writing-mode: vertical-rl"> | |
| 3 <div id="tests" style="-webkit-column-count:2; -webkit-column-gap:0; column-coun
t:2; column-gap:0; column-fill:auto; width:300px; height:600px;"> | |
| 4 <div style="width:280px"></div> | |
| 5 <div id="f1" style="border:5px solid black; float:left"> | |
| 6 <img style="display:block;height:140px;width:80px;"> | |
| 7 </div> | |
| 8 </div> | |
| 9 <div id="result"></div> | |
| 10 <script> | |
| 11 function floatOffset(float) | |
| 12 { | |
| 13 var parentRect = document.getElementById('tests').getBoundingClientRect(
); | |
| 14 var rect = float.getBoundingClientRect(); | |
| 15 return { width: rect.left - parentRect.left, height: rect.top - parentRe
ct.top }; | |
| 16 } | |
| 17 | |
| 18 var tests = [ | |
| 19 ["f1", 0, 300] | |
| 20 ]; | |
| 21 | |
| 22 var test; | |
| 23 var failures = 0; | |
| 24 while (test = tests.shift()) { | |
| 25 var float = document.getElementById(test[0]); | |
| 26 var result = floatOffset(float); | |
| 27 var passed = result.width === test[1] && result.height === test[2] | |
| 28 float.style.backgroundColor = passed ? "green" : "red"; | |
| 29 if (!passed) { | |
| 30 failures++ | |
| 31 alert(result.width + " " + result.height) | |
| 32 } | |
| 33 } | |
| 34 | |
| 35 if (window.testRunner) { | |
| 36 testRunner.dumpAsText(); | |
| 37 document.getElementById("tests").style.display = "none"; | |
| 38 } | |
| 39 | |
| 40 document.getElementById("result").innerText = failures ? "FAIL: " + failures
+ " cases failed" : "PASS"; | |
| 41 </script> | |
| 42 | |
| 43 | |
| 44 | |
| 45 </body> | |
| 46 </html> | |
| OLD | NEW |