1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
|
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>This string should not show up as a tooltip</title>
<desc>
This test verifies that tooltips are properly rendered for SVG content in a variety of
scenarios. Hovering over every shape should result in a tooltip of "PASS".
</desc>
<defs>
<ellipse id="e1" cx="100" cy="200" rx="50" ry="30" fill="blue">
<title>PASS</title>
</ellipse>
<ellipse id="e2" cx="250" cy="200" rx="50" ry="30" fill="blue">
<title>FAIL</title>
</ellipse>
<symbol id="e3">
<ellipse cx="100" cy="300" rx="50" ry="30" fill="blue">
<title>PASS</title>
</ellipse>
</symbol>
<symbol id="e4">
<title>FAIL</title>
<ellipse cx="250" cy="300" rx="50" ry="30" fill="blue">
</ellipse>
</symbol>
</defs>
<text y="15" x="0">When hovered, all shapes should show a "PASS" tooltip. Anything else is a failure.</text>
<ellipse cx="100" cy="100" rx="50" ry="30" fill="blue">
<title>PASS</title>
</ellipse>
<g>
<title>PASS</title>
<ellipse cx="250" cy="100" rx="50" ry="30" fill="blue"/>
</g>
<a xlink:title="PASS" xlink:href="#">
<title>FAIL</title>
<ellipse id="e4" cx="400" cy="100" rx="50" ry="30" fill="blue"/>
</a>
<use xlink:href="#e1"/>
<use xlink:href="#e2">
<title>PASS</title>
</use>
<g>
<title>FAIL</title>
<ellipse id="e8" cx="400" cy="200" rx="50" ry="30" fill="blue">
<title>PASS</title>
</ellipse>
</g>
<use xlink:href="#e3"/>
<use xlink:href="#e4">
<title>PASS</title>
</use>
</svg>
|