OLD | NEW |
| (Empty) |
1 <html xmlns="http://www.w3.org/1999/xhtml"> | |
2 <head> | |
3 <title>Links with fragment identifiers inside SVG fragments</title> | |
4 <style type="text/css"> | |
5 div { padding-top: 500em; } | |
6 </style> | |
7 </head> | |
8 <body> | |
9 <p>The circle below is a link. When you activate the circle, nothing | |
10 should happen. If the document scrolls or the image pans when you | |
11 activate the link, the test has failed.</p> | |
12 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xl
ink" | |
13 height="20000" width="200" onload="runTest();"> | |
14 <script type="text/ecmascript"><![CDATA[ | |
15 if (window.testRunner) { | |
16 testRunner.waitUntilDone(); | |
17 testRunner.dumpAsText(); | |
18 } | |
19 | |
20 function checkNoNavigation() | |
21 { | |
22 var result = location.hash == '' ? 'PASS' : 'FAIL'; | |
23 document.documentElement.appendChild(document.createTextNode(result)); | |
24 if (window.testRunner) | |
25 testRunner.notifyDone(); | |
26 } | |
27 | |
28 function runTest() { | |
29 if (window.eventSender) { | |
30 var evt = document.createEvent("MouseEvents"); | |
31 evt.initMouseEvent("click", true, true, window, | |
32 0, 0, 0, 0, 0, false, false, false, false, 0, null); | |
33 document.getElementById('link').dispatchEvent(evt); | |
34 window.setTimeout("checkNoNavigation()", 0 ); | |
35 } else { | |
36 // in manual mode | |
37 alert("Please use run-webkit-tests."); | |
38 } | |
39 } | |
40 ]]> | |
41 </script> | |
42 <!-- Spec says that <a> can only link to animation elements, | |
43 otherwise it is invalid; that known attributes with | |
44 unsupported values are treated as if they hadn't been | |
45 specified when rendering; that if the attribute is not | |
46 specified, the effect is as if an empty value ("") was | |
47 specified; and that an empty attribute value (xlink:href="") | |
48 means that no link traversal occurs upon activation of the 'a' | |
49 element. So. Nothing should happen if you click it: --> | |
50 <a xlink:href="#test" id="link"> | |
51 <circle cx="50" cy="50" r="50" fill="blue"/> | |
52 </a> | |
53 <circle cx="50" cy="19950" r="50" fill="red" id="test"/> | |
54 </svg> | |
55 </body> | |
56 </html> | |
OLD | NEW |