<!DOCTYPE HTML> <html> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=708062 --> <head> <title>Test for Bug 708062</title> <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css"/> </head> <body onload="doTest()"> <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=708062">Mozilla Bug 708062</a> <p id="display"></p> <div id="content" style="display: none"> </div> <iframe id="f" style="width:100px;" src="data:text/html,A<div id='d' style='position:fixed;width:170px;top:0;right:0;height:1px;background:yellow;'>"></iframe> <pre id="test"> <script> function isBoundingClientRect(e, r, msg) { var BCR = e.getBoundingClientRect(); is([BCR.left, BCR.top, BCR.right, BCR.bottom].join(','), r, msg); } function doTest() { var f = document.getElementById('f'); var navigator1 = f.contentWindow.QueryInterface(Components.interfaces.nsIInterfaceRequestor).getInterface(Components.interfaces.nsIWebNavigation); var docShell = navigator1.QueryInterface(Components.interfaces.nsIDocShell); var docviewer = docShell.contentViewer; var d = f.contentDocument.getElementById('d'); isBoundingClientRect(d, "-70,0,100,1", "initial rect"); docviewer.fullZoom = 2; isBoundingClientRect(d, "-120,0,50,1", "after zooming in"); docviewer.fullZoom = 1; isBoundingClientRect(d, "-70,0,100,1", "after zooming back out"); SimpleTest.finish(); } </script> </pre> </body> </html>