OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <title>Tests that server-side image maps with zooms and transforms produce the r
ight click coordinates.</title> | |
3 <script src="../../resources/testharness.js"></script> | |
4 <script src="../../resources/testharnessreport.js"></script> | |
5 <style> | |
6 img { | |
7 position: absolute; | |
8 left: 50px; | |
9 top: 60px; | |
10 width: 100px; | |
11 height: 50px; | |
12 border-left: 13px solid; | |
13 border-top: 13px solid; | |
14 border-right: 10px solid; | |
15 border-bottom: 10px solid; | |
16 padding-left: 17px; | |
17 padding-top: 17px; | |
18 padding-right: 10px; | |
19 padding-bottom: 10px; | |
20 transform: rotate(45deg); | |
21 } | |
22 </style> | |
23 <div style="zoom: 2;"><a href="#"><img src="data:image/gif;base64,R0lGODlhAQABAI
AAAP///wAAACwAAAAAAQABAAACAkQBADs=" ismap></a></div> | |
24 <script> | |
25 async_test(function(t) { | |
26 window.onload = t.step_func_done(function() { | |
27 function testClick(x, y, expectedHash) { | |
28 location.hash = '#'; | |
29 eventSender.mouseMoveTo(x, y); | |
30 eventSender.mouseDown(); | |
31 eventSender.mouseUp(); | |
32 assert_equals(location.hash, expectedHash); | |
33 } | |
34 if (window.eventSender && window.internals) { | |
35 internals.setPageScaleFactor(1.25); // pinch scale | |
36 eventSender.setPageZoomFactor(1.5, 0, 0); // browser zoom | |
37 testClick(402, 122, '#?0,0'); // top left border | |
38 testClick(407, 204, '#?0,0'); // top left padding | |
39 testClick(517, 562, '#?82,39'); // content area | |
40 testClick(539, 662, '#?105,54'); // lower right padding | |
41 testClick(540, 714, '#?115,63'); // lower right border | |
42 testClick(179, 350, '#?0,63'); // lower left border | |
43 testClick(248, 362, '#?0,52'); // lower left padding | |
44 testClick(695, 488, '#?102,0'); // upper right padding | |
45 testClick(759, 479, '#?112,0'); // upper right border | |
46 } | |
47 }); | |
48 }); | |
49 </script> | |
OLD | NEW |