<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runTest()">
  <path id="thePath" d="M50 50 L 450 50" />
  <text>
    <textPath xlink:href="#thePath">This text should be ABOVE the other line.</textPath>
    <textPath xlink:href="#thePath"><tspan dy="20">This text should be BELOW the other line.</tspan></textPath>
  </text>
  <script><![CDATA[
    function runTest() {
      var path = document.getElementById("thePath");
      path.setAttribute("d", "M50 150 L 450 150");
    }
  ]]></script>
</svg>