OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../js/resources/js-test-pre.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 <style> | 5 <style> |
6 iframe { display: inline-block; } | 6 iframe { display: inline-block; } |
7 .border { border: 1px solid black; } | 7 .border { border: 1px solid black; } |
8 .padding { padding: 2px; | 8 .padding { padding: 2px; |
9 </style> | 9 </style> |
10 <script> | 10 <script> |
11 debug("Test that seamless IFrames correctly size themselves when a borde
r is present."); | 11 debug("Test that seamless IFrames correctly size themselves when a borde
r is present."); |
12 window.onload = function () { | 12 window.onload = function () { |
13 window.nothing = document.getElementById("nothing"); | 13 window.nothing = document.getElementById("nothing"); |
14 shouldBe("nothing.getBoundingClientRect().width", "100"); | 14 shouldBe("nothing.getBoundingClientRect().width", "100"); |
(...skipping 12 matching lines...) Expand all Loading... |
27 shouldBe("hasboth.getBoundingClientRect().height", "106"); | 27 shouldBe("hasboth.getBoundingClientRect().height", "106"); |
28 }; | 28 }; |
29 </script> | 29 </script> |
30 </head> | 30 </head> |
31 <body> | 31 <body> |
32 <iframe id="nothing" seamless srcdoc="<style>body { overflow:hidden; }</styl
e><div style='width:100px;height:100px;'>TEST</div>"></iframe> | 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> | 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
> | 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> | 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> | 36 </body> |
OLD | NEW |