| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <script src="../../../resources/js-test.js"></script> | |
| 5 <style> | |
| 6 iframe { display: inline-block; } | |
| 7 .border { border: 1px solid black; } | |
| 8 .padding { padding: 2px; | |
| 9 </style> | |
| 10 <script> | |
| 11 debug("Test that seamless IFrames correctly size themselves when a borde
r is present."); | |
| 12 window.onload = function () { | |
| 13 window.nothing = document.getElementById("nothing"); | |
| 14 shouldBe("nothing.getBoundingClientRect().width", "100"); | |
| 15 shouldBe("nothing.getBoundingClientRect().height", "100"); | |
| 16 | |
| 17 window.hasborder = document.getElementById("hasborder"); | |
| 18 shouldBe("hasborder.getBoundingClientRect().width", "102"); | |
| 19 shouldBe("hasborder.getBoundingClientRect().height", "102"); | |
| 20 | |
| 21 window.haspadding = document.getElementById("haspadding"); | |
| 22 shouldBe("haspadding.getBoundingClientRect().width", "104"); | |
| 23 shouldBe("haspadding.getBoundingClientRect().height", "104"); | |
| 24 | |
| 25 window.hasboth = document.getElementById("hasboth"); | |
| 26 shouldBe("hasboth.getBoundingClientRect().width", "106"); | |
| 27 shouldBe("hasboth.getBoundingClientRect().height", "106"); | |
| 28 }; | |
| 29 </script> | |
| 30 </head> | |
| 31 <body> | |
| 32 <iframe id="nothing" seamless srcdoc="<style>body { overflow:hidden; }</styl
e><div style='width:100px;height:100px;'>TEST</div>"></iframe> | |
| 33 <iframe id="hasborder" class="border" seamless srcdoc="<style>body { overflo
w:hidden; }</style><div style='width:100px;height:100px;'>TEST</div>"></iframe> | |
| 34 <iframe id="haspadding" class="padding" seamless srcdoc="<style>body { overf
low:hidden; }</style><div style='width:100px;height:100px;'>TEST</div>"></iframe
> | |
| 35 <iframe id="hasboth" class="border padding" seamless srcdoc="<style>body { o
verflow:hidden; }</style><div style='width:100px;height:100px;'>TEST</div>"></if
rame> | |
| 36 </body> | |
| OLD | NEW |