svg-tooltip.svg   [plain text]


<?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>