test_zoom.html (5343B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Test scrollToPoint when page is zoomed</title> 5 <link rel="stylesheet" type="text/css" 6 href="chrome://mochikit/content/tests/SimpleTest/test.css" /> 7 8 <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> 9 <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script> 10 11 <script type="application/javascript" 12 src="../common.js"></script> 13 <script type="application/javascript" 14 src="../role.js"></script> 15 <script type="application/javascript" 16 src="../layout.js"></script> 17 18 <script type="application/javascript"> 19 function testScrollToPoint() { 20 // scrollToPoint relative screen 21 var anchor = getAccessible("bottom1"); 22 let [x /* y */] = getPos(anchor); 23 var [docX, docY] = getPos(document); 24 25 anchor.scrollToPoint(COORDTYPE_SCREEN_RELATIVE, docX, docY); 26 testPos(anchor, [x, docY]); 27 28 // scrollToPoint relative window 29 anchor = getAccessible("bottom2"); 30 [x /* y */] = getPos(anchor); 31 var wnd = getRootAccessible().DOMDocument.defaultView; 32 var [screenX, screenY] = CSSToDevicePixels(wnd, wnd.screenX, wnd.screenY); 33 let scrollToX = docX - screenX, scrollToY = docY - screenY; 34 35 anchor.scrollToPoint(COORDTYPE_WINDOW_RELATIVE, scrollToX, scrollToY); 36 testPos(anchor, [x, docY]); 37 38 // scrollToPoint relative parent 39 anchor = getAccessible("bottom3"); 40 [x /* y */] = getPos(anchor); 41 var [parentX, parentY] = getPos(anchor.parent); 42 scrollToX = parentX - docX; 43 scrollToY = parentY - docY; 44 45 anchor.scrollToPoint(COORDTYPE_PARENT_RELATIVE, scrollToX, scrollToY); 46 testPos(anchor, [x, docY]); 47 } 48 49 function doTest() { 50 testScrollToPoint(); 51 zoomDocument(document, 2.0); 52 testScrollToPoint(); // zoom and test again 53 54 zoomDocument(document, 1.0); 55 SimpleTest.finish(); 56 } 57 58 addA11yLoadEvent(doTest); 59 SimpleTest.waitForExplicitFinish(); 60 </script> 61 62 </head> 63 <body> 64 65 <a target="_blank" 66 href="https://bugzilla.mozilla.org/show_bug.cgi?id=727942" 67 title="scrollToPoint is broken when page is zoomed"> 68 Mozilla Bug 727942 69 </a> 70 <p id="display"></p> 71 <div id="content" style="display: none"></div> 72 <pre id="test"> 73 </pre> 74 75 <h1>Below there is a bunch of named anchors</h1> 76 <br><br><br><br><br><br><br><br><br><br> 77 <br><br><br><br><br><br><br><br><br><br> 78 <br><br><br><br><br><br><br><br><br><br> 79 <br><br><br><br><br><br><br><br><br><br> 80 <br><br><br><br><br><br><br><br><br><br> 81 <br><br><br><br><br><br><br><br><br><br> 82 <br><br><br><br><br><br><br><br><br><br> 83 <br><br><br><br><br><br><br><br><br><br> 84 <br><br><br><br><br><br><br><br><br><br> 85 <br><br><br><br><br><br><br><br><br><br> 86 <br><br><br><br><br><br><br><br><br><br> 87 <br><br><br><br><br><br><br><br><br><br> 88 <br><br><br><br><br><br><br><br><br><br> 89 <br><br><br><br><br><br><br><br><br><br> 90 <br><br><br><br><br><br><br><br><br><br> 91 <br><br><br><br><br><br><br><br><br><br> 92 <br><br><br><br><br><br><br><br><br><br> 93 <br><br><br><br><br><br><br><br><br><br> 94 <br><br><br><br><br><br><br><br><br><br> 95 <br><br><br><br><br><br><br><br><br><br> 96 <br><br><br><br><br><br><br><br><br><br> 97 <br><br><br><br><br><br><br><br><br><br> 98 <br><br><br><br><br><br><br><br><br><br> 99 <br><br><br><br><br><br><br><br><br><br> 100 <br><br><br><br><br><br><br><br><br><br> 101 <br><br><br><br><br><br><br><br><br><br> 102 <br><br><br><br><br><br><br><br><br><br> 103 <br><br><br><br><br><br><br><br><br><br> 104 <br><br><br><br><br><br><br><br><br><br> 105 <br><br><br><br><br><br><br><br><br><br> 106 <br><br><br><br><br><br><br><br><br><br> 107 <br><br><br><br><br><br><br><br><br><br> 108 <br><br><br><br><br><br><br><br><br><br> 109 <br><br><br><br><br><br><br><br><br><br> 110 This is in the middle anchor #1<a id="bottom1"></a> 111 <br><br><br><br><br><br><br><br><br><br> 112 This is in the middle anchor #2<a id="bottom2"></a> 113 <br><br><br><br><br><br><br><br><br><br> 114 This is in the middle anchor #3<a id="bottom3"></a> 115 <br><br><br><br><br><br><br><br><br><br> 116 <br><br><br><br><br><br><br><br><br><br> 117 <br><br><br><br><br><br><br><br><br><br> 118 <br><br><br><br><br><br><br><br><br><br> 119 <br><br><br><br><br><br><br><br><br><br> 120 <br><br><br><br><br><br><br><br><br><br> 121 <br><br><br><br><br><br><br><br><br><br> 122 <br><br><br><br><br><br><br><br><br><br> 123 <br><br><br><br><br><br><br><br><br><br> 124 <br><br><br><br><br><br><br><br><br><br> 125 <br><br><br><br><br><br><br><br><br><br> 126 <br><br><br><br><br><br><br><br><br><br> 127 <br><br><br><br><br><br><br><br><br><br> 128 <br><br><br><br><br><br><br><br><br><br> 129 <br><br><br><br><br><br><br><br><br><br> 130 <br><br><br><br><br><br><br><br><br><br> 131 <br><br><br><br><br><br><br><br><br><br> 132 <br><br><br><br><br><br><br><br><br><br> 133 <br><br><br><br><br><br><br><br><br><br> 134 <br><br><br><br><br><br><br><br><br><br> 135 <br><br><br><br><br><br><br><br><br><br> 136 <br><br><br><br><br><br><br><br><br><br> 137 <br><br><br><br><br><br><br><br><br><br> 138 <br><br><br><br><br><br><br><br><br><br> 139 <br><br><br><br><br><br><br><br><br><br> 140 <br><br><br><br><br><br><br><br><br><br> 141 <br><br><br><br><br><br><br><br><br><br> 142 <br><br><br><br><br><br><br><br><br><br> 143 <br><br><br><br><br><br><br><br><br><br> 144 </body> 145 </html>