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 |