<svg version="1.1" viewBox="0 0 480 360" onload="runTest()" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <script>
     function runTest() {
         var tref = document.getElementById('tref');
         while(tref.firstChild)
             tref.removeChild(tref.firstChild);
     }
  </script>
  <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
    <!-- Test case label -->
    <text x="75" y="25" font-family="SVGFreeSansASCII,sans-serif" font-size="12" fill="blue">Test removing tref's text content.</text>

    <defs>
	<text id="hello">F<tspan fill="blue">l</tspan><tspan fill="red" font-size="100">a</tspan><tspan fill="yellow">t<tspan fill="lime">t</tspan></tspan><tspan fill="orange" dx="50">e</tspan><tspan fill="purple">n</tspan><tspan fill="red">e</tspan>d</text>
    </defs>

    <text x="75" y="200" font-size="36" font-family="sans-serif" fill="green" id="target">
        <tref id="tref" xlink:href="#hello"><description>This should not be rendered</description></tref>
    </text>

  </g>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.4 $</text>
  </g>
  <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>